@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/Card/CardFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAI7D,OAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,sFAAsF;IACtF,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,gBAAgB,4GAM3B,CAAC;AAIH,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAkBjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Card/CardFooter.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import Flex from '../Flex';
-import { StyledPopover } from '../Popover';
-import { StyledCard } from './Card';
-export const StyledCardFooter = styled.footer(({ theme }) => {
-    return css `
-    ${StyledPopover} &, &:not(${StyledCard} ${StyledCard} > &) {
-      padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);
-    }
-  `;
-});
-StyledCardFooter.defaultProps = defaultThemeProp;
-const CardFooter = (props) => {
-    const { children, justify, ...restProps } = props;
-    return (_jsx(Flex, { as: StyledCardFooter, container: {
-            wrap: 'wrap',
-            alignItems: 'center',
-            justify
-        }, ...restProps, children: children }));
-};
-export default CardFooter;
-//# sourceMappingURL=CardFooter.js.map

package/lib/components/Card/CardFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFooter.js","sourceRoot":"","sources":["../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAA4B,MAAM,SAAS,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAOpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;MACN,aAAa,aAAa,UAAU,IAAI,UAAU;4BAC5B,KAAK,CAAC,IAAI,CAAC,OAAO,UAAU,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;;GAElF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,UAAU,GAAsD,CACpE,KAAyC,EACzC,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,OAAO;SACR,KACG,SAAS,YAEZ,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { FunctionComponent, PropsWithChildren } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport Flex, { FlexContainerProps } from '../Flex';\nimport { BaseProps, ForwardProps } from '../../types';\nimport { StyledPopover } from '../Popover';\n\nimport { StyledCard } from './Card';\n\nexport interface CardFooterProps extends BaseProps {\n  /** [justify-content](https://css-tricks.com/almanac/properties/j/justify-content/) */\n  justify?: FlexContainerProps['justify'];\n}\n\nexport const StyledCardFooter = styled.footer(({ theme }) => {\n  return css`\n    ${StyledPopover} &, &:not(${StyledCard} ${StyledCard} > &) {\n      padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n    }\n  `;\n});\n\nStyledCardFooter.defaultProps = defaultThemeProp;\n\nconst CardFooter: FunctionComponent<CardFooterProps & ForwardProps> = (\n  props: PropsWithChildren<CardFooterProps>\n) => {\n  const { children, justify, ...restProps } = props;\n\n  return (\n    <Flex\n      as={StyledCardFooter}\n      container={{\n        wrap: 'wrap',\n        alignItems: 'center',\n        justify\n      }}\n      {...restProps}\n    >\n      {children}\n    </Flex>\n  );\n};\n\nexport default CardFooter;\n"]}

