@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/Backdrop/Backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EAIX,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,IAAmB,MAAM,SAAS,CAAC;AA+D1C,MAAM,sBAAsB,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,CAAC;CACC,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAiD,KAAK,CAAC,EAAE;IAC/F,MAAM,EACJ,KAAK,EAAE,EAAE,IAAI,EAAE,EAChB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,kBAAkB,GAAG,YAAY,sBAAsB,CAAC,KAAK,CAAC,eAAe,CAAC,MAClF,IAAI,CAAC,SAAS,CAAC,KACjB,SAAS,CAAC;IAEV,OAAO,GAAG,CAAA;gBACI,QAAQ;eACT,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,GAAG,CAAC;;;;;;eAM7E,OAAO;;kCAEY,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;2BAI7C,kBAAkB;;;;MAIvC,OAAO,KAAK,MAAM;QACpB,GAAG,CAAA;kCAC2B,KAAK;KAClC;;MAEC,OAAO,KAAK,OAAO;QACrB,GAAG,CAAA;wCACiC,KAAK;KACxC;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAI/C,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,KAAqC,EAAE,GAAyB,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,MAAM,EAChB,eAAe,GAAG,QAAQ,EAC1B,KAAK,GAAG,GAAG,EACX,QAAQ,GAAG,OAAO,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,QAAQ,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QACzE,IAAI,SAAgB,CAAC;QAErB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,SAAS,GAAG,QAAQ,CAAC;YACrB,oBAAoB,EAAE,EAAE,CAAC;SAC1B;aAAM;YACL,SAAS,GAAG,MAAM,CAAC;YACnB,mBAAmB,EAAE,EAAE,CAAC;SACzB;QAED,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,CAAC,CACnD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE;gBAC7C,oBAAoB,EAAE,EAAE,CAAC;gBACzB,MAAM,EAAE,CAAC;gBACT,QAAQ,CAAC,SAAS,CAAC,CAAC;aACrB;SACF;aAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS,EAAE;YAClD,qBAAqB,EAAE,EAAE,CAAC;YAC1B,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAExD,OAAO,CAAC,IAAI,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1C,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EACpE,EAAE,EAAE,cAAc,EAClB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,QAAQ,WACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import {\n  FunctionComponent,\n  ReactNode,\n  useEffect,\n  useState,\n  useCallback,\n  forwardRef,\n  Ref,\n  MouseEvent,\n  PropsWithoutRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { reflow } from '../../utils';\nimport { BaseProps, PropsWithDefaults, ForwardProps } from '../../types';\nimport Flex, { FlexProps } from '../Flex';\n\nexport interface BackdropProps extends BaseProps {\n  /**\n   * Opacity of the Backdrop.\n   * @default 0.4\n   */\n  alpha?: number;\n  /**\n   * Any React Node to be rendered on top of the Backdrop component.\n   */\n  children?: ReactNode;\n  /** Props passed to Flex container. */\n  container?: Exclude<FlexProps['container'], boolean>;\n  /**\n   * Toggles visibility of Backdrop.\n   * @default false\n   */\n  open?: boolean;\n  /**\n   * Determines the color of the Backdrop.\n   * @default \"dark\"\n   */\n  variant?: 'dark' | 'light';\n  /**\n   * Transition speed of Backdrop animation.\n   * @default \"medium\"\n   */\n  transitionSpeed?: 'slow' | 'medium' | 'fast' | 'none';\n  /**\n   * The position of the Backdrop.\n   * @default \"fixed\"\n   */\n  position?: 'absolute' | 'fixed';\n  /**\n   * Accepts a callback function for click event on Backdrop.\n   */\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n  /**\n   * Accepts a callback that gets invoked before opening Backdrop.\n   */\n  onBeforeTransitionIn?: () => void;\n  /**\n   * Accepts a callback that gets invoked after opening Backdrop.\n   */\n  onAfterTransitionIn?: () => void;\n  /**\n   * Accepts a callback that gets invoked before closing Backdrop.\n   */\n  onBeforeTransitionOut?: () => void;\n  /**\n   * Accepts a callback that gets invoked after closing Backdrop\n   */\n  onAfterTransitionOut?: () => void;\n  /** Ref for a Backdrop's root div element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype BackdropPropsWithDefaults = PropsWithDefaults<\n  BackdropProps,\n  'open' | 'transitionSpeed' | 'alpha' | 'position'\n>;\n\nconst transitionSpeedToTheme = {\n  slow: 2,\n  medium: 1,\n  fast: 0.5,\n  none: 0\n} as const;\n\nexport const StyledBackdrop = styled.div<BackdropPropsWithDefaults & { opacity: 0 | 1 }>(props => {\n  const {\n    theme: { base }\n  } = props;\n  const { opacity, alpha, variant, position } = props;\n  const transitionDuration = `max(calc(${transitionSpeedToTheme[props.transitionSpeed]} * ${\n    base.animation.speed\n  }), 1ms)`;\n\n  return css`\n    position: ${position};\n    z-index: ${position === 'fixed' ? base['z-index'].backdrop : base['z-index'].popover + 1};\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: inherit;\n    opacity: ${opacity};\n    transition-property: opacity;\n    transition-timing-function: ${props.theme.base.animation.timing.ease};\n\n    /* stylelint-disable declaration-block-no-duplicate-properties */\n    transition-duration: 1ms;\n    transition-duration: ${transitionDuration};\n\n    /* stylelint-enable declaration-block-no-duplicate-properties */\n\n    ${variant === 'dark' &&\n    css`\n      background: rgba(0, 0, 0, ${alpha});\n    `}\n\n    ${variant === 'light' &&\n    css`\n      background: rgba(255, 255, 255, ${alpha});\n    `}\n  `;\n});\n\nStyledBackdrop.defaultProps = defaultThemeProp;\n\ntype State = 'closed' | 'opening' | 'open' | 'closing';\n\nconst Backdrop: FunctionComponent<BackdropProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<BackdropProps>, ref: BackdropProps['ref']) => {\n    const {\n      children,\n      container,\n      open = false,\n      variant = 'dark',\n      transitionSpeed = 'medium',\n      alpha = 0.6,\n      position = 'fixed',\n      onBeforeTransitionIn,\n      onAfterTransitionIn,\n      onBeforeTransitionOut,\n      onAfterTransitionOut,\n      ...restProps\n    } = props;\n\n    const [state, setState] = useState<State>('closed');\n\n    const onTransitionEnd = useCallback(\n      (e: TransitionEvent) => {\n        if (e.propertyName !== 'opacity' || e.target !== e.currentTarget) return;\n        let nextState: State;\n\n        if (state === 'closing') {\n          nextState = 'closed';\n          onAfterTransitionOut?.();\n        } else {\n          nextState = 'open';\n          onAfterTransitionIn?.();\n        }\n\n        setState(nextState);\n      },\n      [state, onAfterTransitionOut, onAfterTransitionIn]\n    );\n\n    useEffect(() => {\n      if (open) {\n        if (state === 'closed' || state === 'closing') {\n          onBeforeTransitionIn?.();\n          reflow();\n          setState('opening');\n        }\n      } else if (state === 'open' || state === 'opening') {\n        onBeforeTransitionOut?.();\n        setState('closing');\n      }\n    }, [open, onBeforeTransitionIn, onBeforeTransitionOut]);\n\n    return !open && state === 'closed' ? null : (\n      <Flex\n        container={{ justify: 'center', alignItems: 'center', ...container }}\n        as={StyledBackdrop}\n        transitionSpeed={transitionSpeed}\n        opacity={state === 'opening' || state === 'open' ? 1 : 0}\n        alpha={alpha}\n        variant={variant}\n        position={position}\n        onTransitionEnd={onTransitionEnd}\n        ref={ref}\n        {...restProps}\n      >\n        {children}\n      </Flex>\n    );\n  }\n);\n\nexport default Backdrop;\n"]}

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

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

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

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

package/lib/components/Backdrop/index.js

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

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

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

package/lib/components/Badges/Alert.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps, NoChildrenProp } from '../../types';
-export interface AlertProps extends NoChildrenProp {
-    /** Determines the color to render the Badge as. This color is derived from the Theme. */
-    variant: 'urgent' | 'success';
-}
-export declare const StyledAlert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AlertProps, never>;
-declare const Alert: FC<ForwardProps & AlertProps>;
-export default Alert;
-//# sourceMappingURL=Alert.d.ts.map

package/lib/components/Badges/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG3D,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,yFAAyF;IACzF,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iHAYtB,CAAC;AAIH,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAKxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Badges/Alert.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-export const StyledAlert = styled.div(props => {
-    const alerts = props.theme.components.badges.alert;
-    const { background } = alerts[props.variant];
-    const { 'border-color': borderColor } = alerts.base;
-    return css `
-    background: ${background};
-    border: 0.0625rem solid ${borderColor};
-    border-radius: 100%;
-    display: inline-block;
-    height: 0.625rem;
-    width: 0.625rem;
-  `;
-});
-StyledAlert.defaultProps = defaultThemeProp;
-const Alert = forwardRef((props, ref) => {
-    const { variant, ...restProps } = props;
-    return _jsx(StyledAlert, { ...restProps, variant: variant, ref: ref }, void 0);
-});
-export default Alert;
-//# sourceMappingURL=Alert.js.map

package/lib/components/Badges/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Badges/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAa,KAAK,CAAC,EAAE;IACxD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;IACpD,OAAO,GAAG,CAAA;kBACM,UAAU;8BACE,WAAW;;;;;GAKtC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAAwB,EAAE,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,KAAC,WAAW,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,WAAI,CAAC;AACpE,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, PropsWithoutRef, Ref, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { ForwardProps, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface AlertProps extends NoChildrenProp {\n  /** Determines the color to render the Badge as. This color is derived from the Theme. */\n  variant: 'urgent' | 'success';\n}\n\nexport const StyledAlert = styled.div<AlertProps>(props => {\n  const alerts = props.theme.components.badges.alert;\n  const { background } = alerts[props.variant];\n  const { 'border-color': borderColor } = alerts.base;\n  return css`\n    background: ${background};\n    border: 0.0625rem solid ${borderColor};\n    border-radius: 100%;\n    display: inline-block;\n    height: 0.625rem;\n    width: 0.625rem;\n  `;\n});\n\nStyledAlert.defaultProps = defaultThemeProp;\n\nconst Alert: FC<ForwardProps & AlertProps> = forwardRef(\n  (props: PropsWithoutRef<AlertProps>, ref: Ref<HTMLDivElement>) => {\n    const { variant, ...restProps } = props;\n    return <StyledAlert {...restProps} variant={variant} ref={ref} />;\n  }\n);\n\nexport default Alert;\n"]}

package/lib/components/Badges/Count.d.ts

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps, PropsWithDefaults } from '../../types';
-export interface CountProps {
-    /** Determines the color to render the Badge as. This color is derived from the Theme.
-     * @default "default"
-     */
-    variant?: 'default' | 'interactive' | 'inverted' | 'urgent';
-    /** The count to be displayed within the Badge. */
-    children: number | null;
-}
-declare type CountPropsWithDefaults = PropsWithDefaults<CountProps, 'variant'>;
-export declare const StyledCount: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<CountPropsWithDefaults, "variant"> & {
-    children: string;
-}, never>;
-declare const Count: FC<ForwardProps & CountProps>;
-export default Count;
-//# sourceMappingURL=Count.d.ts.map

package/lib/components/Badges/Count.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Count.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Count.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAM7D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5D,kDAAkD;IAClD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,aAAK,sBAAsB,GAAG,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAEvE,eAAO,MAAM,WAAW;cACgC,MAAM;SAkC5D,CAAC;AAIH,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CASxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Badges/Count.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { mix, transparentize } from 'polished';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils/utils';
-import { calculateFontSize } from '../../styles';
-export const StyledCount = styled.span(props => {
-    const { foreground, background } = props.variant === 'default'
-        ? props.theme.components.badges.count.base
-        : props.theme.components.badges.count[props.variant];
-    const invertedBackground = tryCatch(() => transparentize(0.5, mix(0.2, background, '#ffffff')));
-    const displayBackground = props.variant === 'inverted' ? invertedBackground : background;
-    const borderRadius = props.theme.base['border-radius'];
-    const { spacing } = props.theme.base;
-    const fontSize = calculateFontSize(props.theme.base['font-size'], props.theme.base['font-scale']);
-    return css `
-    background: ${displayBackground};
-    border-radius: calc(1.125 * ${borderRadius});
-    color: ${foreground};
-    display: inline-block;
-    font-size: ${fontSize.xxs};
-    font-weight: bold;
-    line-height: normal;
-    text-align: center;
-    ${props.children.length > 1 &&
-        css `
-      padding: 0 ${spacing};
-    `}
-    ${props.children.length === 1 &&
-        css `
-      width: 1.125rem;
-    `}
-  `;
-});
-StyledCount.defaultProps = defaultThemeProp;
-const Count = forwardRef((props, ref) => {
-    const { variant = 'default', children, ...restProps } = props;
-    return Number.isInteger(children) ? (_jsx(StyledCount, { variant: variant, ...restProps, ref: ref, children: children > 99 ? '99+' : `${children}` }, void 0)) : null;
-});
-export default Count;
-//# sourceMappingURL=Count.js.map

package/lib/components/Badges/Count.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Count.js","sourceRoot":"","sources":["../../../src/components/Badges/Count.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAajD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAEpC,KAAK,CAAC,EAAE;IACR,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAC9B,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;QAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAEhG,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAEzF,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IAErC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAElG,OAAO,GAAG,CAAA;kBACM,iBAAiB;kCACD,YAAY;aACjC,UAAU;;iBAEN,QAAQ,CAAC,GAAG;;;;MAIvB,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;QAC3B,GAAG,CAAA;mBACY,OAAO;KACrB;MACC,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAC7B,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAAyB,EAAE,EAAE;IAChE,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC9D,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,KAAM,SAAS,EAAE,GAAG,EAAE,GAAG,YAClD,QAAmB,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,WACtC,CACf,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, PropsWithoutRef, Ref, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix, transparentize } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils/utils';\nimport { ForwardProps, PropsWithDefaults } from '../../types';\nimport { calculateFontSize } from '../../styles';\n\nexport interface CountProps {\n  /** Determines the color to render the Badge as. This color is derived from the Theme.\n   * @default \"default\"\n   */\n  variant?: 'default' | 'interactive' | 'inverted' | 'urgent';\n  /** The count to be displayed within the Badge. */\n  children: number | null;\n}\n\ntype CountPropsWithDefaults = PropsWithDefaults<CountProps, 'variant'>;\n\nexport const StyledCount = styled.span<\n  Pick<CountPropsWithDefaults, 'variant'> & { children: string }\n>(props => {\n  const { foreground, background } =\n    props.variant === 'default'\n      ? props.theme.components.badges.count.base\n      : props.theme.components.badges.count[props.variant];\n\n  const invertedBackground = tryCatch(() => transparentize(0.5, mix(0.2, background, '#ffffff')));\n\n  const displayBackground = props.variant === 'inverted' ? invertedBackground : background;\n\n  const borderRadius = props.theme.base['border-radius'];\n  const { spacing } = props.theme.base;\n\n  const fontSize = calculateFontSize(props.theme.base['font-size'], props.theme.base['font-scale']);\n\n  return css`\n    background: ${displayBackground};\n    border-radius: calc(1.125 * ${borderRadius});\n    color: ${foreground};\n    display: inline-block;\n    font-size: ${fontSize.xxs};\n    font-weight: bold;\n    line-height: normal;\n    text-align: center;\n    ${props.children.length > 1 &&\n    css`\n      padding: 0 ${spacing};\n    `}\n    ${props.children.length === 1 &&\n    css`\n      width: 1.125rem;\n    `}\n  `;\n});\n\nStyledCount.defaultProps = defaultThemeProp;\n\nconst Count: FC<ForwardProps & CountProps> = forwardRef(\n  (props: PropsWithoutRef<CountProps>, ref: Ref<HTMLSpanElement>) => {\n    const { variant = 'default', children, ...restProps } = props;\n    return Number.isInteger(children) ? (\n      <StyledCount variant={variant} {...restProps} ref={ref}>\n        {(children as number) > 99 ? '99+' : `${children}`}\n      </StyledCount>\n    ) : null;\n  }\n);\n\nexport default Count;\n"]}

package/lib/components/Badges/Selection.d.ts

@@ -1,23 +0,0 @@
-import { FC, MouseEvent, KeyboardEvent } from 'react';
-import { ForwardProps } from '../../types';
-import { FormControlProps } from '../FormControl';
-export interface SelectableProps {
-    /** An id that is used by the onSelect and onRemove functions if they are provided. */
-    id: string;
-    /** Takes an ID that represents the Badge. This function is called when the Badge is clicked. */
-    onSelect?: (id: string) => void;
-    /** Takes an ID that represents the Badge. This function is called when the Badge is closed by clicking the X. */
-    onRemove?: (id: string) => void;
-    /** The content of the Badge. */
-    children: string;
-    /** Makes the input non editable and non clickable. The browser defaults to false. */
-    readOnly?: FormControlProps['readOnly'];
-    /** Event handler called when the Badge is clicked. */
-    onClick?: (event: MouseEvent) => void;
-    /** Event handler fired on every keyup event. */
-    onKeyUp?: (event: KeyboardEvent) => void;
-}
-export declare const StyledSelectable: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const Selectable: FC<SelectableProps & ForwardProps>;
-export default Selectable;
-//# sourceMappingURL=Selection.d.ts.map

package/lib/components/Badges/Selection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAoC,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIlD,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iHAAiH;IACjH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,gBAAgB,yGAsD3B,CAAC;AAEH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,GAAG,YAAY,CA4ClD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Badges/Selection.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { mix, transparentize } from 'polished';
-import { tryCatch } from '../../utils/utils';
-import BareButton, { StyledBareButton } from '../Button/BareButton';
-import Icon, { registerIcon, StyledIcon } from '../Icon';
-import * as timesIcon from '../Icon/icons/times.icon';
-import { useConsolidatedRef } from '../../hooks';
-registerIcon(timesIcon);
-export const StyledSelectable = styled.div(props => {
-    const { foreground, background } = props.theme.components.badges.selectable.base;
-    const { dark } = props.theme.base.palette;
-    const borderRadius = props.theme.base['border-radius'];
-    const { spacing } = props.theme.base;
-    const displayBackground = tryCatch(() => mix(0.15, background, '#ffffff'));
-    const hoverBorder = tryCatch(() => mix(0.3, background, '#ffffff'));
-    const boxShadowColor = tryCatch(() => transparentize(0.45, dark));
-    const height = 1.125;
-    return css `
-    background: ${displayBackground};
-    border: 0 solid transparent;
-    border-radius: calc(${height} * ${borderRadius});
-    color: ${foreground};
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    font-size: 0.75rem;
-    height: ${height}rem;
-    padding: 0 ${spacing};
-    min-width: max-content;
-    line-height: 1;
-
-    &:hover {
-      color: ${props.theme.base.palette.interactive};
-      box-shadow: inset 0 0 0 0.0625rem ${hoverBorder};
-
-      ${StyledBareButton} {
-        color: ${props.theme.base.palette.interactive};
-      }
-    }
-
-    &:active {
-      box-shadow: inset 0 0 0 0.0625rem ${background};
-    }
-
-    &:focus {
-      color: ${props.theme.base.palette.interactive};
-      box-shadow: 0 0 0.5rem -0.125rem ${boxShadowColor}, inset 0 0 0 0.125rem ${background};
-      outline: none;
-
-      ${StyledBareButton} {
-        color: ${props.theme.base.palette.interactive};
-      }
-    }
-
-    ${StyledIcon} {
-      margin-inline-start: ${spacing};
-      height: 1em;
-      width: 1em;
-    }
-  `;
-});
-const Selectable = forwardRef((props, ref) => {
-    const consolidatedRef = useConsolidatedRef(ref);
-    const { id, onSelect, onRemove, children, onClick, onKeyUp, ...restProps } = props;
-    const handleClick = (e) => {
-        onClick?.(e);
-        onSelect?.(id);
-    };
-    const handleCloseClick = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onRemove?.(id);
-    };
-    const handleKeyUp = (e) => {
-        onKeyUp?.(e);
-        if (e.key === 'Enter') {
-            onSelect?.(id);
-        }
-        if (e.key === 'Backspace' || e.key === 'Delete') {
-            onRemove?.(id);
-        }
-    };
-    return (_jsxs(BareButton, { role: 'button', tabIndex: '0', as: StyledSelectable, ref: consolidatedRef, onClick: handleClick, onKeyUp: handleKeyUp, ...restProps, children: [children, _jsx(BareButton, { tabIndex: '-1', onClick: handleCloseClick, children: _jsx(Icon, { name: 'times' }, void 0) }, void 0)] }, void 0));
-});
-export default Selectable;
-//# sourceMappingURL=Selection.js.map

package/lib/components/Badges/Selection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selection.js","sourceRoot":"","sources":["../../../src/components/Badges/Selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, MouseEvent, forwardRef, PropsWithoutRef, Ref, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix, transparentize } from 'polished';\n\nimport { ForwardProps } from '../../types';\nimport { tryCatch } from '../../utils/utils';\nimport BareButton, { StyledBareButton } from '../Button/BareButton';\nimport Icon, { registerIcon, StyledIcon } from '../Icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport { useConsolidatedRef } from '../../hooks';\nimport { FormControlProps } from '../FormControl';\n\nregisterIcon(timesIcon);\n\nexport interface SelectableProps {\n  /** An id that is used by the onSelect and onRemove functions if they are provided. */\n  id: string;\n  /** Takes an ID that represents the Badge. This function is called when the Badge is clicked. */\n  onSelect?: (id: string) => void;\n  /** Takes an ID that represents the Badge. This function is called when the Badge is closed by clicking the X. */\n  onRemove?: (id: string) => void;\n  /** The content of the Badge. */\n  children: string;\n  /** Makes the input non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Event handler called when the Badge is clicked. */\n  onClick?: (event: MouseEvent) => void;\n  /** Event handler fired on every keyup event. */\n  onKeyUp?: (event: KeyboardEvent) => void;\n}\n\nexport const StyledSelectable = styled.div(props => {\n  const { foreground, background } = props.theme.components.badges.selectable.base;\n  const { dark } = props.theme.base.palette;\n  const borderRadius = props.theme.base['border-radius'];\n  const { spacing } = props.theme.base;\n\n  const displayBackground = tryCatch(() => mix(0.15, background, '#ffffff'));\n  const hoverBorder = tryCatch(() => mix(0.3, background, '#ffffff'));\n  const boxShadowColor = tryCatch(() => transparentize(0.45, dark));\n\n  const height = 1.125;\n  return css`\n    background: ${displayBackground};\n    border: 0 solid transparent;\n    border-radius: calc(${height} * ${borderRadius});\n    color: ${foreground};\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    font-size: 0.75rem;\n    height: ${height}rem;\n    padding: 0 ${spacing};\n    min-width: max-content;\n    line-height: 1;\n\n    &:hover {\n      color: ${props.theme.base.palette.interactive};\n      box-shadow: inset 0 0 0 0.0625rem ${hoverBorder};\n\n      ${StyledBareButton} {\n        color: ${props.theme.base.palette.interactive};\n      }\n    }\n\n    &:active {\n      box-shadow: inset 0 0 0 0.0625rem ${background};\n    }\n\n    &:focus {\n      color: ${props.theme.base.palette.interactive};\n      box-shadow: 0 0 0.5rem -0.125rem ${boxShadowColor}, inset 0 0 0 0.125rem ${background};\n      outline: none;\n\n      ${StyledBareButton} {\n        color: ${props.theme.base.palette.interactive};\n      }\n    }\n\n    ${StyledIcon} {\n      margin-inline-start: ${spacing};\n      height: 1em;\n      width: 1em;\n    }\n  `;\n});\n\nconst Selectable: FC<SelectableProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<SelectableProps>, ref: Ref<HTMLButtonElement>) => {\n    const consolidatedRef = useConsolidatedRef(ref);\n    const { id, onSelect, onRemove, children, onClick, onKeyUp, ...restProps } = props;\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      onSelect?.(id);\n    };\n\n    const handleCloseClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      onRemove?.(id);\n    };\n\n    const handleKeyUp = (e: KeyboardEvent) => {\n      onKeyUp?.(e);\n      if (e.key === 'Enter') {\n        onSelect?.(id);\n      }\n\n      if (e.key === 'Backspace' || e.key === 'Delete') {\n        onRemove?.(id);\n      }\n    };\n\n    return (\n      <BareButton\n        role='button'\n        tabIndex='0'\n        as={StyledSelectable}\n        ref={consolidatedRef}\n        onClick={handleClick}\n        onKeyUp={handleKeyUp}\n        {...restProps}\n      >\n        {children}\n        <BareButton tabIndex='-1' onClick={handleCloseClick}>\n          <Icon name='times' />\n        </BareButton>\n      </BareButton>\n    );\n  }\n);\n\nexport default Selectable;\n"]}

package/lib/components/Badges/Status.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactText } from 'react';
-import { ForwardProps } from '../../types';
-export interface StatusProps {
-    /** Determines the color to render the Badge as. This color is derived from the Theme. */
-    variant: 'success' | 'urgent' | 'warn' | 'pending' | 'info';
-    /** The content of the Badge, transformed to uppercase. */
-    children: ReactText;
-}
-export declare const StyledStatus: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, StatusProps, never>;
-declare const Status: FC<StatusProps & ForwardProps>;
-export default Status;
-//# sourceMappingURL=Status.d.ts.map

package/lib/components/Badges/Status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Status.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,SAAS,EAAO,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,MAAM,WAAW,WAAW;IAC1B,yFAAyF;IACzF,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC5D,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,mHAqBvB,CAAC;AAIH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,GAAG,YAAY,CAW1C,CAAC;AAMF,eAAe,MAAM,CAAC"}

package/lib/components/Badges/Status.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { rgba } from 'polished';
-import { calculateFontSize } from '../../styles';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils';
-export const StyledStatus = styled.span(props => {
-    const { spacing } = props.theme.base;
-    const borderRadius = props.theme.base['border-radius'];
-    const { status } = props.theme.components.badges;
-    const { background, foreground } = status[props.variant];
-    const shadow = tryCatch(() => rgba(foreground, 0.1));
-    const fontSize = calculateFontSize(props.theme.base['font-size'], props.theme.base['font-scale']);
-    return css `
-    background-color: ${background};
-    border-radius: calc(0.25 * ${borderRadius});
-    color: ${foreground};
-    box-shadow: inset 0 0 0 0.0625rem ${shadow};
-    display: inline-block;
-    font-size: ${fontSize.xxs};
-    font-weight: bold;
-    line-height: calc(${spacing} * 2.5);
-    padding: 0 ${spacing};
-    text-transform: uppercase;
-  `;
-});
-StyledStatus.defaultProps = defaultThemeProp;
-const Status = forwardRef(({ variant, children, ...restProps }, ref) => {
-    return (_jsx(StyledStatus, { ...restProps, variant: variant, ref: ref, children: children }, void 0));
-});
-Status.defaultProps = {
-    variant: 'info'
-};
-export default Status;
-//# sourceMappingURL=Status.js.map

package/lib/components/Badges/Status.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.js","sourceRoot":"","sources":["../../../src/components/Badges/Status.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAmC,MAAM,OAAO,CAAC;AACxE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAc,KAAK,CAAC,EAAE;IAC3D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IACrC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;IAEjD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAElG,OAAO,GAAG,CAAA;wBACY,UAAU;iCACD,YAAY;aAChC,UAAU;wCACiB,MAAM;;iBAE7B,QAAQ,CAAC,GAAG;;wBAEL,OAAO;iBACd,OAAO;;GAErB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7C,MAAM,MAAM,GAAmC,UAAU,CACvD,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAgC,EACjE,GAAyB,EACzB,EAAE;IACF,OAAO,CACL,KAAC,YAAY,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACpD,QAAQ,WACI,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { FC, forwardRef, PropsWithoutRef, ReactText, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport { calculateFontSize } from '../../styles';\nimport { defaultThemeProp } from '../../theme';\nimport { ForwardProps } from '../../types';\nimport { tryCatch } from '../../utils';\n\nexport interface StatusProps {\n  /** Determines the color to render the Badge as. This color is derived from the Theme. */\n  variant: 'success' | 'urgent' | 'warn' | 'pending' | 'info';\n  /** The content of the Badge, transformed to uppercase. */\n  children: ReactText;\n}\n\nexport const StyledStatus = styled.span<StatusProps>(props => {\n  const { spacing } = props.theme.base;\n  const borderRadius = props.theme.base['border-radius'];\n  const { status } = props.theme.components.badges;\n\n  const { background, foreground } = status[props.variant];\n  const shadow = tryCatch(() => rgba(foreground, 0.1));\n  const fontSize = calculateFontSize(props.theme.base['font-size'], props.theme.base['font-scale']);\n\n  return css`\n    background-color: ${background};\n    border-radius: calc(0.25 * ${borderRadius});\n    color: ${foreground};\n    box-shadow: inset 0 0 0 0.0625rem ${shadow};\n    display: inline-block;\n    font-size: ${fontSize.xxs};\n    font-weight: bold;\n    line-height: calc(${spacing} * 2.5);\n    padding: 0 ${spacing};\n    text-transform: uppercase;\n  `;\n});\n\nStyledStatus.defaultProps = defaultThemeProp;\n\nconst Status: FC<StatusProps & ForwardProps> = forwardRef(\n  (\n    { variant, children, ...restProps }: PropsWithoutRef<StatusProps>,\n    ref: Ref<HTMLSpanElement>\n  ) => {\n    return (\n      <StyledStatus {...restProps} variant={variant} ref={ref}>\n        {children}\n      </StyledStatus>\n    );\n  }\n);\n\nStatus.defaultProps = {\n  variant: 'info'\n};\n\nexport default Status;\n"]}

package/lib/components/Badges/Tag.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '../../types';
-export interface TagProps {
-    /** The content of the Badge. */
-    children: string;
-}
-export declare const StyledTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-declare const Tag: FC<TagProps & ForwardProps>;
-export default Tag;
-//# sourceMappingURL=Tag.d.ts.map

package/lib/components/Badges/Tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAM7D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,QAAQ;IACvB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,0GAiCpB,CAAC;AAIH,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,GAAG,YAAY,CAQpC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/components/Badges/Tag.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { mix } from 'polished';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils/utils';
-export const StyledTag = styled.span(props => {
-    const borderRadius = props.theme.base['border-radius'];
-    const { spacing } = props.theme.base;
-    const { foreground, background } = props.theme.components.badges.tag;
-    const borderColor = tryCatch(() => mix(0.85, props.theme.base.palette['primary-background'], background));
-    const boxShadow = props.theme.base.shadow.focus;
-    return css `
-    border: 0.0625rem solid ${borderColor};
-    border-radius: calc(0.25 * ${borderRadius});
-    color: ${foreground};
-    display: inline-block;
-    font-size: 0.75rem;
-    padding: 0 ${spacing};
-
-    &:hover {
-      border-color: ${background};
-    }
-
-    &:focus {
-      border-color: ${background};
-      box-shadow: ${boxShadow};
-      outline: none;
-    }
-
-    &:active {
-      border: 0.0625rem solid ${borderColor};
-      box-shadow: none;
-    }
-  `;
-});
-StyledTag.defaultProps = defaultThemeProp;
-const Tag = forwardRef(({ children, ...restProps }, ref) => {
-    return (_jsx(StyledTag, { ...restProps, tabIndex: 0, ref: ref, children: children }, void 0));
-});
-export default Tag;
-//# sourceMappingURL=Tag.js.map

package/lib/components/Badges/Tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Badges/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAwB,MAAM,OAAO,CAAC;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQ7C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC;IAErE,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAChC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CACtE,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAEhD,OAAO,GAAG,CAAA;8BACkB,WAAW;iCACR,YAAY;aAChC,UAAU;;;iBAGN,OAAO;;;sBAGF,UAAU;;;;sBAIV,UAAU;oBACZ,SAAS;;;;;gCAKG,WAAW;;;GAGxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,MAAM,GAAG,GAAgC,UAAU,CACjD,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAA6B,EAAE,GAAyB,EAAE,EAAE;IACnF,OAAO,CACL,KAAC,SAAS,OAAK,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,YAC5C,QAAQ,WACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { FC, forwardRef, Ref, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils/utils';\nimport { ForwardProps } from '../../types';\n\nexport interface TagProps {\n  /** The content of the Badge. */\n  children: string;\n}\n\nexport const StyledTag = styled.span(props => {\n  const borderRadius = props.theme.base['border-radius'];\n  const { spacing } = props.theme.base;\n  const { foreground, background } = props.theme.components.badges.tag;\n\n  const borderColor = tryCatch(() =>\n    mix(0.85, props.theme.base.palette['primary-background'], background)\n  );\n  const boxShadow = props.theme.base.shadow.focus;\n\n  return css`\n    border: 0.0625rem solid ${borderColor};\n    border-radius: calc(0.25 * ${borderRadius});\n    color: ${foreground};\n    display: inline-block;\n    font-size: 0.75rem;\n    padding: 0 ${spacing};\n\n    &:hover {\n      border-color: ${background};\n    }\n\n    &:focus {\n      border-color: ${background};\n      box-shadow: ${boxShadow};\n      outline: none;\n    }\n\n    &:active {\n      border: 0.0625rem solid ${borderColor};\n      box-shadow: none;\n    }\n  `;\n});\n\nStyledTag.defaultProps = defaultThemeProp;\n\nconst Tag: FC<TagProps & ForwardProps> = forwardRef(\n  ({ children, ...restProps }: PropsWithoutRef<TagProps>, ref: Ref<HTMLSpanElement>) => {\n    return (\n      <StyledTag {...restProps} tabIndex={0} ref={ref}>\n        {children}\n      </StyledTag>\n    );\n  }\n);\n\nexport default Tag;\n"]}

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

@@ -1,11 +0,0 @@
-export { default as Selectable } from './Selection';
-export { SelectableProps } from './Selection';
-export { default as Alert } from './Alert';
-export { AlertProps } from './Alert';
-export { default as Count } from './Count';
-export { CountProps } from './Count';
-export { default as Status } from './Status';
-export { StatusProps } from './Status';
-export { default as Tag } from './Tag';
-export { TagProps } from './Tag';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/lib/components/Badges/index.js

@@ -1,6 +0,0 @@
-export { default as Selectable } from './Selection';
-export { default as Alert } from './Alert';
-export { default as Count } from './Count';
-export { default as Status } from './Status';
-export { default as Tag } from './Tag';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { default as Selectable } from './Selection';\nexport { SelectableProps } from './Selection';\nexport { default as Alert } from './Alert';\nexport { AlertProps } from './Alert';\nexport { default as Count } from './Count';\nexport { CountProps } from './Count';\nexport { default as Status } from './Status';\nexport { StatusProps } from './Status';\nexport { default as Tag } from './Tag';\nexport { TagProps } from './Tag';\n"]}

package/lib/components/Banner/Banner.d.ts

@@ -1,38 +0,0 @@
-import { FunctionComponent, ReactNode, Ref } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-export interface BannerProps extends BaseProps, NoChildrenProp {
-    /** Controls the styling of the Banner. */
-    variant: 'urgent' | 'success' | 'warning' | 'info';
-    /**  Heading text for the Banner. */
-    heading?: string;
-    /**
-     * The heading tag to render the provided heading as. This is agnostic to the styling of the heading.
-     * @default "h2"
-     */
-    headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    /** Pass one or more descriptive messages to inform the user. */
-    messages: string[];
-    /** ID for the Banner. Used both as onDismiss callback arg and DOM id. */
-    id: string;
-    /** Link or Button provided to the user for next steps. Link should use regular href and Button should use an onClick handler. */
-    action?: ReactNode;
-    /** Callback when user explicitly dismisses the Banner. */
-    onDismiss?: (id: string) => void;
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledBannerMessages: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
-    inline: boolean;
-}, never>;
-export declare const StyledBannerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    hasDismiss: boolean;
-}, never>;
-export declare const StyledBannerMessage: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    inline: boolean;
-}, never>;
-export declare const StyledBannerDismissColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledBannerDismissButton: import("styled-components").StyledComponent<FunctionComponent<import("../Button").ButtonProps & ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledBannerStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<BannerProps, "variant">, never>;
-export declare const StyledBanner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const Banner: FunctionComponent<BannerProps & ForwardProps>;
-export default Banner;
-//# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAA+B,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAYtE,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc;IAC5D,0CAA0C;IAC1C,OAAO,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACnD,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrD,gEAAgE;IAChE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,iIAAiI;IACjI,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB;YAAuB,OAAO;SAS7D,CAAC;AAIH,eAAO,MAAM,mBAAmB;gBAA4B,OAAO;SAmBjE,CAAC;AAIH,eAAO,MAAM,mBAAmB;YAAuB,OAAO;SAS5D,CAAC;AAIH,eAAO,MAAM,yBAAyB,yGAQpC,CAAC;AAIH,eAAO,MAAM,yBAAyB,qKAAmB,CAAC;AAE1D,eAAO,MAAM,kBAAkB,mIAkB7B,CAAC;AAIH,eAAO,MAAM,YAAY,yGAKvB,CAAC;AAIH,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,GAAG,YAAY,CAqGzD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/Banner/Banner.js

@@ -1,119 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { getContrast, readableColor } from 'polished';
-import { defaultThemeProp } from '../../theme';
-import Icon, { registerIcon } from '../Icon';
-import * as timesIcon from '../Icon/icons/times.icon';
-import Button from '../Button';
-import { tryCatch } from '../../utils';
-import { useDirection, useI18n } from '../../hooks';
-import Flex from '../Flex';
-import Text from '../Text';
-registerIcon(timesIcon);
-export const StyledBannerMessages = styled.ul(({ theme, inline }) => {
-    return css `
-    list-style-position: inside;
-    ${inline &&
-        css `
-      display: inline-block;
-      margin-inline-end: ${theme.base.spacing};
-    `}
-  `;
-});
-StyledBannerMessages.defaultProps = defaultThemeProp;
-export const StyledBannerContent = styled.div(({ theme, hasDismiss }) => {
-    const { end } = useDirection();
-    return css `
-    position: relative;
-    padding: calc(1.5 * ${theme.base.spacing});
-    border: 0.0625rem solid ${theme.base.palette['border-line']};
-    border-inline-start: none;
-    border-top-${end}-radius: ${theme.components.card['border-radius']};
-    border-bottom-${end}-radius: ${theme.components.card['border-radius']};
-
-    ${hasDismiss &&
-        css `
-        border-inline-end: none;
-        padding-inline-end: calc(0.75 * ${theme.base.spacing});
-        border-radius: 0;
-      `}
-  `;
-});
-StyledBannerContent.defaultProps = defaultThemeProp;
-export const StyledBannerMessage = styled.li(({ inline, theme }) => {
-    return css `
-    color: ${theme.base.palette['foreground-color']};
-    ${inline &&
-        css `
-      display: inline-block;
-      margin-inline-end: ${theme.base.spacing};
-    `}
-  `;
-});
-StyledBannerMessage.defaultProps = defaultThemeProp;
-export const StyledBannerDismissColumn = styled.div(({ theme }) => {
-    const { end } = useDirection();
-    return css `
-    border-top-${end}-radius: ${theme.components.card['border-radius']};
-    border-bottom-${end}-radius: ${theme.components.card['border-radius']};
-    border: 0.0625rem solid ${theme.base.palette['border-line']};
-    border-inline-start: none;
-  `;
-});
-StyledBannerDismissColumn.defaultProps = defaultThemeProp;
-export const StyledBannerDismissButton = styled(Button) ``;
-export const StyledBannerStatus = styled.div(({ variant, theme }) => {
-    const { background: bg } = theme.components.banner[variant];
-    const color = tryCatch(() => getContrast(bg, theme.base.palette['primary-background']) >= 3
-        ? theme.base.palette['primary-background']
-        : readableColor(bg));
-    const { start } = useDirection();
-    return css `
-    background-color: ${bg};
-    width: 3.125rem;
-    color: ${color};
-    border-top-${start}-radius: ${theme.components.card['border-radius']};
-    border-bottom-${start}-radius: ${theme.components.card['border-radius']};
-    font-size: 1.25rem;
-  `;
-});
-StyledBannerStatus.defaultProps = defaultThemeProp;
-export const StyledBanner = styled.div(({ theme }) => {
-    return css `
-    background: ${theme.components.card.background};
-    border-radius: ${theme.components.card['border-radius']};
-  `;
-});
-StyledBanner.defaultProps = defaultThemeProp;
-const Banner = forwardRef(({ variant, heading, headingTag = 'h2', messages, onDismiss, action, id, ...restProps }, ref) => {
-    const inline = messages.length === 1;
-    const singleLine = inline && !heading;
-    const hasDismiss = !!onDismiss;
-    let bannerIcon = 'warn-solid';
-    let role = 'alert';
-    let ariaLive = 'assertive';
-    if (variant === 'info') {
-        bannerIcon = 'bulb-solid';
-        ariaLive = 'polite';
-        role = undefined;
-    }
-    else if (variant === 'success') {
-        bannerIcon = 'check';
-        ariaLive = 'polite';
-        role = undefined;
-    }
-    else if (variant === 'warning') {
-        bannerIcon = 'warn';
-    }
-    const t = useI18n();
-    return (_jsxs(Flex, { ...restProps, container: true, as: StyledBanner, role: role, "aria-live": ariaLive, id: id, ref: ref, children: [_jsx(Flex, { container: { justify: 'center', alignItems: 'center' }, item: { shrink: 0 }, as: StyledBannerStatus, variant: variant, children: _jsx(Icon, { name: bannerIcon }, void 0) }, void 0), _jsxs(Flex, { container: singleLine ? { alignItems: 'center' } : { direction: 'column', gap: 1 }, item: { grow: 1 }, as: StyledBannerContent, hasDismiss: hasDismiss, children: [heading && (_jsx(Text, { variant: 'h4', as: headingTag, children: heading }, void 0)), _jsx(StyledBannerMessages, { inline: inline, children: messages.map((msg, index) => (
-                        // eslint-disable-next-line react/no-array-index-key
-                        _jsx(StyledBannerMessage, { inline: inline, children: msg }, `${msg}+${index}`))) }, void 0), action] }, void 0), onDismiss && (_jsx(Flex, { container: {
-                    direction: 'column',
-                    justify: singleLine ? 'center' : undefined,
-                    pad: [singleLine ? 0.5 : 1, 0.5, 0.5, 0]
-                }, as: StyledBannerDismissColumn, children: _jsx(StyledBannerDismissButton, { variant: 'simple', icon: true, onClick: () => onDismiss(id), "aria-label": t('banner_dismiss_button_label_a11y'), children: _jsx(Icon, { name: 'times' }, void 0) }, void 0) }, void 0))] }, void 0));
-});
-export default Banner;
-//# sourceMappingURL=Banner.js.map