@redsift/products 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6

package/packages/popovers/src/components/dialog/useDialogContext.js

@@ -1,13 +0,0 @@
-import React__default from 'react';
-import { DialogContext } from './context.js';
-
-const useDialogContext = () => {
-  const context = React__default.useContext(DialogContext);
-  if (context == null) {
-    throw new Error('Dialog components must be wrapped in <Dialog />');
-  }
-  return context;
-};
-
-export { useDialogContext };
-//# sourceMappingURL=useDialogContext.js.map

package/packages/popovers/src/components/dialog/useDialogContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialogContext.js","sources":["../../../../../../../popovers/src/components/dialog/useDialogContext.tsx"],"sourcesContent":["import React from 'react';\nimport { DialogContext } from './context';\n\nexport const useDialogContext = () => {\n  const context = React.useContext(DialogContext);\n\n  if (context == null) {\n    throw new Error('Dialog components must be wrapped in <Dialog />');\n  }\n\n  return context;\n};\n"],"names":["useDialogContext","context","React","useContext","DialogContext","Error"],"mappings":";;;AAGaA,MAAAA,gBAAgB,GAAGA,MAAM;AACpC,EAAA,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC,CAAA;EAE/C,IAAIH,OAAO,IAAI,IAAI,EAAE;AACnB,IAAA,MAAM,IAAII,KAAK,CAAC,iDAAiD,CAAC,CAAA;AACpE,GAAA;AAEA,EAAA,OAAOJ,OAAO,CAAA;AAChB;;;;"}

package/packages/popovers/src/components/dialog-content/DialogContent.js

@@ -1,97 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext } from 'react';
-import classNames from 'classnames';
-import { useTransitionStyles, useMergeRefs, FloatingPortal, FloatingFocusManager } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import { mdiClose } from '@redsift/icons';
-import { AppContainerContext, useTheme, useMessageFormatter, partitionComponents, isComponent, IconButton } from '@redsift/design-system';
-import intlMessages from './intl/index.js';
-import { StyledFloatingOverlay, StyledDialogContent } from './styles.js';
-import { DialogContentHeader } from '../dialog-content-header/DialogContentHeader.js';
-import { DialogContentBody } from '../dialog-content-body/DialogContentBody.js';
-import { DialogContentActions } from '../dialog-content-actions/DialogContentActions.js';
-import { useDialogContext } from '../dialog/useDialogContext.js';
-
-const _excluded = ["children", "className", "style", "theme"];
-const COMPONENT_NAME = 'DialogContent';
-const CLASSNAME = 'redsift-dialog-content';
-
-/**
- * The DialogContent component.
- */
-const BaseDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      style,
-      theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const appContainerState = useContext(AppContainerContext);
-  const {
-    context: floatingContext,
-    getFloatingProps,
-    refs,
-    labelId,
-    descriptionId,
-    handleOpen,
-    hasCloseButton,
-    initialFocus: propsInitialFocus,
-    width,
-    minWidth,
-    maxWidth,
-    headerRef,
-    bodyRef,
-    actionsRef
-  } = useDialogContext();
-  const theme = useTheme(propsTheme);
-  const {
-    isMounted,
-    styles
-  } = useTransitionStyles(floatingContext);
-  const dialogRef = useMergeRefs([refs.setFloating, ref]);
-  const format = useMessageFormatter(intlMessages);
-  const [[header], [body], [actions]] = partitionComponents(React__default.Children.toArray(children), [isComponent('DialogContentHeader'), isComponent('DialogContentBody'), isComponent('DialogContentActions')]);
-  const initialFocus = propsInitialFocus === 'header' ? headerRef : propsInitialFocus === 'body' ? bodyRef : propsInitialFocus === 'actions' ? actionsRef : propsInitialFocus ? propsInitialFocus : undefined;
-  return /*#__PURE__*/React__default.createElement(FloatingPortal, {
-    root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
-  }, isMounted && /*#__PURE__*/React__default.createElement(StyledFloatingOverlay, {
-    lockScroll: true,
-    style: styles
-  }, /*#__PURE__*/React__default.createElement(FloatingFocusManager, {
-    context: floatingContext,
-    initialFocus: initialFocus ? initialFocus : undefined
-  }, /*#__PURE__*/React__default.createElement(StyledDialogContent, _extends({
-    $theme: theme,
-    className: classNames(DialogContent.className, className)
-  }, forwardedProps, {
-    ref: dialogRef,
-    "aria-labelledby": labelId,
-    "aria-describedby": descriptionId
-  }, getFloatingProps(props), {
-    style: _objectSpread2(_objectSpread2({}, styles), style),
-    $width: width,
-    $minWidth: minWidth,
-    $maxWidth: maxWidth
-  }), !header && !body && !actions ? /*#__PURE__*/React__default.createElement(DialogContentBody, null, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header || hasCloseButton ? /*#__PURE__*/React__default.createElement("div", {
-    className: `${BaseDialogContent.className}__header`
-  }, header, hasCloseButton ? /*#__PURE__*/React__default.createElement(IconButton, {
-    theme: theme,
-    "aria-label": format('close'),
-    className: `${BaseDialogContent.className}-header__icon-button`,
-    color: "grey",
-    icon: mdiClose,
-    onClick: () => handleOpen(false)
-  }) : null) : null, body || actions ? /*#__PURE__*/React__default.createElement("div", {
-    className: `${BaseDialogContent.className}__content`
-  }, body, actions) : null)))));
-});
-BaseDialogContent.className = CLASSNAME;
-BaseDialogContent.displayName = COMPONENT_NAME;
-const DialogContent = Object.assign(BaseDialogContent, {
-  Header: DialogContentHeader,
-  Body: DialogContentBody,
-  Actions: DialogContentActions
-});
-
-export { BaseDialogContent, DialogContent };
-//# sourceMappingURL=DialogContent.js.map