package/lib/components/Card/CardHeader.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, ReactNode, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface CardHeaderProps extends BaseProps {
-    /** The Card header content. */
-    children: ReactNode;
-    /** Action Buttons that will render within the header. */
-    actions?: ReactNode;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledCardHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, CardHeaderProps, never>;
-declare const CardHeader: FunctionComponent<CardHeaderProps & ForwardProps>;
-export default CardHeader;
-//# sourceMappingURL=CardHeader.d.ts.map

package/lib/components/Card/CardHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAqB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKzF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMtD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,yHAc3B,CAAC;AAIH,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAyBjE,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/lib/components/Card/CardHeader.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import Flex from '../Flex';
-import { StyledPopover } from '../Popover';
-import { StyledCard } from './Card';
-import { StyledCardContent } from './CardContent';
-export const StyledCardHeader = styled.header(({ theme, onClick }) => {
-    return css `
-    ${StyledPopover} &, &:not(${StyledCard} ${StyledCard} > &) {
-      padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);
-
-      + ${StyledCardContent} {
-        padding-block-start: 0;
-      }
-
-      &:hover {
-        ${onClick ? 'cursor: pointer;' : undefined}
-      }
-    }
-  `;
-});
-StyledCardHeader.defaultProps = defaultThemeProp;
-const CardHeader = forwardRef(function CardHeader({ children, actions, ...restProps }, ref) {
-    return (_jsx(Flex, { container: { alignItems: 'center', justify: 'between' }, as: StyledCardHeader, ...restProps, ref: ref, children: actions ? (_jsxs(_Fragment, { children: [_jsx(Flex, { container: { alignItems: 'center' }, item: { grow: 1 }, children: children }), _jsx("div", { children: actions })] })) : (children) }));
-});
-CardHeader.displayName = 'CardHeader';
-export default CardHeader;
-//# sourceMappingURL=CardHeader.js.map

package/lib/components/Card/CardHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAwD,MAAM,OAAO,CAAC;AACzF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,OAAO,GAAG,CAAA;MACN,aAAa,aAAa,UAAU,IAAI,UAAU;4BAC5B,KAAK,CAAC,IAAI,CAAC,OAAO,UAAU,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;;UAE3E,iBAAiB;;;;;UAKjB,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;;;GAG/C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,UAAU,GAAsD,UAAU,CAC9E,SAAS,UAAU,CACjB,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAsC,EACvE,GAA2B;IAE3B,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EACvD,EAAE,EAAE,gBAAgB,KAChB,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACzD,QAAQ,GACJ,EACP,wBAAM,OAAO,GAAO,IACnB,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,eAAe,UAAU,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithChildren, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps } from '../../types';\nimport { StyledPopover } from '../Popover';\n\nimport { StyledCard } from './Card';\nimport { StyledCardContent } from './CardContent';\n\nexport interface CardHeaderProps extends BaseProps {\n  /** The Card header content. */\n  children: ReactNode;\n  /** Action Buttons that will render within the header. */\n  actions?: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledCardHeader = styled.header<CardHeaderProps>(({ theme, onClick }) => {\n  return css`\n    ${StyledPopover} &, &:not(${StyledCard} ${StyledCard} > &) {\n      padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n\n      + ${StyledCardContent} {\n        padding-block-start: 0;\n      }\n\n      &:hover {\n        ${onClick ? 'cursor: pointer;' : undefined}\n      }\n    }\n  `;\n});\n\nStyledCardHeader.defaultProps = defaultThemeProp;\n\nconst CardHeader: FunctionComponent<CardHeaderProps & ForwardProps> = forwardRef(\n  function CardHeader(\n    { children, actions, ...restProps }: PropsWithChildren<CardHeaderProps>,\n    ref: CardHeaderProps['ref']\n  ) {\n    return (\n      <Flex\n        container={{ alignItems: 'center', justify: 'between' }}\n        as={StyledCardHeader}\n        {...restProps}\n        ref={ref}\n      >\n        {actions ? (\n          <>\n            <Flex container={{ alignItems: 'center' }} item={{ grow: 1 }}>\n              {children}\n            </Flex>\n            <div>{actions}</div>\n          </>\n        ) : (\n          children\n        )}\n      </Flex>\n    );\n  }\n);\n\nCardHeader.displayName = 'CardHeader';\nexport default CardHeader;\n"]}

package/lib/components/Card/CardMedia.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface CardMediaProps extends BaseProps {
-    /** The content for the media. */
-    children: ReactNode;
-}
-declare const StyledCardMedia: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<CardMediaProps>, never>;
-declare const CardMedia: FunctionComponent<CardMediaProps & ForwardProps>;
-export default CardMedia;
-export { StyledCardMedia };
-//# sourceMappingURL=CardMedia.d.ts.map

package/lib/components/Card/CardMedia.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,8HAOpB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,GAAG,YAAY,CAS/D,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/Card/CardMedia.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import Flex from '../Flex';
-const StyledCardMedia = styled.div `
-  img,
-  video,
-  audio {
-    object-fit: cover;
-    width: 100%;
-  }
-`;
-const CardMedia = ({ children, ...restProps }) => {
-    return (_jsx(Flex, { container: true, as: StyledCardMedia, ...restProps, children: children }));
-};
-export default CardMedia;
-export { StyledCardMedia };
-//# sourceMappingURL=CardMedia.js.map

package/lib/components/Card/CardMedia.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardMedia.js","sourceRoot":"","sources":["../../../src/components/Card/CardMedia.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;CAO1D,CAAC;AAEF,MAAM,SAAS,GAAqD,CAAC,EACnE,QAAQ,EACR,GAAG,SAAS,EACG,EAAE,EAAE;IACnB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,EAAE,EAAE,eAAe,KAAM,SAAS,YAC/C,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { FunctionComponent, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps } from '../../types';\n\nexport interface CardMediaProps extends BaseProps {\n  /** The content for the media. */\n  children: ReactNode;\n}\n\nconst StyledCardMedia = styled.div<Partial<CardMediaProps>>`\n  img,\n  video,\n  audio {\n    object-fit: cover;\n    width: 100%;\n  }\n`;\n\nconst CardMedia: FunctionComponent<CardMediaProps & ForwardProps> = ({\n  children,\n  ...restProps\n}: CardMediaProps) => {\n  return (\n    <Flex container as={StyledCardMedia} {...restProps}>\n      {children}\n    </Flex>\n  );\n};\n\nexport default CardMedia;\nexport { StyledCardMedia };\n"]}

package/lib/components/Card/CollapsibleCard.d.ts

@@ -1,20 +0,0 @@
-import { FunctionComponent, ReactElement, ReactNode } from 'react';
-import { CardProps } from './Card';
-export interface CollapsibleCardProps extends CardProps {
-    /** The header content. */
-    header?: ReactElement;
-    /** Action Buttons that will render in the header. */
-    actions?: ReactElement | ReactElement[];
-    /** The footer content. */
-    footer?: ReactNode;
-    /** CardMedia content that will render above the header. */
-    media?: ReactElement;
-    /** Callback when the Card toggles from collapsed to expanded. */
-    onChange?: (event: {
-        collapsed: boolean;
-    }) => void;
-}
-/** @deprecated */
-declare const CollapsibleCard: FunctionComponent<CollapsibleCardProps>;
-export default CollapsibleCard;
-//# sourceMappingURL=CollapsibleCard.d.ts.map

package/lib/components/Card/CollapsibleCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAShG,OAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQzC,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpD;AAeD,kBAAkB;AAClB,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAgC5D,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/components/Card/CollapsibleCard.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import styled, { css } from 'styled-components';
-import Button from '../Button';
-import { defaultThemeProp } from '../../theme';
-import Icon, { registerIcon } from '../Icon';
-import * as caretDownIcon from '../Icon/icons/caret-down.icon';
-import ExpandCollapse from '../ExpandCollapse';
-import Card from './Card';
-import CardHeader from './CardHeader';
-import CardMedia from './CardMedia';
-import CardContent from './CardContent';
-import CardFooter from './CardFooter';
-registerIcon(caretDownIcon);
-const defaultProps = {};
-const StyledToggleButton = styled.button(({ theme, collapsed }) => {
-    return css `
-    transition: transform calc(2 * ${theme.base.animation.speed})
-      ${theme.base.animation.timing.ease};
-    transform: ${collapsed ? 'rotate(-90deg)' : 'rotate(0)'};
-    margin-inline-end: calc(0.5 * ${theme.base.spacing});
-  `;
-});
-StyledToggleButton.defaultProps = defaultThemeProp;
-/** @deprecated */
-const CollapsibleCard = (props) => {
-    const { header, actions, footer, media, onChange, children, ...restProps } = props;
-    const [collapsed, setCollapsed] = useState(false);
-    const toggleCollapse = () => {
-        setCollapsed(!collapsed);
-        onChange?.({ collapsed: !collapsed });
-    };
-    return (_jsxs(Card, { ...restProps, children: [media && _jsx(CardMedia, { children: media }), _jsxs(CardHeader, { actions: actions, onClick: toggleCollapse, children: [_jsx(StyledToggleButton, { as: Button, variant: 'simple', icon: true, onClick: toggleCollapse, collapsed: collapsed, children: _jsx(Icon, { name: 'caret-down' }) }), header] }), _jsxs(ExpandCollapse, { collapsed: collapsed, children: [children && _jsx(CardContent, { children: children }), footer && _jsx(CardFooter, { justify: 'center', children: footer })] })] }));
-};
-CollapsibleCard.defaultProps = defaultProps;
-export default CollapsibleCard;
-//# sourceMappingURL=CollapsibleCard.js.map

package/lib/components/Card/CollapsibleCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../../src/components/Card/CollapsibleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChG,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AAC/D,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,OAAO,IAAmB,MAAM,QAAQ,CAAC;AACzC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,YAAY,CAAC,aAAa,CAAC,CAAC;AAe5B,MAAM,YAAY,GAAkC,EAAE,CAAC;AAEvD,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IACxF,OAAO,GAAG,CAAA;qCACyB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;QACvD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;iBACvB,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;oCACvB,KAAK,CAAC,IAAI,CAAC,OAAO;GACnD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,kBAAkB;AAClB,MAAM,eAAe,GAA4C,CAC/D,KAA8C,EAC9C,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QACzB,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,aAChB,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACxC,MAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,aACnD,KAAC,kBAAkB,IACjB,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,YAEpB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACP,EACpB,MAAM,IACI,EACb,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,aACjC,QAAQ,IAAI,KAAC,WAAW,cAAE,QAAQ,GAAe,EACjD,MAAM,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,YAAE,MAAM,GAAc,IAC9C,IACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC;AAE5C,eAAe,eAAe,CAAC","sourcesContent":["import { FunctionComponent, ReactElement, ReactNode, PropsWithChildren, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\nimport Icon, { registerIcon } from '../Icon';\nimport * as caretDownIcon from '../Icon/icons/caret-down.icon';\nimport ExpandCollapse from '../ExpandCollapse';\n\nimport Card, { CardProps } from './Card';\nimport CardHeader from './CardHeader';\nimport CardMedia from './CardMedia';\nimport CardContent from './CardContent';\nimport CardFooter from './CardFooter';\n\nregisterIcon(caretDownIcon);\n\nexport interface CollapsibleCardProps extends CardProps {\n  /** The header content. */\n  header?: ReactElement;\n  /** Action Buttons that will render in the header. */\n  actions?: ReactElement | ReactElement[];\n  /** The footer content. */\n  footer?: ReactNode;\n  /** CardMedia content that will render above the header. */\n  media?: ReactElement;\n  /** Callback when the Card toggles from collapsed to expanded. */\n  onChange?: (event: { collapsed: boolean }) => void;\n}\n\nconst defaultProps: Partial<CollapsibleCardProps> = {};\n\nconst StyledToggleButton = styled.button<{ collapsed: boolean }>(({ theme, collapsed }) => {\n  return css`\n    transition: transform calc(2 * ${theme.base.animation.speed})\n      ${theme.base.animation.timing.ease};\n    transform: ${collapsed ? 'rotate(-90deg)' : 'rotate(0)'};\n    margin-inline-end: calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledToggleButton.defaultProps = defaultThemeProp;\n\n/** @deprecated */\nconst CollapsibleCard: FunctionComponent<CollapsibleCardProps> = (\n  props: PropsWithChildren<CollapsibleCardProps>\n) => {\n  const { header, actions, footer, media, onChange, children, ...restProps } = props;\n  const [collapsed, setCollapsed] = useState(false);\n\n  const toggleCollapse = () => {\n    setCollapsed(!collapsed);\n    onChange?.({ collapsed: !collapsed });\n  };\n\n  return (\n    <Card {...restProps}>\n      {media && <CardMedia>{media}</CardMedia>}\n      <CardHeader actions={actions} onClick={toggleCollapse}>\n        <StyledToggleButton\n          as={Button}\n          variant='simple'\n          icon\n          onClick={toggleCollapse}\n          collapsed={collapsed}\n        >\n          <Icon name='caret-down' />\n        </StyledToggleButton>\n        {header}\n      </CardHeader>\n      <ExpandCollapse collapsed={collapsed}>\n        {children && <CardContent>{children}</CardContent>}\n        {footer && <CardFooter justify='center'>{footer}</CardFooter>}\n      </ExpandCollapse>\n    </Card>\n  );\n};\n\nCollapsibleCard.defaultProps = defaultProps;\n\nexport default CollapsibleCard;\n"]}

package/lib/components/Card/index.d.ts

@@ -1,13 +0,0 @@
-export { default, StyledCard } from './Card';
-export type { CardProps } from './Card';
-export { default as CardContent } from './CardContent';
-export type { CardContentProps } from './CardContent';
-export { default as CardFooter } from './CardFooter';
-export type { CardFooterProps } from './CardFooter';
-export { default as CardHeader } from './CardHeader';
-export type { CardHeaderProps } from './CardHeader';
-export { default as CardMedia } from './CardMedia';
-export type { CardMediaProps } from './CardMedia';
-export { default as CollapsibleCard } from './CollapsibleCard';
-export type { CollapsibleCardProps } from './CollapsibleCard';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/Card/index.js

@@ -1,7 +0,0 @@
-export { default, StyledCard } from './Card';
-export { default as CardContent } from './CardContent';
-export { default as CardFooter } from './CardFooter';
-export { default as CardHeader } from './CardHeader';
-export { default as CardMedia } from './CardMedia';
-export { default as CollapsibleCard } from './CollapsibleCard';
-//# sourceMappingURL=index.js.map

package/lib/components/Card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { default, StyledCard } from './Card';\nexport type { CardProps } from './Card';\nexport { default as CardContent } from './CardContent';\nexport type { CardContentProps } from './CardContent';\nexport { default as CardFooter } from './CardFooter';\nexport type { CardFooterProps } from './CardFooter';\nexport { default as CardHeader } from './CardHeader';\nexport type { CardHeaderProps } from './CardHeader';\nexport { default as CardMedia } from './CardMedia';\nexport type { CardMediaProps } from './CardMedia';\nexport { default as CollapsibleCard } from './CollapsibleCard';\nexport type { CollapsibleCardProps } from './CollapsibleCard';\n"]}

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,35 +0,0 @@
-import { ChangeEvent, FC } from 'react';
-import { FormControlProps } from '../FormControl';
-import { RadioCheckProps } from '../RadioCheck';
-import { ForwardProps, NoChildrenProp } from '../../types';
-export interface CheckboxProps extends NoChildrenProp {
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not pass, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /** Pass a string or a fragment with an Icon and string. */
-    label?: FormControlProps['label'];
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. The browser defaults to false. */
-    disabled?: FormControlProps['disabled'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Sets checked prop via onChange when using as controlled component. */
-    checked?: RadioCheckProps['checked'];
-    /** Initialize checked prop when using as uncontrolled component. */
-    defaultChecked?: RadioCheckProps['defaultChecked'];
-    /**
-     * Sets Checkbox to an an [indeterminate state](https://css-tricks.com/almanac/selectors/i/indeterminate/#indeterminate-checkboxes).
-     * @default false
-     */
-    indeterminate?: RadioCheckProps['indeterminate'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** Callback invoked when this particular checkbox changes selection. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}
-declare const CB: FC<CheckboxProps & ForwardProps>;
-export default CB;
-//# sourceMappingURL=Checkbox.d.ts.map

package/lib/components/Checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAmB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACrC,oEAAoE;IACpE,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAGD,QAAA,MAAM,EAAE,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CAKvC,CAAC;AAKH,eAAe,EAAE,CAAC"}

package/lib/components/Checkbox/Checkbox.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import RadioCheck from '../RadioCheck';
-// Odd issue with SB doc prop table not being generated when called Checkbox...so using CB
-const CB = forwardRef(function CB(props, ref) {
-    return _jsx(RadioCheck, { ...props, type: 'checkbox', ref: ref });
-});
-// Adding here for doc purposes only
-CB.defaultProps = RadioCheck.defaultProps;
-export default CB;
-//# sourceMappingURL=Checkbox.js.map

package/lib/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,UAAU,EAAO,MAAM,OAAO,CAAC;AAGzD,OAAO,UAA+B,MAAM,eAAe,CAAC;AAgC5D,0FAA0F;AAC1F,MAAM,EAAE,GAAqC,UAAU,CAAC,SAAS,EAAE,CACjE,KAAoB,EACpB,GAA0B;IAE1B,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7D,CAAC,CAAC,CAAC;AAEH,oCAAoC;AACpC,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;AAE1C,eAAe,EAAE,CAAC","sourcesContent":["import { ChangeEvent, FC, forwardRef, Ref } from 'react';\n\nimport { FormControlProps } from '../FormControl';\nimport RadioCheck, { RadioCheckProps } from '../RadioCheck';\nimport { ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface CheckboxProps extends NoChildrenProp {\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Sets checked prop via onChange when using as controlled component. */\n  checked?: RadioCheckProps['checked'];\n  /** Initialize checked prop when using as uncontrolled component. */\n  defaultChecked?: RadioCheckProps['defaultChecked'];\n  /**\n   * Sets Checkbox to an an [indeterminate state](https://css-tricks.com/almanac/selectors/i/indeterminate/#indeterminate-checkboxes).\n   * @default false\n   */\n  indeterminate?: RadioCheckProps['indeterminate'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Callback invoked when this particular checkbox changes selection. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n}\n\n// Odd issue with SB doc prop table not being generated when called Checkbox...so using CB\nconst CB: FC<CheckboxProps & ForwardProps> = forwardRef(function CB(\n  props: CheckboxProps,\n  ref: Ref<HTMLInputElement>\n) {\n  return <RadioCheck {...props} type='checkbox' ref={ref} />;\n});\n\n// Adding here for doc purposes only\nCB.defaultProps = RadioCheck.defaultProps;\n\nexport default CB;\n"]}

package/lib/components/Checkbox/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Checkbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/Checkbox/index.js

@@ -1,2 +0,0 @@
-export { default } from './Checkbox';
-//# sourceMappingURL=index.js.map

package/lib/components/Checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n"]}

package/lib/components/CheckboxGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../RadioCheckGroup';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/CheckboxGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/CheckboxGroup/index.js

@@ -1,2 +0,0 @@
-export { default } from '../RadioCheckGroup';
-//# sourceMappingURL=index.js.map

package/lib/components/CheckboxGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from '../RadioCheckGroup';\n"]}

package/lib/components/ColorPicker/ColorPicker.d.ts

@@ -1,70 +0,0 @@
-import { FC, Ref, MouseEventHandler, ChangeEvent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '../../types';
-import { FormFieldProps } from '../FormField';
-import { FormControlProps } from '../FormControl';
-export interface ColorPickerProps extends BaseProps, NoChildrenProp, TestIdProp {
-    /** label for the color picker control */
-    label: FormControlProps['label'];
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not passed, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /**
-     * Color picker value in hex
-     * @default '#000000'
-     */
-    value?: FormControlProps['value'];
-    /**
-     * Show color swatch without hex value display.
-     * @default false
-     */
-    swatchOnly?: boolean;
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. */
-    disabled?: FormControlProps['disabled'];
-    /** Visually hides the label region. */
-    labelHidden?: FormControlProps['labelHidden'];
-    /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */
-    info?: FormControlProps['info'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** Makes the input non editable and non clickable. The browser defaults to false. */
-    readOnly?: FormControlProps['readOnly'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Layout field elements inline in a row. */
-    inline?: FormFieldProps['inline'];
-    /** Button when clicked will show additional information on the color picker */
-    additionalInfo?: FormFieldProps['additionalInfo'];
-    /** onChange event handler that gets called on change of value. */
-    onChange?: ColorChangeHandler;
-    /** onBeforeClose of the color picker */
-    onBeforeClose?: () => void;
-    /** Called when the underlying input element is clicked. This should be rarely if ever used. */
-    onClick?: MouseEventHandler<HTMLInputElement>;
-    /** Ref placed on the input element. */
-    ref?: Ref<HTMLInputElement>;
-}
-type RGBColor = {
-    r: number;
-    g: number;
-    b: number;
-};
-type HSLColor = {
-    h: number;
-    s: number;
-    l: number;
-};
-type ColorResult = {
-    hex: string;
-    rgb: RGBColor;
-    hsl: HSLColor;
-};
-type ColorChangeHandler = (color: ColorResult, event: ChangeEvent<HTMLInputElement>) => void;
-declare const _default: FC<ColorPickerProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-};
-export default _default;
-//# sourceMappingURL=ColorPicker.d.ts.map

package/lib/components/ColorPicker/ColorPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAEF,GAAG,EAGH,iBAAiB,EAEjB,WAAW,EACZ,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EAEd,UAAU,EACX,MAAM,aAAa,CAAC;AAErB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc,EAAE,UAAU;IAC7E,yCAAyC;IACzC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjC;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,uCAAuC;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9C,6GAA6G;IAC7G,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,+EAA+E;IAC/E,cAAc,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAClD,kEAAkE;IAClE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+FAA+F;IAC/F,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,uCAAuC;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,KAAK,QAAQ,GAAG;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,QAAQ,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;;;;AAoL7F,wBAA+D"}

package/lib/components/ColorPicker/ColorPicker.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { hideVisually, parseToHsl, parseToRgb } from 'polished';
-import { withTestIds } from '../../utils';
-import FormField from '../FormField';
-import { defaultThemeProp } from '../../theme';
-import { StyledFormControl } from '../FormControl';
-import Flex from '../Flex';
-import { useConsolidatedRef, useUID, useOuterEvent, useTestIds } from '../../hooks';
-import { getColorPickerTestIds } from './ColorPicker.test-ids';
-const StyledColorPicker = styled.div(({ theme, swatchOnly }) => {
-    const size = theme.components.input.height;
-    const borderWidth = theme.components['form-control']['border-width'];
-    return css `
-      ${StyledFormControl} {
-        overflow: hidden;
-        text-transform: uppercase;
-        ${!swatchOnly &&
-        css `
-          min-width: 8rem;
-        `}
-
-        ${!swatchOnly &&
-        css `
-          padding-inline-end: ${theme.base.spacing};
-        `}
-
-        &:focus-within {
-          box-shadow: ${theme.base.shadow.focus};
-          border: none;
-        }
-
-        & > input {
-          ${hideVisually}
-
-          & + div {
-            height: calc(${size} - (2 * ${borderWidth}));
-
-            ${swatchOnly
-        ? css `
-                  width: calc(${size} - (2 * ${borderWidth}));
-                `
-        : css `
-                  min-width: calc(${size} - ${borderWidth});
-                  margin-inline-end: ${theme.base.spacing};
-                  border-inline-end: ${borderWidth} solid
-                    ${theme.components['form-control']['border-color']};
-                `}
-          }
-
-          &:focus + div {
-            width: ${size};
-            height: ${size};
-          }
-        }
-
-        & input {
-          height: 2rem !important;
-          min-height: 2rem;
-          color: #000000 !important;
-          background-color: #ffffff !important;
-          font-size: 0.8125rem !important;
-          font-family: ${theme.base['font-family']};
-
-          & + label {
-            font-weight: 600;
-            color: rgba(0, 0, 0, 0.6) !important;
-            font-size: 0.8125rem !important;
-            font-family: ${theme.base['font-family']};
-          }
-        }
-      }
-    `;
-});
-StyledColorPicker.defaultProps = defaultThemeProp;
-const ColorPicker = forwardRef(function ColorPicker(props, ref) {
-    const uid = useUID();
-    const { testId, id = uid, value = '#000000', label, info, disabled, status, required, readOnly, labelHidden, swatchOnly = false, inline, onClick, onChange, onBeforeClose, additionalInfo, ...restProps } = props;
-    const testIds = useTestIds(testId, getColorPickerTestIds);
-    const inputRef = useConsolidatedRef(ref);
-    const [showColorPicker, setShowColorPicker] = useState(false);
-    const hideColorPicker = () => {
-        if (showColorPicker) {
-            onBeforeClose?.();
-        }
-        setShowColorPicker(false);
-    };
-    useOuterEvent('mousedown', [inputRef], hideColorPicker);
-    useEffect(() => {
-        if (showColorPicker) {
-            inputRef?.current?.focus();
-            inputRef?.current?.click();
-        }
-    }, [showColorPicker]);
-    const onChangeHandler = (e) => {
-        const color = e.target.value;
-        const { red: r, green: g, blue: b } = parseToRgb(color);
-        const { hue: h, saturation: s, lightness: l } = parseToHsl(color);
-        onChange?.({
-            hex: color,
-            rgb: { r, g, b },
-            hsl: { h, s, l }
-        }, e);
-    };
-    return (_jsx(FormField, { testId: testIds, inline: inline, container: inline ? { justify: 'between' } : undefined, as: StyledColorPicker, id: id, label: label, labelHidden: labelHidden, swatchOnly: swatchOnly, info: info, disabled: disabled, status: status, required: required, additionalInfo: additionalInfo, children: _jsxs(Flex, { container: { alignItems: 'center' }, item: swatchOnly ? { alignSelf: 'start' } : undefined, as: StyledFormControl, disabled: disabled, status: status, required: required, readOnly: readOnly, onClick: readOnly || disabled ? undefined : () => setShowColorPicker(true), children: [_jsx("input", { "data-testid": testIds.control, ...restProps, id: id, type: readOnly ? undefined : 'color', ref: inputRef, defaultValue: value, disabled: disabled, required: required, readOnly: readOnly, onChange: onChangeHandler }), _jsx("div", { style: { backgroundColor: value } }), !swatchOnly && value] }) }));
-});
-export default withTestIds(ColorPicker, getColorPickerTestIds);
-//# sourceMappingURL=ColorPicker.js.map

package/lib/components/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FC,\n  forwardRef,\n  Ref,\n  useState,\n  PropsWithoutRef,\n  MouseEventHandler,\n  useEffect,\n  ChangeEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, parseToHsl, parseToRgb } from 'polished';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  PropsWithDefaults,\n  TestIdProp\n} from '../../types';\nimport { withTestIds } from '../../utils';\nimport FormField, { FormFieldProps } from '../FormField';\nimport { defaultThemeProp } from '../../theme';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport Flex from '../Flex';\nimport { useConsolidatedRef, useUID, useOuterEvent, useTestIds } from '../../hooks';\n\nimport { getColorPickerTestIds } from './ColorPicker.test-ids';\n\nexport interface ColorPickerProps extends BaseProps, NoChildrenProp, TestIdProp {\n  /** label for the color picker control */\n  label: FormControlProps['label'];\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not passed, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /**\n   * Color picker value in hex\n   * @default '#000000'\n   */\n  value?: FormControlProps['value'];\n  /**\n   * Show color swatch without hex value display.\n   * @default false\n   */\n  swatchOnly?: boolean;\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. */\n  disabled?: FormControlProps['disabled'];\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n  info?: FormControlProps['info'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Makes the input non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Layout field elements inline in a row. */\n  inline?: FormFieldProps['inline'];\n  /** Button when clicked will show additional information on the color picker */\n  additionalInfo?: FormFieldProps['additionalInfo'];\n  /** onChange event handler that gets called on change of value. */\n  onChange?: ColorChangeHandler;\n  /** onBeforeClose of the color picker */\n  onBeforeClose?: () => void;\n  /** Called when the underlying input element is clicked. This should be rarely if ever used. */\n  onClick?: MouseEventHandler<HTMLInputElement>;\n  /** Ref placed on the input element. */\n  ref?: Ref<HTMLInputElement>;\n}\n\ntype RGBColor = {\n  r: number;\n  g: number;\n  b: number;\n};\n\ntype HSLColor = {\n  h: number;\n  s: number;\n  l: number;\n};\n\ntype ColorResult = {\n  hex: string;\n  rgb: RGBColor;\n  hsl: HSLColor;\n};\n\ntype ColorChangeHandler = (color: ColorResult, event: ChangeEvent<HTMLInputElement>) => void;\n\ntype ColorPickerPropsWithDefaults = PropsWithDefaults<ColorPickerProps, 'value' | 'swatchOnly'>;\n\nconst StyledColorPicker = styled.div<Pick<ColorPickerPropsWithDefaults, 'swatchOnly'>>(\n  ({ theme, swatchOnly }) => {\n    const size = theme.components.input.height;\n    const borderWidth = theme.components['form-control']['border-width'];\n\n    return css`\n      ${StyledFormControl} {\n        overflow: hidden;\n        text-transform: uppercase;\n        ${!swatchOnly &&\n        css`\n          min-width: 8rem;\n        `}\n\n        ${!swatchOnly &&\n        css`\n          padding-inline-end: ${theme.base.spacing};\n        `}\n\n        &:focus-within {\n          box-shadow: ${theme.base.shadow.focus};\n          border: none;\n        }\n\n        & > input {\n          ${hideVisually}\n\n          & + div {\n            height: calc(${size} - (2 * ${borderWidth}));\n\n            ${swatchOnly\n              ? css`\n                  width: calc(${size} - (2 * ${borderWidth}));\n                `\n              : css`\n                  min-width: calc(${size} - ${borderWidth});\n                  margin-inline-end: ${theme.base.spacing};\n                  border-inline-end: ${borderWidth} solid\n                    ${theme.components['form-control']['border-color']};\n                `}\n          }\n\n          &:focus + div {\n            width: ${size};\n            height: ${size};\n          }\n        }\n\n        & input {\n          height: 2rem !important;\n          min-height: 2rem;\n          color: #000000 !important;\n          background-color: #ffffff !important;\n          font-size: 0.8125rem !important;\n          font-family: ${theme.base['font-family']};\n\n          & + label {\n            font-weight: 600;\n            color: rgba(0, 0, 0, 0.6) !important;\n            font-size: 0.8125rem !important;\n            font-family: ${theme.base['font-family']};\n          }\n        }\n      }\n    `;\n  }\n);\n\nStyledColorPicker.defaultProps = defaultThemeProp;\n\nconst ColorPicker: FC<ColorPickerProps & ForwardProps> = forwardRef(function ColorPicker(\n  props: PropsWithoutRef<ColorPickerProps>,\n  ref: ColorPickerProps['ref']\n) {\n  const uid = useUID();\n  const {\n    testId,\n    id = uid,\n    value = '#000000',\n    label,\n    info,\n    disabled,\n    status,\n    required,\n    readOnly,\n    labelHidden,\n    swatchOnly = false,\n    inline,\n    onClick,\n    onChange,\n    onBeforeClose,\n    additionalInfo,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getColorPickerTestIds);\n\n  const inputRef = useConsolidatedRef(ref);\n  const [showColorPicker, setShowColorPicker] = useState(false);\n\n  const hideColorPicker = () => {\n    if (showColorPicker) {\n      onBeforeClose?.();\n    }\n\n    setShowColorPicker(false);\n  };\n\n  useOuterEvent('mousedown', [inputRef], hideColorPicker);\n\n  useEffect(() => {\n    if (showColorPicker) {\n      inputRef?.current?.focus();\n      inputRef?.current?.click();\n    }\n  }, [showColorPicker]);\n\n  const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n    const color = e.target.value;\n    const { red: r, green: g, blue: b } = parseToRgb(color);\n    const { hue: h, saturation: s, lightness: l } = parseToHsl(color);\n    onChange?.(\n      {\n        hex: color,\n        rgb: { r, g, b },\n        hsl: { h, s, l }\n      },\n      e\n    );\n  };\n\n  return (\n    <FormField\n      testId={testIds}\n      inline={inline}\n      container={inline ? { justify: 'between' } : undefined}\n      as={StyledColorPicker}\n      id={id}\n      label={label}\n      labelHidden={labelHidden}\n      swatchOnly={swatchOnly}\n      info={info}\n      disabled={disabled}\n      status={status}\n      required={required}\n      additionalInfo={additionalInfo}\n    >\n      <Flex\n        container={{ alignItems: 'center' }}\n        item={swatchOnly ? { alignSelf: 'start' } : undefined}\n        as={StyledFormControl}\n        disabled={disabled}\n        status={status}\n        required={required}\n        readOnly={readOnly}\n        onClick={readOnly || disabled ? undefined : () => setShowColorPicker(true)}\n      >\n        <input\n          data-testid={testIds.control}\n          {...restProps}\n          id={id}\n          type={readOnly ? undefined : 'color'}\n          ref={inputRef}\n          defaultValue={value}\n          disabled={disabled}\n          required={required}\n          readOnly={readOnly}\n          onChange={onChangeHandler}\n        />\n        <div style={{ backgroundColor: value }} />\n        {!swatchOnly && value}\n      </Flex>\n    </FormField>\n  );\n});\n\nexport default withTestIds(ColorPicker, getColorPickerTestIds);\n"]}

package/lib/components/ColorPicker/ColorPicker.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getColorPickerTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-//# sourceMappingURL=ColorPicker.test-ids.d.ts.map

package/lib/components/ColorPicker/ColorPicker.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,wKAGvB,CAAC"}

package/lib/components/ColorPicker/ColorPicker.test-ids.js

@@ -1,7 +0,0 @@
-import { createTestIds } from '../../utils';
-import { elements } from '../FormField/FormField.test-ids';
-export const getColorPickerTestIds = createTestIds('color-picker', [
-    'control',
-    ...elements
-]);
-//# sourceMappingURL=ColorPicker.test-ids.js.map

package/lib/components/ColorPicker/ColorPicker.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.test-ids.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAC,cAAc,EAAE;IACjE,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getColorPickerTestIds = createTestIds('color-picker', [\n  'control',\n  ...elements\n] as const);\n"]}

package/lib/components/ColorPicker/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ColorPicker';
-export type { ColorPickerProps } from './ColorPicker';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ColorPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/ColorPicker/index.js

@@ -1,2 +0,0 @@
-export { default } from './ColorPicker';
-//# sourceMappingURL=index.js.map

package/lib/components/ColorPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from './ColorPicker';\nexport type { ColorPickerProps } from './ColorPicker';\n"]}

package/lib/components/ComboBox/ComboBox.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import type { ForwardProps } from '../../types';
-import type ComboBoxProps from './ComboBox.types';
-declare const _default: FunctionComponent<ComboBoxProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-};
-export default _default;
-//# sourceMappingURL=ComboBox.d.ts.map