@elliemae/ds-side-panel-header 3.22.0-next.25 → 3.22.0-next.27

package/dist/cjs/SidePanelHeader.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/SidePanelHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/SidePanelHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { noop, omit } from 'lodash';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nimport { StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n  const globalAttributes = omit(useGetGlobalAttributes(propsWithDefaults), 'cols', 'wrap', 'rows');\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n  const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n    </Grid>\n  );\n  const cols = ['1fr', 'auto', 'auto'];\n  return (\n    <Wrapper cols={cols} alignItems=\"center\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n      <StyledTitle\n        maxWidth=\"100%\"\n        alignItems=\"center\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {title}\n      </StyledTitle>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <StyledCloseButton\n              buttonType=\"icon\"\n              innerRef={closeButtonRef}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <CloseSmall />\n            </StyledCloseButton>\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nSidePanelHeader.propTypes = propTypes;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAxBN,mBAAmC;AACnC,8BAKO;AACP,oBAA2B;AAC3B,sBAA2B;AAC3B,qBAAqB;AACrB,mCAAiE;AAEjE,oBAAyE;AACzE,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,wBAAoB,sDAA+D,OAAO,yCAAY;AAE5G,QAAM,uBAAmB,wBAAK,gDAAuB,iBAAiB,GAAG,QAAQ,QAAQ,MAAM;AAC/F,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,oBAAgB,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,oBAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,4CAAC,uBAAK,QAAO,QACX,sDAAC,iCAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,6CAAC,yBAAQ,MAAY,YAAW,UAAS,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAC9E;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,6CAAC,uBAAK,IAAG,OAAM,YAAW,UAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GAC3F;AAAA,0BAAoB,4CAAC,uBAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,4CAAC,uBACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,sDAAC,8BAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": []

package/dist/cjs/SidePanelHeaderDefinitions.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/SidePanelHeaderDefinitions.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/SidePanelHeaderDefinitions.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSidePanelHeaderName = 'DSSidePanelHeader' as const;\nexport const DSSidePanelHeaderSlots = {\n  CLOSE_BUTTON: 'close-button',\n  TITLE: 'title',\n  WRAPPER: 'wrapper',\n  SEPARATOR: 'separator',\n};\n\nexport const DSSidePanelHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSSidePanelHeaderName, DSSidePanelHeaderSlots),\n  CLOSE_BUTTON: 'btn-close-slide-panel',\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,+BAA+B;AAAA,EAC1C,OAAG,0CAAwB,uBAAuB,sBAAsB;AAAA,EACxE,cAAc;AAChB;",
   "names": []

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './SidePanelHeader.js';\nexport * from './react-desc-prop-types.js';\nexport * from './SidePanelHeaderDefinitions.js';\nimport {} from '@xstyled/system';\nimport {} from '@xstyled/util';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AACA,wBAAc,uCADd;AAEA,wBAAc,4CAFd;",
   "names": []

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport {\n  type GlobalAttributesT,\n  type XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSidePanelHeaderT {\n  export interface DefaultProps {\n    onClose: () => void;\n    showClose: boolean;\n  }\n\n  export interface OptionalProps {\n    title?: string;\n    additionalAction?: React.ReactNode;\n    closeButtonRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSidePanelHeaderT.DefaultProps = {\n  onClose: () => {},\n  showClose: true,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse').defaultValue(defaultProps.onClose),\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button').defaultValue(defaultProps.showClose),\n  /** Ref for close button */\n  closeButtonRef: PropTypes.object.description('Ref for close button'),\n} as unknown as WeakValidationMap<DSSidePanelHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AACP,IAAAA,2BAA0B;AA0BnB,MAAM,eAAgD;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,OAAO,mCAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,kBAAkB,mCAAU,QAAQ,YAAY,eAAe;AAAA;AAAA,EAE/D,SAAS,mCAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,aAAa,OAAO;AAAA;AAAA,EAEvG,WAAW,mCAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,aAAa,SAAS;AAAA;AAAA,EAEnG,gBAAgB,mCAAU,OAAO,YAAY,sBAAsB;AACrE;",
   "names": ["import_ds_props_helpers"]

package/dist/cjs/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, border, truncate, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\nexport const StyledTitle = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.TITLE,\n})`\n  margin-right: ${(props) => props.theme.space.xs};\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n  ${xStyledCommonProps}\n`;\n\nexport const Wrapper = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.WRAPPER,\n})`\n  padding-right: ${(props) => props.theme.space.xs};\n  padding-left: ${(props) => props.theme.space.xs};\n  height: ${(props) => props.theme.space.m};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n  ${xStyledCommonProps}\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})`\n  ${xStyledCommonProps}\n`;\n\nexport const StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA6D;AAC7D,0BAA2B;AAC3B,qBAAqB;AACrB,wCAA8D;AACvD,MAAM,kBAAc,yBAAO,qBAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,iBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAClD,2BAAS;AAAA,IACT;AAAA;AAGG,MAAM,cAAU,yBAAO,qBAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,mBACkB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,kBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,YACnC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBACtB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IAClE;AAAA;AAGG,MAAM,wBAAoB,yBAAO,gCAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,IACG;AAAA;AAGG,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,IACzD;AAAA;",
   "names": []

package/dist/esm/SidePanelHeader.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { noop, omit } from 'lodash';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nimport { StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n  const globalAttributes = omit(useGetGlobalAttributes(propsWithDefaults), 'cols', 'wrap', 'rows');\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n  const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n    </Grid>\n  );\n  const cols = ['1fr', 'auto', 'auto'];\n  return (\n    <Wrapper cols={cols} alignItems=\"center\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n      <StyledTitle\n        maxWidth=\"100%\"\n        alignItems=\"center\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {title}\n      </StyledTitle>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <StyledCloseButton\n              buttonType=\"icon\"\n              innerRef={closeButtonRef}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <CloseSmall />\n            </StyledCloseButton>\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nSidePanelHeader.propTypes = propTypes;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACwBjB,cAcA,YAdA;AAxBN,SAAgB,mBAAmB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,YAAY;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAkC,cAAc,iBAAiB;AAEjE,SAAS,iBAAiB,aAAa,SAAS,yBAAyB;AACzE,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,oBAAoB,6BAA+D,OAAO,YAAY;AAE5G,QAAM,mBAAmB,KAAK,uBAAuB,iBAAiB,GAAG,QAAQ,QAAQ,MAAM;AAC/F,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,gBAAgB,YAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,oBAAC,QAAK,QAAO,QACX,8BAAC,mBAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,qBAAC,WAAQ,MAAY,YAAW,UAAS,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAC9E;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,QAAK,IAAG,OAAM,YAAW,UAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GAC3F;AAAA,0BAAoB,oBAAC,QAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,oBAAC,QACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,8BAAC,cAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": []

package/dist/esm/SidePanelHeaderDefinitions.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeaderDefinitions.ts"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeaderDefinitions.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSidePanelHeaderName = 'DSSidePanelHeader' as const;\nexport const DSSidePanelHeaderSlots = {\n  CLOSE_BUTTON: 'close-button',\n  TITLE: 'title',\n  WRAPPER: 'wrapper',\n  SEPARATOR: 'separator',\n};\n\nexport const DSSidePanelHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSSidePanelHeaderName, DSSidePanelHeaderSlots),\n  CLOSE_BUTTON: 'btn-close-slide-panel',\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,uBAAuB,sBAAsB;AAAA,EACxE,cAAc;AAChB;",
   "names": []

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './SidePanelHeader.js';\nexport * from './react-desc-prop-types.js';\nexport * from './SidePanelHeaderDefinitions.js';\nimport {} from '@xstyled/system';\nimport {} from '@xstyled/util';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []

package/dist/esm/react-desc-prop-types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport {\n  type GlobalAttributesT,\n  type XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSidePanelHeaderT {\n  export interface DefaultProps {\n    onClose: () => void;\n    showClose: boolean;\n  }\n\n  export interface OptionalProps {\n    title?: string;\n    additionalAction?: React.ReactNode;\n    closeButtonRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSidePanelHeaderT.DefaultProps = {\n  onClose: () => {},\n  showClose: true,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse').defaultValue(defaultProps.onClose),\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button').defaultValue(defaultProps.showClose),\n  /** Ref for close button */\n  closeButtonRef: PropTypes.object.description('Ref for close button'),\n} as unknown as WeakValidationMap<DSSidePanelHeaderT.Props>;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AA0BnB,MAAM,eAAgD;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,kBAAkB,UAAU,QAAQ,YAAY,eAAe;AAAA;AAAA,EAE/D,SAAS,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,aAAa,OAAO;AAAA;AAAA,EAEvG,WAAW,UAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,aAAa,SAAS;AAAA;AAAA,EAEnG,gBAAgB,UAAU,OAAO,YAAY,sBAAsB;AACrE;",
   "names": []

package/dist/esm/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, border, truncate, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\nexport const StyledTitle = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.TITLE,\n})`\n  margin-right: ${(props) => props.theme.space.xs};\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n  ${xStyledCommonProps}\n`;\n\nexport const Wrapper = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.WRAPPER,\n})`\n  padding-right: ${(props) => props.theme.space.xs};\n  padding-left: ${(props) => props.theme.space.xs};\n  height: ${(props) => props.theme.space.m};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n  ${xStyledCommonProps}\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})`\n  ${xStyledCommonProps}\n`;\n\nexport const StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n  ${xStyledCommonProps}\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,UAAU,0BAA0B;AAC7D,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,uBAAuB,8BAA8B;AACvD,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,iBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,IAClD,SAAS;AAAA,IACT;AAAA;AAGG,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,mBACkB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,kBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,YACnC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBACtB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IAClE;AAAA;AAGG,MAAM,oBAAoB,OAAO,YAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,IACG;AAAA;AAGG,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,IACzD;AAAA;",
   "names": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-side-panel-header",
-  "version": "3.22.0-next.25",
+  "version": "3.22.0-next.27",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Side Panel Header",
   "files": [
@@ -57,17 +57,17 @@
   "dependencies": {
     "@elliemae/pui-theme": "~2.7.0",
     "jest-axe": "^7.0.1",
-    "@elliemae/ds-button-v2": "3.22.0-next.25",
-    "@elliemae/ds-grid": "3.22.0-next.25",
-    "@elliemae/ds-icons": "3.22.0-next.25",
-    "@elliemae/ds-system": "3.22.0-next.25",
-    "@elliemae/ds-utilities": "3.22.0-next.25",
-    "@elliemae/ds-props-helpers": "3.22.0-next.25"
+    "@elliemae/ds-button-v2": "3.22.0-next.27",
+    "@elliemae/ds-grid": "3.22.0-next.27",
+    "@elliemae/ds-icons": "3.22.0-next.27",
+    "@elliemae/ds-system": "3.22.0-next.27",
+    "@elliemae/ds-utilities": "3.22.0-next.27",
+    "@elliemae/ds-props-helpers": "3.22.0-next.27"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.22",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.25"
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.27"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -80,12 +80,12 @@
     "typeSafety": false
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""