package/packages/popovers/src/components/dialog-content/DialogContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContent.js","sources":["../../../../../../../popovers/src/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs, FloatingPortal, FloatingFocusManager, useTransitionStyles } from '@floating-ui/react';\nimport { mdiClose } from '@redsift/icons';\n\nimport { AppContainerContext, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport { Comp, IconButton, isComponent, partitionComponents, useTheme } from '@redsift/design-system';\nimport { DialogContentProps } from './types';\nimport { useDialogContext } from '../dialog';\nimport { StyledDialogContent, StyledFloatingOverlay } from './styles';\nimport { DialogContentActions } from '../dialog-content-actions';\nimport { DialogContentBody } from '../dialog-content-body';\nimport { DialogContentHeader } from '../dialog-content-header';\n\nconst COMPONENT_NAME = 'DialogContent';\nconst CLASSNAME = 'redsift-dialog-content';\n\n/**\n * The DialogContent component.\n */\nexport const BaseDialogContent: Comp<DialogContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, style, theme: propsTheme, ...forwardedProps } = props;\n  const appContainerState = useContext(AppContainerContext);\n  const {\n    context: floatingContext,\n    getFloatingProps,\n    refs,\n    labelId,\n    descriptionId,\n    handleOpen,\n    hasCloseButton,\n    initialFocus: propsInitialFocus,\n    width,\n    minWidth,\n    maxWidth,\n    headerRef,\n    bodyRef,\n    actionsRef,\n  } = useDialogContext();\n  const theme = useTheme(propsTheme);\n  const { isMounted, styles } = useTransitionStyles(floatingContext);\n  const dialogRef = useMergeRefs([refs.setFloating, ref]);\n\n  const format = useMessageFormatter(intlMessages);\n\n  const [[header], [body], [actions]] = partitionComponents(React.Children.toArray(children), [\n    isComponent('DialogContentHeader'),\n    isComponent('DialogContentBody'),\n    isComponent('DialogContentActions'),\n  ]);\n\n  const initialFocus: number | React.MutableRefObject<HTMLElement | null> | undefined =\n    propsInitialFocus === 'header'\n      ? headerRef\n      : propsInitialFocus === 'body'\n      ? bodyRef\n      : propsInitialFocus === 'actions'\n      ? actionsRef\n      : propsInitialFocus\n      ? propsInitialFocus\n      : undefined;\n\n  return (\n    <FloatingPortal root={appContainerState?.appContainerRef.current}>\n      {isMounted && (\n        <StyledFloatingOverlay lockScroll style={styles}>\n          <FloatingFocusManager context={floatingContext} initialFocus={initialFocus ? initialFocus : undefined}>\n            <StyledDialogContent\n              $theme={theme!}\n              className={classNames(DialogContent.className, className)}\n              {...forwardedProps}\n              ref={dialogRef}\n              aria-labelledby={labelId}\n              aria-describedby={descriptionId}\n              {...getFloatingProps(props)}\n              style={{ ...styles, ...style }}\n              $width={width}\n              $minWidth={minWidth}\n              $maxWidth={maxWidth}\n            >\n              {!header && !body && !actions ? (\n                <DialogContentBody>{children}</DialogContentBody>\n              ) : (\n                <>\n                  {header || hasCloseButton ? (\n                    <div className={`${BaseDialogContent.className}__header`}>\n                      {header}\n\n                      {hasCloseButton ? (\n                        <IconButton\n                          theme={theme}\n                          aria-label={format('close')}\n                          className={`${BaseDialogContent.className}-header__icon-button`}\n                          color=\"grey\"\n                          icon={mdiClose}\n                          onClick={() => handleOpen(false)}\n                        />\n                      ) : null}\n                    </div>\n                  ) : null}\n                  {body || actions ? (\n                    <div className={`${BaseDialogContent.className}__content`}>\n                      {body}\n                      {actions}\n                    </div>\n                  ) : null}\n                </>\n              )}\n            </StyledDialogContent>\n          </FloatingFocusManager>\n        </StyledFloatingOverlay>\n      )}\n    </FloatingPortal>\n  );\n});\nBaseDialogContent.className = CLASSNAME;\nBaseDialogContent.displayName = COMPONENT_NAME;\n\nexport const DialogContent = Object.assign(BaseDialogContent, {\n  Header: DialogContentHeader,\n  Body: DialogContentBody,\n  Actions: DialogContentActions,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseDialogContent","forwardRef","props","ref","children","className","style","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","appContainerState","useContext","AppContainerContext","context","floatingContext","getFloatingProps","refs","labelId","descriptionId","handleOpen","hasCloseButton","initialFocus","propsInitialFocus","width","minWidth","maxWidth","headerRef","bodyRef","actionsRef","useDialogContext","useTheme","isMounted","styles","useTransitionStyles","dialogRef","useMergeRefs","setFloating","format","useMessageFormatter","intlMessages","header","body","actions","partitionComponents","React","Children","toArray","isComponent","undefined","createElement","FloatingPortal","root","appContainerRef","current","StyledFloatingOverlay","lockScroll","FloatingFocusManager","StyledDialogContent","_extends","$theme","classNames","DialogContent","_objectSpread","$width","$minWidth","$maxWidth","DialogContentBody","Fragment","IconButton","color","icon","mdiClose","onClick","displayName","Object","assign","Header","DialogContentHeader","Body","Actions","DialogContentActions"],"mappings":"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"}

package/packages/popovers/src/components/dialog-content/intl/en-US.json.js

@@ -1,7 +0,0 @@
-var close = "Close";
-var enUS = {
-	close: close
-};
-
-export { close, enUS as default };
-//# sourceMappingURL=en-US.json.js.map

package/packages/popovers/src/components/dialog-content/intl/en-US.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js

@@ -1,7 +0,0 @@
-var close = "Fermer";
-var frFR = {
-	close: close
-};
-
-export { close, frFR as default };
-//# sourceMappingURL=fr-FR.json.js.map

package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/packages/popovers/src/components/dialog-content/intl/index.js

@@ -1,10 +0,0 @@
-import enUS from './en-US.json.js';
-import frFR from './fr-FR.json.js';
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-export { intlMessages as default };
-//# sourceMappingURL=index.js.map

package/packages/popovers/src/components/dialog-content/intl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../popovers/src/components/dialog-content/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/packages/popovers/src/components/dialog-content/styles.js

@@ -1,77 +0,0 @@
-import { FloatingOverlay } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import styled, { css } from 'styled-components';
-import { baseContainer, Theme } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContent = styled.div`
-  ${baseContainer}
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});
-  `;
-}}
-
-  border-radius: 4px;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
-  display: flex;
-  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
-  flex-direction: column;
-  font-family: var(--redsift-typography-dialog-font-family);
-  font-size: var(--redsift-typography-dialog-font-size);
-  font-weight: var(--redsift-typography-dialog-font-weight);
-  line-height: var(--redsift-typography-dialog-line-height);
-  margin: 32px;
-  max-width: calc(100vw - 48px);
-  padding: 24px;
-  width: 540px;
-  z-index: var(--redsift-layout-z-index-dialog);
-
-  ${_ref2 => {
-  let {
-    $width,
-    $maxWidth,
-    $minWidth
-  } = _ref2;
-  return css`
-    ${$width !== undefined ? `width: ${$width};` : ''}
-    ${$maxWidth !== undefined ? `min-width: ${$maxWidth};` : ''}
-    ${$minWidth !== undefined ? `max-width: ${$minWidth};` : ''}
-  `;
-}}
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  .redsift-dialog-content__header {
-    align-items: flex-start;
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .redsift-card-header__icon-button {
-    margin-top: 8px;
-    margin-left: auto;
-    margin-right: 8px;
-
-    [dir='rtl'] & {
-      margin-left: 8px;
-      margin-right: auto;
-    }
-  }
-`;
-const StyledFloatingOverlay = styled(FloatingOverlay)`
-  background: rgba(0, 0, 0, 0.8);
-  display: grid;
-  place-items: center;
-  z-index: var(--redsift-layout-z-index-overlay);
-`;
-
-export { StyledDialogContent, StyledFloatingOverlay };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../popovers/src/components/dialog-content/styles.ts"],"sourcesContent":["import { FloatingOverlay } from '@floating-ui/react';\nimport styled, { css } from 'styled-components';\nimport { StyledDialogContentProps } from './types';\nimport { Theme, baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledDialogContent = styled.div<StyledDialogContentProps>`\n  ${baseContainer}\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});\n  `}\n\n  border-radius: 4px;\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);\n  display: flex;\n  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n  flex-direction: column;\n  font-family: var(--redsift-typography-dialog-font-family);\n  font-size: var(--redsift-typography-dialog-font-size);\n  font-weight: var(--redsift-typography-dialog-font-weight);\n  line-height: var(--redsift-typography-dialog-line-height);\n  margin: 32px;\n  max-width: calc(100vw - 48px);\n  padding: 24px;\n  width: 540px;\n  z-index: var(--redsift-layout-z-index-dialog);\n\n  ${({ $width, $maxWidth, $minWidth }) => css`\n    ${$width !== undefined ? `width: ${$width};` : ''}\n    ${$maxWidth !== undefined ? `min-width: ${$maxWidth};` : ''}\n    ${$minWidth !== undefined ? `max-width: ${$minWidth};` : ''}\n  `}\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  .redsift-dialog-content__header {\n    align-items: flex-start;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .redsift-card-header__icon-button {\n    margin-top: 8px;\n    margin-left: auto;\n    margin-right: 8px;\n\n    [dir='rtl'] & {\n      margin-left: 8px;\n      margin-right: auto;\n    }\n  }\n`;\n\nexport const StyledFloatingOverlay = styled(FloatingOverlay)`\n  background: rgba(0, 0, 0, 0.8);\n  display: grid;\n  place-items: center;\n  z-index: var(--redsift-layout-z-index-overlay);\n`;\n"],"names":["StyledDialogContent","styled","div","baseContainer","_ref","$theme","css","Theme","dark","_ref2","$width","$maxWidth","$minWidth","undefined","StyledFloatingOverlay","FloatingOverlay"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAA8B,CAAA;AACxE,EAAA,EAAIC,aAAc,CAAA;AAClB,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AACxB,uCAAyCD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AACzF,kDAAoDH,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,OAAQ,CAAA;AAC9F,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAH,KAAA,CAAA;AAAA,EAAA,OAAKH,GAAI,CAAA;AAC9C,IAAMI,EAAAA,MAAM,KAAKG,SAAS,GAAI,UAASH,MAAO,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AACtD,IAAMC,EAAAA,SAAS,KAAKE,SAAS,GAAI,cAAaF,SAAU,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AAChE,IAAMC,EAAAA,SAAS,KAAKC,SAAS,GAAI,cAAaD,SAAU,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AAChE,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYE,qBAAqB,GAAGb,MAAM,CAACc,eAAe,CAAE,CAAA;AAC7D;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js

@@ -1,38 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import { StyledDialogContentActions } from './styles.js';
-import { useDialogContext } from '../dialog/useDialogContext.js';
-
-const _excluded = ["children", "className", "flexDirection"];
-const COMPONENT_NAME = 'DialogContentActions';
-const CLASSNAME = 'redsift-dialog-content-actions';
-
-/**
- * The DialogContentActions component.
- */
-const DialogContentActions = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      flexDirection = 'row'
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    actionsRef,
-    initialFocus
-  } = useDialogContext();
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentActions, _extends({
-    flexDirection: flexDirection
-  }, forwardedProps, {
-    className: classNames(DialogContentActions.className, className),
-    ref: useMergeRefs([ref, actionsRef]),
-    tabIndex: initialFocus === 'actions' ? -1 : undefined
-  }), children);
-});
-DialogContentActions.className = CLASSNAME;
-DialogContentActions.displayName = COMPONENT_NAME;
-
-export { DialogContentActions };
-//# sourceMappingURL=DialogContentActions.js.map

package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentActions.js","sources":["../../../../../../../popovers/src/components/dialog-content-actions/DialogContentActions.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp } from '@redsift/design-system';\nimport { StyledDialogContentActions } from './styles';\nimport { DialogContentActionsProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentActions';\nconst CLASSNAME = 'redsift-dialog-content-actions';\n\n/**\n * The DialogContentActions component.\n */\nexport const DialogContentActions: Comp<DialogContentActionsProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, flexDirection = 'row', ...forwardedProps } = props;\n\n  const { actionsRef, initialFocus } = useDialogContext();\n\n  return (\n    <StyledDialogContentActions\n      flexDirection={flexDirection}\n      {...forwardedProps}\n      className={classNames(DialogContentActions.className, className)}\n      ref={useMergeRefs([ref, actionsRef])}\n      tabIndex={initialFocus === 'actions' ? -1 : undefined}\n    >\n      {children}\n    </StyledDialogContentActions>\n  );\n});\nDialogContentActions.className = CLASSNAME;\nDialogContentActions.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentActions","forwardRef","props","ref","children","className","flexDirection","forwardedProps","_objectWithoutProperties","_excluded","actionsRef","initialFocus","useDialogContext","React","createElement","StyledDialogContentActions","_extends","classNames","useMergeRefs","tabIndex","undefined","displayName"],"mappings":";;;;;;;;AASA,MAAMA,cAAc,GAAG,sBAAsB,CAAA;AAC7C,MAAMC,SAAS,GAAG,gCAAgC,CAAA;;AAElD;AACA;AACA;AACO,MAAMC,oBAAqE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9G,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,aAAa,GAAG,KAAA;AAAyB,KAAC,GAAGJ,KAAK;AAAxBK,IAAAA,cAAc,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;EAE/E,MAAM;IAAEC,UAAU;AAAEC,IAAAA,YAAAA;GAAc,GAAGC,gBAAgB,EAAE,CAAA;AAEvD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,0BAA0B,EAAAC,QAAA,CAAA;AACzBV,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EACzBC,cAAc,EAAA;IAClBF,SAAS,EAAEY,UAAU,CAACjB,oBAAoB,CAACK,SAAS,EAAEA,SAAS,CAAE;IACjEF,GAAG,EAAEe,YAAY,CAAC,CAACf,GAAG,EAAEO,UAAU,CAAC,CAAE;AACrCS,IAAAA,QAAQ,EAAER,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,GAAGS,SAAAA;AAAU,GAAA,CAAA,EAErDhB,QACyB,CAAC,CAAA;AAEjC,CAAC,EAAC;AACFJ,oBAAoB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC1CC,oBAAoB,CAACqB,WAAW,GAAGvB,cAAc;;;;"}

package/packages/popovers/src/components/dialog-content-actions/styles.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentActions = styled.div`
-  display: flex;
-  ${baseContainer}
-
-  margin-top: 8px;
-  margin-bottom: 8px;
-
-  &:focus-visible {
-    outline: none;
-  }
-`;
-
-export { StyledDialogContentActions };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-actions/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../popovers/src/components/dialog-content-actions/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { baseContainer } from '@redsift/design-system';\nimport { StyledDialogContentActionsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentActions = styled.div<StyledDialogContentActionsProps>`\n  display: flex;\n  ${baseContainer}\n\n  margin-top: 8px;\n  margin-bottom: 8px;\n\n  &:focus-visible {\n    outline: none;\n  }\n`;\n"],"names":["StyledDialogContentActions","styled","div","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,0BAA0B,GAAGC,MAAM,CAACC,GAAqC,CAAA;AACtF;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js

@@ -1,49 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import { useBoundingClientRect } from '@redsift/design-system';
-import { StyledDialogContentBody } from './styles.js';
-import { useDialogContext } from '../dialog/useDialogContext.js';
-
-const _excluded = ["children", "className"];
-const COMPONENT_NAME = 'DialogContentBody';
-const CLASSNAME = 'redsift-dialog-content-body';
-
-/**
- * The DialogContentBody component.
- */
-const DialogContentBody = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    actionsRef,
-    bodyRef,
-    hasCloseButton,
-    headerRef,
-    initialFocus
-  } = useDialogContext();
-  const {
-    height: headerHeight = 0
-  } = useBoundingClientRect(headerRef, [children, headerRef]);
-  const {
-    height: actionsHeight = 0
-  } = useBoundingClientRect(actionsRef, [children, actionsRef]);
-
-  /* istanbul ignore next */
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentBody, _extends({}, forwardedProps, {
-    className: classNames(DialogContentBody.className, className),
-    ref: useMergeRefs([ref, bodyRef]),
-    tabIndex: initialFocus === 'body' ? -1 : undefined,
-    $marginTop: Math.max(headerHeight, hasCloseButton ? 40 : 0) + 32,
-    $marginBottom: (actionsHeight === 0 ? 0 : actionsHeight + 16) + 32
-  }), children);
-});
-DialogContentBody.className = CLASSNAME;
-DialogContentBody.displayName = COMPONENT_NAME;
-
-export { DialogContentBody };
-//# sourceMappingURL=DialogContentBody.js.map

package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentBody.js","sources":["../../../../../../../popovers/src/components/dialog-content-body/DialogContentBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, useBoundingClientRect } from '@redsift/design-system';\nimport { StyledDialogContentBody } from './styles';\nimport { DialogContentBodyProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentBody';\nconst CLASSNAME = 'redsift-dialog-content-body';\n\n/**\n * The DialogContentBody component.\n */\nexport const DialogContentBody: Comp<DialogContentBodyProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  const { actionsRef, bodyRef, hasCloseButton, headerRef, initialFocus } = useDialogContext();\n\n  const { height: headerHeight = 0 } = useBoundingClientRect(headerRef as any, [children, headerRef]);\n  const { height: actionsHeight = 0 } = useBoundingClientRect(actionsRef as any, [children, actionsRef]);\n\n  /* istanbul ignore next */\n  return (\n    <StyledDialogContentBody\n      {...forwardedProps}\n      className={classNames(DialogContentBody.className, className)}\n      ref={useMergeRefs([ref, bodyRef])}\n      tabIndex={initialFocus === 'body' ? -1 : undefined}\n      $marginTop={Math.max(headerHeight, hasCloseButton ? 40 : 0) + 32}\n      $marginBottom={(actionsHeight === 0 ? 0 : actionsHeight + 16) + 32}\n    >\n      {children}\n    </StyledDialogContentBody>\n  );\n});\nDialogContentBody.className = CLASSNAME;\nDialogContentBody.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentBody","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","actionsRef","bodyRef","hasCloseButton","headerRef","initialFocus","useDialogContext","height","headerHeight","useBoundingClientRect","actionsHeight","React","createElement","StyledDialogContentBody","_extends","classNames","useMergeRefs","tabIndex","undefined","$marginTop","Math","max","$marginBottom","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,cAAc,GAAG,mBAAmB,CAAA;AAC1C,MAAMC,SAAS,GAAG,6BAA6B,CAAA;;AAE/C;AACA;AACA;AACO,MAAMC,iBAA+D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxG,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,cAAc;IAAEC,SAAS;AAAEC,IAAAA,YAAAA;GAAc,GAAGC,gBAAgB,EAAE,CAAA;EAE3F,MAAM;IAAEC,MAAM,EAAEC,YAAY,GAAG,CAAA;GAAG,GAAGC,qBAAqB,CAACL,SAAS,EAAS,CAACR,QAAQ,EAAEQ,SAAS,CAAC,CAAC,CAAA;EACnG,MAAM;IAAEG,MAAM,EAAEG,aAAa,GAAG,CAAA;GAAG,GAAGD,qBAAqB,CAACR,UAAU,EAAS,CAACL,QAAQ,EAAEK,UAAU,CAAC,CAAC,CAAA;;AAEtG;EACA,oBACEU,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAAC,QAAA,KAClBhB,cAAc,EAAA;IAClBD,SAAS,EAAEkB,UAAU,CAACvB,iBAAiB,CAACK,SAAS,EAAEA,SAAS,CAAE;IAC9DF,GAAG,EAAEqB,YAAY,CAAC,CAACrB,GAAG,EAAEO,OAAO,CAAC,CAAE;IAClCe,QAAQ,EAAEZ,YAAY,KAAK,MAAM,GAAG,CAAC,CAAC,GAAGa,SAAU;AACnDC,IAAAA,UAAU,EAAEC,IAAI,CAACC,GAAG,CAACb,YAAY,EAAEL,cAAc,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,EAAG;IACjEmB,aAAa,EAAE,CAACZ,aAAa,KAAK,CAAC,GAAG,CAAC,GAAGA,aAAa,GAAG,EAAE,IAAI,EAAA;AAAG,GAAA,CAAA,EAElEd,QACsB,CAAC,CAAA;AAE9B,CAAC,EAAC;AACFJ,iBAAiB,CAACK,SAAS,GAAGN,SAAS,CAAA;AACvCC,iBAAiB,CAAC+B,WAAW,GAAGjC,cAAc;;;;"}

package/packages/popovers/src/components/dialog-content-body/styles.js

@@ -1,65 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentBody = styled.div`
-  ${baseContainer}
-
-  overflow-y: auto;
-  ${_ref => {
-  let {
-    $marginTop,
-    $marginBottom
-  } = _ref;
-  return css`
-    max-height: calc(100vh - ${$marginTop + $marginBottom}px);
-  `;
-}}
-
-  font-family: var(--redsift-typography-body-font-family);
-  font-size: var(--redsift-typography-body-font-size);
-  font-weight: var(--redsift-typography-body-font-weight);
-  line-height: var(--redsift-typography-body-line-height);
-  padding: 0 24px;
-  margin: 16px -24px;
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  scrollbar-color: var(--redsift-color-neutral-mid-grey) transparent;
-  scrollbar-width: thin;
-
-  &::-webkit-scrollbar {
-    block-size: 9px;
-    inline-size: 9px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-clip: padding-box;
-    background-color: var(--redsift-color-neutral-mid-grey);
-    border-radius: 0px;
-    border-left: 2px solid transparent;
-    border-right: 2px solid transparent;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb:horizontal,
-  &::-webkit-scrollbar-thumb:vertical {
-    &:hover {
-      background-color: var(--redsift-color-neutral-x-dark-grey);
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    visibility: hidden;
-  }
-`;
-
-export { StyledDialogContentBody };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-body/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../popovers/src/components/dialog-content-body/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '@redsift/design-system';\nimport { StyledDialogContentBodyProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentBody = styled.div<StyledDialogContentBodyProps>`\n  ${baseContainer}\n\n  overflow-y: auto;\n  ${({ $marginTop, $marginBottom }) => css`\n    max-height: calc(100vh - ${$marginTop + $marginBottom}px);\n  `}\n\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 0 24px;\n  margin: 16px -24px;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  scrollbar-color: var(--redsift-color-neutral-mid-grey) transparent;\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    block-size: 9px;\n    inline-size: 9px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-clip: padding-box;\n    background-color: var(--redsift-color-neutral-mid-grey);\n    border-radius: 0px;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb:horizontal,\n  &::-webkit-scrollbar-thumb:vertical {\n    &:hover {\n      background-color: var(--redsift-color-neutral-x-dark-grey);\n    }\n  }\n\n  &::-webkit-scrollbar-corner {\n    visibility: hidden;\n  }\n`;\n"],"names":["StyledDialogContentBody","styled","div","baseContainer","_ref","$marginTop","$marginBottom","css"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,uBAAuB,GAAGC,MAAM,CAACC,GAAkC,CAAA;AAChF,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,UAAU;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAKG,GAAI,CAAA;AAC3C,6BAA+BF,EAAAA,UAAU,GAAGC,aAAc,CAAA;AAC1D,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js

@@ -1,86 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import { useId, Skeleton, Heading, Icon } from '@redsift/design-system';
-import { StyledDialogContentHeader } from './styles.js';
-import { useDialogContext } from '../dialog/useDialogContext.js';
-
-const _excluded = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader", "theme"];
-const COMPONENT_NAME = 'DialogContentHeader';
-const CLASSNAME = 'redsift-dialog-content-header';
-
-/**
- * The DialogContentHeader component.
- */
-const DialogContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      header,
-      headingProps,
-      icon,
-      iconProps,
-      isLoading,
-      subheader,
-      theme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    setLabelId,
-    setDescriptionId,
-    headerRef,
-    initialFocus
-  } = useDialogContext();
-  const [labelId] = useId();
-  const [descriptionId] = useId();
-
-  // Only sets `aria-labelledby` on the Dialog root element
-  // if this component is mounted inside it.
-  React__default.useLayoutEffect(() => {
-    setLabelId(labelId);
-    return () => setLabelId(undefined);
-  }, [labelId, setLabelId]);
-
-  // Only sets `aria-describedby` on the Dialog root element
-  // if this component is mounted inside it.
-  React__default.useLayoutEffect(() => {
-    setDescriptionId(descriptionId);
-    return () => setDescriptionId(undefined);
-  }, [descriptionId, setDescriptionId]);
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentHeader, _extends({}, forwardedProps, {
-    className: classNames(DialogContentHeader.className, className),
-    ref: useMergeRefs([ref, headerRef]),
-    tabIndex: initialFocus === 'header' ? -1 : undefined
-  }), subheader ? /*#__PURE__*/React__default.createElement(Skeleton.Text, {
-    theme: theme,
-    variant: "body",
-    isLoaded: !isLoading
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${DialogContentHeader.className}__subheader`
-  }, subheader)) : null, header ? /*#__PURE__*/React__default.createElement(Skeleton.Text, {
-    theme: theme,
-    variant: (headingProps === null || headingProps === void 0 ? void 0 : headingProps.variant) || 'h2',
-    isLoaded: !isLoading,
-    marginTop: "10px",
-    marginBottom: "10px"
-  }, /*#__PURE__*/React__default.createElement(Heading, _extends({
-    theme: theme,
-    as: "h2",
-    color: "black",
-    className: `${DialogContentHeader.className}__header`,
-    variant: "h2"
-  }, headingProps), icon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    theme: theme,
-    icon: icon,
-    "aria-hidden": "true",
-    size: "large"
-  }, iconProps)) : null, header)) : null, children ? /*#__PURE__*/React__default.createElement("div", {
-    id: descriptionId
-  }, children) : null);
-});
-DialogContentHeader.className = CLASSNAME;
-DialogContentHeader.displayName = COMPONENT_NAME;
-
-export { DialogContentHeader };
-//# sourceMappingURL=DialogContentHeader.js.map

package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentHeader.js","sources":["../../../../../../../popovers/src/components/dialog-content-header/DialogContentHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Icon, Heading, Comp, useId, Skeleton } from '@redsift/design-system';\nimport { StyledDialogContentHeader } from './styles';\nimport { DialogContentHeaderProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentHeader';\nconst CLASSNAME = 'redsift-dialog-content-header';\n\n/**\n * The DialogContentHeader component.\n */\nexport const DialogContentHeader: Comp<DialogContentHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, header, headingProps, icon, iconProps, isLoading, subheader, theme, ...forwardedProps } =\n    props;\n\n  const { setLabelId, setDescriptionId, headerRef, initialFocus } = useDialogContext();\n  const [labelId] = useId();\n  const [descriptionId] = useId();\n\n  // Only sets `aria-labelledby` on the Dialog root element\n  // if this component is mounted inside it.\n  React.useLayoutEffect(() => {\n    setLabelId(labelId);\n    return () => setLabelId(undefined);\n  }, [labelId, setLabelId]);\n\n  // Only sets `aria-describedby` on the Dialog root element\n  // if this component is mounted inside it.\n  React.useLayoutEffect(() => {\n    setDescriptionId(descriptionId);\n    return () => setDescriptionId(undefined);\n  }, [descriptionId, setDescriptionId]);\n\n  return (\n    <StyledDialogContentHeader\n      {...forwardedProps}\n      className={classNames(DialogContentHeader.className, className)}\n      ref={useMergeRefs([ref, headerRef])}\n      tabIndex={initialFocus === 'header' ? -1 : undefined}\n    >\n      {subheader ? (\n        <Skeleton.Text theme={theme} variant=\"body\" isLoaded={!isLoading}>\n          <div className={`${DialogContentHeader.className}__subheader`}>{subheader}</div>\n        </Skeleton.Text>\n      ) : null}\n      {header ? (\n        <Skeleton.Text\n          theme={theme}\n          variant={headingProps?.variant || 'h2'}\n          isLoaded={!isLoading}\n          marginTop=\"10px\"\n          marginBottom=\"10px\"\n        >\n          <Heading\n            theme={theme}\n            as=\"h2\"\n            color=\"black\"\n            className={`${DialogContentHeader.className}__header`}\n            variant=\"h2\"\n            {...headingProps}\n          >\n            {icon ? <Icon theme={theme} icon={icon} aria-hidden=\"true\" size=\"large\" {...iconProps} /> : null}\n            {header}\n          </Heading>\n        </Skeleton.Text>\n      ) : null}\n      {children ? <div id={descriptionId}>{children}</div> : null}\n    </StyledDialogContentHeader>\n  );\n});\nDialogContentHeader.className = CLASSNAME;\nDialogContentHeader.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentHeader","forwardRef","props","ref","children","className","header","headingProps","icon","iconProps","isLoading","subheader","theme","forwardedProps","_objectWithoutProperties","_excluded","setLabelId","setDescriptionId","headerRef","initialFocus","useDialogContext","labelId","useId","descriptionId","React","useLayoutEffect","undefined","createElement","StyledDialogContentHeader","_extends","classNames","useMergeRefs","tabIndex","Skeleton","Text","variant","isLoaded","marginTop","marginBottom","Heading","as","color","Icon","size","id","displayName"],"mappings":"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"}

package/packages/popovers/src/components/dialog-content-header/styles.js

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-import { baseStyling, baseFlexbox } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentHeader = styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  ${baseStyling}
-  ${baseFlexbox}
-
-  .redsift-dialog-content-header__header {
-    align-items: center;
-    display: flex;
-    gap: 8px;
-    padding: 10px 0px;
-    margin: 0px;
-  }
-
-  .redsift-dialog-content-header__subheader {
-    font-family: var(--redsift-typography-body-font-family);
-    font-size: var(--redsift-typography-body-font-size);
-    font-weight: var(--redsift-typography-body-font-weight);
-    line-height: var(--redsift-typography-body-line-height);
-  }
-`;
-
-export { StyledDialogContentHeader };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-header/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../popovers/src/components/dialog-content-header/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledDialogContentHeaderProps } from './types';\nimport { baseFlexbox, baseStyling } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentHeader = styled.div<StyledDialogContentHeaderProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  ${baseStyling}\n  ${baseFlexbox}\n\n  .redsift-dialog-content-header__header {\n    align-items: center;\n    display: flex;\n    gap: 8px;\n    padding: 10px 0px;\n    margin: 0px;\n  }\n\n  .redsift-dialog-content-header__subheader {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n  }\n`;\n"],"names":["StyledDialogContentHeader","styled","div","baseStyling","baseFlexbox"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,yBAAyB,GAAGC,MAAM,CAACC,GAAoC,CAAA;AACpF;AACA;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}