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

package/lib/components/Badges/Alert.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import { useTestIds } from '../../hooks';
-import { withTestIds } from '../../utils';
-import { getAlertTestIds } from './Badges.test-ids';
-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;
-export default withTestIds(forwardRef(function Alert({ testId, variant, ...restProps }, ref) {
-    const testIds = useTestIds(testId, getAlertTestIds);
-    return _jsx(StyledAlert, { "data-testid": testIds.root, ...restProps, variant: variant, ref: ref });
-}), getAlertTestIds);
-//# 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,EAAmB,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,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,eAAe,WAAW,CACxB,UAAU,CAAsD,SAAS,KAAK,CAC5E,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EACjC,GAAG;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEpD,OAAO,KAAC,WAAW,mBAAc,OAAO,CAAC,IAAI,KAAM,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC/F,CAAC,CAAC,EACF,eAAe,CAChB,CAAC","sourcesContent":["import { PropsWithoutRef, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { NoChildrenProp, RefElement, WithAttributes, TestIdProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useTestIds } from '../../hooks';\nimport { withTestIds } from '../../utils';\n\nimport { getAlertTestIds } from './Badges.test-ids';\n\nexport type AlertProps = WithAttributes<\n  'div',\n  NoChildrenProp &\n    TestIdProp & {\n      /** Determines the color to render the Badge as. This color is derived from the Theme. */\n      variant: 'urgent' | 'success';\n    }\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\nexport default withTestIds(\n  forwardRef<RefElement<AlertProps>, PropsWithoutRef<AlertProps>>(function Alert(\n    { testId, variant, ...restProps },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getAlertTestIds);\n\n    return <StyledAlert data-testid={testIds.root} {...restProps} variant={variant} ref={ref} />;\n  }),\n  getAlertTestIds\n);\n"]}

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

@@ -1,7 +0,0 @@
-export declare const getAlertTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-export declare const getCountTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-export declare const getKeyboardTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-export declare const getSelectableTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["remove"]>;
-export declare const getStatusTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-export declare const getTagTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-//# sourceMappingURL=Badges.test-ids.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badges.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Badges.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,iFAAsC,CAAC;AACnE,eAAO,MAAM,eAAe,iFAAsC,CAAC;AACnE,eAAO,MAAM,kBAAkB,iFAAyC,CAAC;AACzE,eAAO,MAAM,oBAAoB,yFAAmD,CAAC;AACrF,eAAO,MAAM,gBAAgB,iFAAuC,CAAC;AACrE,eAAO,MAAM,aAAa,iFAAoC,CAAC"}

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

@@ -1,8 +0,0 @@
-import { createTestIds } from '../../utils';
-export const getAlertTestIds = createTestIds('alert', []);
-export const getCountTestIds = createTestIds('count', []);
-export const getKeyboardTestIds = createTestIds('keyboard', []);
-export const getSelectableTestIds = createTestIds('selectable', ['remove']);
-export const getStatusTestIds = createTestIds('status', []);
-export const getTagTestIds = createTestIds('tag', []);
-//# sourceMappingURL=Badges.test-ids.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badges.test-ids.js","sourceRoot":"","sources":["../../../src/components/Badges/Badges.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,EAAE,EAAW,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,EAAE,EAAW,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,UAAU,EAAE,EAAW,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAU,CAAC,CAAC;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,EAAE,EAAW,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,EAAW,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\n\nexport const getAlertTestIds = createTestIds('alert', [] as const);\nexport const getCountTestIds = createTestIds('count', [] as const);\nexport const getKeyboardTestIds = createTestIds('keyboard', [] as const);\nexport const getSelectableTestIds = createTestIds('selectable', ['remove'] as const);\nexport const getStatusTestIds = createTestIds('status', [] as const);\nexport const getTagTestIds = createTestIds('tag', [] as const);\n"]}

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

@@ -1,18 +0,0 @@
-import { PropsWithDefaults, WithAttributes, TestIdProp } from '../../types';
-export type CountProps = WithAttributes<'span', TestIdProp & {
-    /** Determines the color to render the Badge as. This color is derived from the Theme.
-     * @default 'default'
-     */
-    variant?: 'default' | 'urgent';
-    /** The count to be displayed within the Badge. */
-    children: number | null;
-}>;
-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 _default: import("react").ForwardRefExoticComponent<Omit<CountProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# 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":"AAMA,OAAO,EAAE,iBAAiB,EAAc,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxF,MAAM,MAAM,UAAU,GAAG,cAAc,CACrC,MAAM,EACN,UAAU,GAAG;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CACF,CAAC;AAEF,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAEvE,eAAO,MAAM,WAAW;cACgC,MAAM;SA4B5D,CAAC;;;;AAwCH,wBAcE"}

package/lib/components/Badges/Count.js

@@ -1,77 +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 { defaultThemeProp } from '../../theme';
-import { tryCatch, withTestIds } from '../../utils';
-import { calculateFontSize } from '../../styles';
-import { useTestIds } from '../../hooks';
-import { getCountTestIds } from './Badges.test-ids';
-export const StyledCount = styled.span(({ theme, variant, children }) => {
-    const { foreground, background } = theme.components.badges.count[variant];
-    const shadow = tryCatch(() => rgba(foreground, 0.1));
-    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return css `
-    display: inline-block;
-    block-size: 1rem;
-    flex-shrink: 0;
-    border-radius: calc(9999 * ${theme.base['border-radius']});
-    color: ${foreground};
-    background-color: ${background};
-    box-shadow: inset 0 0 0 0.0625rem ${shadow};
-    font-size: ${fontSize.xxs};
-    font-weight: ${theme.base['font-weight'].bold};
-    line-height: 1rem;
-    text-align: center;
-
-    ${children.length === 1
-        ? css `
-          aspect-ratio: 1 / 1;
-        `
-        : css `
-          padding-inline: ${theme.base.spacing};
-        `}
-  `;
-});
-StyledCount.defaultProps = defaultThemeProp;
-// Replace this with Intl.NumberFormat when roundingMode is supported.
-/* eslint-disable yoda */
-const getLabel = (val) => {
-    if (val < 1000)
-        return '';
-    if (1000 <= val && val < 1000000)
-        return 'K';
-    if (1000000 <= val && val < 1000000000)
-        return 'M';
-    if (1000000000 <= val && val < 1000000000000)
-        return 'B';
-    if (1000000000000 <= val && val < 1000000000000000)
-        return 'T';
-    return '';
-};
-/* eslint-enable yoda */
-const truncateValue = (val) => {
-    for (let magnitude = 3; magnitude < 15; magnitude += 3) {
-        if (val < 10 ** (magnitude + 1)) {
-            return `${`${val}`.slice(0, 1)}.${`${val}`.slice(1, 2)}${getLabel(val)}`;
-        }
-        if (val < 10 ** (magnitude + 2)) {
-            return `${`${val}`.slice(0, 2)}${getLabel(val)}`;
-        }
-        if (val < 10 ** (magnitude + 3)) {
-            return `${`${val}`.slice(0, 3)}${getLabel(val)}`;
-        }
-    }
-    return '999T+';
-};
-const formatValue = (val) => {
-    const absVal = Math.abs(val);
-    if (absVal < 1000)
-        return `${val}`;
-    return `${val < 0 ? '-' : ''}${truncateValue(absVal)}`;
-};
-export default withTestIds(forwardRef(function Count({ testId, variant = 'default', children, ...restProps }, ref) {
-    const testIds = useTestIds(testId, getCountTestIds);
-    return Number.isInteger(children) ? (_jsx(StyledCount, { "data-testid": testIds.root, variant: variant, ...restProps, ref: ref, children: formatValue(children) })) : null;
-}), getCountTestIds);
-//# 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":"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","sourcesContent":["import { PropsWithoutRef, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch, withTestIds } from '../../utils';\nimport { PropsWithDefaults, RefElement, WithAttributes, TestIdProp } from '../../types';\nimport { calculateFontSize } from '../../styles';\nimport { useTestIds } from '../../hooks';\n\nimport { getCountTestIds } from './Badges.test-ids';\n\nexport type CountProps = WithAttributes<\n  'span',\n  TestIdProp & {\n    /** Determines the color to render the Badge as. This color is derived from the Theme.\n     * @default 'default'\n     */\n    variant?: 'default' | 'urgent';\n    /** The count to be displayed within the Badge. */\n    children: number | null;\n  }\n>;\n\ntype CountPropsWithDefaults = PropsWithDefaults<CountProps, 'variant'>;\n\nexport const StyledCount = styled.span<\n  Pick<CountPropsWithDefaults, 'variant'> & { children: string }\n>(({ theme, variant, children }) => {\n  const { foreground, background } = theme.components.badges.count[variant];\n\n  const shadow = tryCatch(() => rgba(foreground, 0.1));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    display: inline-block;\n    block-size: 1rem;\n    flex-shrink: 0;\n    border-radius: calc(9999 * ${theme.base['border-radius']});\n    color: ${foreground};\n    background-color: ${background};\n    box-shadow: inset 0 0 0 0.0625rem ${shadow};\n    font-size: ${fontSize.xxs};\n    font-weight: ${theme.base['font-weight'].bold};\n    line-height: 1rem;\n    text-align: center;\n\n    ${children.length === 1\n      ? css`\n          aspect-ratio: 1 / 1;\n        `\n      : css`\n          padding-inline: ${theme.base.spacing};\n        `}\n  `;\n});\n\nStyledCount.defaultProps = defaultThemeProp;\n\n// Replace this with Intl.NumberFormat when roundingMode is supported.\n/* eslint-disable yoda */\nconst getLabel = (val: number): string => {\n  if (val < 1_000) return '';\n  if (1_000 <= val && val < 1_000_000) return 'K';\n  if (1_000_000 <= val && val < 1_000_000_000) return 'M';\n  if (1_000_000_000 <= val && val < 1_000_000_000_000) return 'B';\n  if (1_000_000_000_000 <= val && val < 1_000_000_000_000_000) return 'T';\n  return '';\n};\n/* eslint-enable yoda */\n\nconst truncateValue = (val: number): string => {\n  for (let magnitude = 3; magnitude < 15; magnitude += 3) {\n    if (val < 10 ** (magnitude + 1)) {\n      return `${`${val}`.slice(0, 1)}.${`${val}`.slice(1, 2)}${getLabel(val)}`;\n    }\n    if (val < 10 ** (magnitude + 2)) {\n      return `${`${val}`.slice(0, 2)}${getLabel(val)}`;\n    }\n    if (val < 10 ** (magnitude + 3)) {\n      return `${`${val}`.slice(0, 3)}${getLabel(val)}`;\n    }\n  }\n\n  return '999T+';\n};\n\nconst formatValue = (val: number): string => {\n  const absVal = Math.abs(val);\n\n  if (absVal < 1_000) return `${val}`;\n\n  return `${val < 0 ? '-' : ''}${truncateValue(absVal)}`;\n};\n\nexport default withTestIds(\n  forwardRef<RefElement<CountProps>, PropsWithoutRef<CountProps>>(function Count(\n    { testId, variant = 'default', children, ...restProps },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getCountTestIds);\n\n    return Number.isInteger(children) ? (\n      <StyledCount data-testid={testIds.root} variant={variant} {...restProps} ref={ref}>\n        {formatValue(children as number)}\n      </StyledCount>\n    ) : null;\n  }),\n  getCountTestIds\n);\n"]}

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

@@ -1,10 +0,0 @@
-import { NoChildrenProp, WithAttributes, TestIdProp } from '../../types';
-export declare const StyledKeyboard: import("styled-components").StyledComponent<"kbd", import("styled-components").DefaultTheme, {}, never>;
-export type KeyboardProps = WithAttributes<'kbd', NoChildrenProp & TestIdProp & {
-    keyName: string;
-}>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<KeyboardProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# sourceMappingURL=Keyboard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../src/components/Badges/Keyboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAc,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAkCrF,eAAO,MAAM,cAAc,yGA+B1B,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACL,cAAc,GAAG,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAClD,CAAC;;;;AAEF,wBAkBE"}

package/lib/components/Badges/Keyboard.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import useOS from '../../hooks/useOS';
-import { useTestIds } from '../../hooks';
-import { withTestIds } from '../../utils';
-import { getKeyboardTestIds } from './Badges.test-ids';
-const osxKeyMapper = {
-    Command: '⌘',
-    Alt: '⌥',
-    Option: '⌥',
-    Control: '⌃',
-    Return: '↵',
-    Enter: '↵',
-    Delete: 'Del',
-    CommandOrControl: '⌘'
-};
-const windowsKeyMapper = {
-    Control: 'Ctrl',
-    Alt: 'Alt',
-    Option: 'Alt',
-    Meta: '⊞',
-    Command: '⊞',
-    Backspace: 'Backspace',
-    CommandOrControl: 'Ctrl'
-};
-const generalKeyMapper = {
-    'Page up': 'Pg up',
-    'Page down': 'Pg dn',
-    Ins: 'Insert',
-    Shift: '⇧'
-};
-export const StyledKeyboard = styled.kbd(({ theme: { base, components: { text: { primary }, badges: { keyboard } } } }) => {
-    return css `
-      background-color: ${keyboard['background-color']};
-      color: ${base.palette['foreground-color']};
-      display: inline-block;
-      position: relative;
-      font-family: ${base['font-family']};
-      font-weight: ${primary['font-weight']};
-      overflow: hidden;
-      white-space: nowrap;
-      padding: 0.125rem;
-      border: 0.0125rem solid ${keyboard['border-color']};
-      border-radius: calc(${base['border-radius']} / 4);
-      text-transform: capitalize;
-      text-align: center;
-      min-width: 1.25rem;
-      height: 1.25rem;
-      text-overflow: ellipsis;
-      line-height: 1rem;
-      inset-block-start: calc(1.25rem / 4 - 0.125rem);
-    `;
-});
-StyledKeyboard.defaultProps = defaultThemeProp;
-export default withTestIds(forwardRef(function Keyboard({ testId, keyName, ...restProps }, ref) {
-    const { windows: isWindows } = useOS();
-    const testIds = useTestIds(testId, getKeyboardTestIds);
-    return (_jsx(StyledKeyboard, { "data-testid": testIds.root, ...restProps, "aria-label": keyName, ref: ref, children: (isWindows && windowsKeyMapper[keyName]) ||
-            osxKeyMapper[keyName] ||
-            generalKeyMapper[keyName] ||
-            keyName }));
-}), getKeyboardTestIds);
-//# sourceMappingURL=Keyboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Keyboard.js","sourceRoot":"","sources":["../../../src/components/Badges/Keyboard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,GAAG;IACZ,GAAG,EAAE,GAAG;IACR,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,KAAK;IACb,gBAAgB,EAAE,GAAG;CACtB,CAAC;AAEF,MAAM,gBAAgB,GAA8B;IAClD,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,WAAW;IACtB,gBAAgB,EAAE,MAAM;CACzB,CAAC;AAEF,MAAM,gBAAgB,GAA8B;IAClD,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,OAAO;IACpB,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CACtC,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EACJ,UAAU,EAAE,EACV,IAAI,EAAE,EAAE,OAAO,EAAE,EACjB,MAAM,EAAE,EAAE,QAAQ,EAAE,EACrB,EACF,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;0BACY,QAAQ,CAAC,kBAAkB,CAAC;eACvC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;qBAG1B,IAAI,CAAC,aAAa,CAAC;qBACnB,OAAO,CAAC,aAAa,CAAC;;;;gCAIX,QAAQ,CAAC,cAAc,CAAC;4BAC5B,IAAI,CAAC,eAAe,CAAC;;;;;;;;KAQ5C,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAO/C,eAAe,WAAW,CACxB,UAAU,CAA4D,SAAS,QAAQ,CACrF,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EACjC,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,cAAc,mBAAc,OAAO,CAAC,IAAI,KAAM,SAAS,gBAAc,OAAO,EAAE,GAAG,EAAE,GAAG,YACpF,CAAC,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACvC,YAAY,CAAC,OAAO,CAAC;YACrB,gBAAgB,CAAC,OAAO,CAAC;YACzB,OAAO,GACM,CAClB,CAAC;AACJ,CAAC,CAAC,EACF,kBAAkB,CACnB,CAAC","sourcesContent":["import { forwardRef, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport useOS from '../../hooks/useOS';\nimport { NoChildrenProp, RefElement, WithAttributes, TestIdProp } from '../../types';\nimport { useTestIds } from '../../hooks';\nimport { withTestIds } from '../../utils';\n\nimport { getKeyboardTestIds } from './Badges.test-ids';\n\nconst osxKeyMapper: { [key: string]: string } = {\n  Command: '⌘',\n  Alt: '⌥',\n  Option: '⌥',\n  Control: '⌃',\n  Return: '↵',\n  Enter: '↵',\n  Delete: 'Del',\n  CommandOrControl: '⌘'\n};\n\nconst windowsKeyMapper: { [key: string]: string } = {\n  Control: 'Ctrl',\n  Alt: 'Alt',\n  Option: 'Alt',\n  Meta: '⊞',\n  Command: '⊞',\n  Backspace: 'Backspace',\n  CommandOrControl: 'Ctrl'\n};\n\nconst generalKeyMapper: { [key: string]: string } = {\n  'Page up': 'Pg up',\n  'Page down': 'Pg dn',\n  Ins: 'Insert',\n  Shift: '⇧'\n};\n\nexport const StyledKeyboard = styled.kbd(\n  ({\n    theme: {\n      base,\n      components: {\n        text: { primary },\n        badges: { keyboard }\n      }\n    }\n  }) => {\n    return css`\n      background-color: ${keyboard['background-color']};\n      color: ${base.palette['foreground-color']};\n      display: inline-block;\n      position: relative;\n      font-family: ${base['font-family']};\n      font-weight: ${primary['font-weight']};\n      overflow: hidden;\n      white-space: nowrap;\n      padding: 0.125rem;\n      border: 0.0125rem solid ${keyboard['border-color']};\n      border-radius: calc(${base['border-radius']} / 4);\n      text-transform: capitalize;\n      text-align: center;\n      min-width: 1.25rem;\n      height: 1.25rem;\n      text-overflow: ellipsis;\n      line-height: 1rem;\n      inset-block-start: calc(1.25rem / 4 - 0.125rem);\n    `;\n  }\n);\nStyledKeyboard.defaultProps = defaultThemeProp;\n\nexport type KeyboardProps = WithAttributes<\n  'kbd',\n  NoChildrenProp & TestIdProp & { keyName: string }\n>;\n\nexport default withTestIds(\n  forwardRef<RefElement<KeyboardProps>, PropsWithoutRef<KeyboardProps>>(function Keyboard(\n    { testId, keyName, ...restProps },\n    ref\n  ) {\n    const { windows: isWindows } = useOS();\n    const testIds = useTestIds(testId, getKeyboardTestIds);\n\n    return (\n      <StyledKeyboard data-testid={testIds.root} {...restProps} aria-label={keyName} ref={ref}>\n        {(isWindows && windowsKeyMapper[keyName]) ||\n          osxKeyMapper[keyName] ||\n          generalKeyMapper[keyName] ||\n          keyName}\n      </StyledKeyboard>\n    );\n  }),\n  getKeyboardTestIds\n);\n"]}

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

@@ -1,22 +0,0 @@
-import { FC, MouseEvent, KeyboardEvent } from 'react';
-import { ForwardProps, TestIdProp } from '../../types';
-export interface SelectableProps extends TestIdProp {
-    /** An id that is used by the onSelect and onRemove functions if they are provided. */
-    id: string;
-    /** The content of the Badge. */
-    children: 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;
-    /** 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<"button", import("styled-components").DefaultTheme, {}, never>;
-declare const _default: FC<SelectableProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["remove"]>;
-};
-export default _default;
-//# 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,UAAU,EAAE,MAAM,aAAa,CAAC;AAYvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,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,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,4GAmE5B,CAAC;;;;AAkEF,wBAA6D"}

package/lib/components/Badges/Selection.js

@@ -1,96 +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, withTestIds } from '../../utils';
-import BareButton, { StyledBareButton } from '../Button/BareButton';
-import Icon, { registerIcon, StyledIcon } from '../Icon';
-import * as timesIcon from '../Icon/icons/times.icon';
-import { useConsolidatedRef, useI18n, useTestIds } from '../../hooks';
-import { defaultThemeProp } from '../../theme';
-import { getSelectableTestIds } from './Badges.test-ids';
-registerIcon(timesIcon);
-export const StyledSelectable = styled.button(({ theme: { base: { spacing, palette, 'border-radius': borderRadius }, components: { badges: { selectable } } } }) => {
-    const { foreground, background } = selectable.base;
-    const { dark, 'primary-background': primaryBackground, interactive } = palette;
-    const displayBackground = tryCatch(() => mix(0.15, background, primaryBackground));
-    const hoverBorder = tryCatch(() => mix(0.3, background, primaryBackground));
-    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;
-      font-size: 0.75rem;
-      height: ${height}rem;
-      padding: 0 ${spacing};
-      max-width: 100%;
-      line-height: 1;
-
-      span {
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        line-height: normal;
-      }
-
-      &:hover {
-        color: ${interactive};
-        box-shadow: inset 0 0 0 0.0625rem ${hoverBorder};
-
-        ${StyledBareButton} {
-          color: ${interactive};
-        }
-      }
-
-      &:active {
-        box-shadow: inset 0 0 0 0.0625rem ${background};
-      }
-
-      &:focus {
-        color: ${interactive};
-        box-shadow: 0 0 0.5rem -0.125rem ${boxShadowColor}, inset 0 0 0 0.125rem ${background};
-        outline: none;
-
-        ${StyledBareButton} {
-          color: ${interactive};
-        }
-      }
-
-      ${StyledIcon} {
-        margin-inline-start: ${spacing};
-        height: 1em;
-        width: 1em;
-      }
-    `;
-});
-StyledSelectable.defaultProps = defaultThemeProp;
-const Selectable = forwardRef(function Selectable({ testId, id, children, onSelect, onRemove, onClick, onKeyUp, ...restProps }, ref) {
-    const consolidatedRef = useConsolidatedRef(ref);
-    const t = useI18n();
-    const testIds = useTestIds(testId, getSelectableTestIds);
-    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(StyledSelectable, { "data-testid": testIds.root, ref: consolidatedRef, onClick: handleClick, onKeyUp: handleKeyUp, ...restProps, children: [_jsx("span", { children: children }), onRemove && (_jsx(BareButton, { "data-testid": testIds.remove, tabIndex: '-1', onClick: handleCloseClick, "aria-label": t('remove'), children: _jsx(Icon, { name: 'times' }) }))] }));
-});
-export default withTestIds(Selectable, getSelectableTestIds);
-//# 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, TestIdProp } from '../../types';\nimport { tryCatch, withTestIds } from '../../utils';\nimport BareButton, { StyledBareButton } from '../Button/BareButton';\nimport Icon, { registerIcon, StyledIcon } from '../Icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport { useConsolidatedRef, useI18n, useTestIds } from '../../hooks';\nimport { defaultThemeProp } from '../../theme';\n\nimport { getSelectableTestIds } from './Badges.test-ids';\n\nregisterIcon(timesIcon);\n\nexport interface SelectableProps extends TestIdProp {\n  /** An id that is used by the onSelect and onRemove functions if they are provided. */\n  id: string;\n  /** The content of the Badge. */\n  children: 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  /** 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.button(\n  ({\n    theme: {\n      base: { spacing, palette, 'border-radius': borderRadius },\n      components: {\n        badges: { selectable }\n      }\n    }\n  }) => {\n    const { foreground, background } = selectable.base;\n    const { dark, 'primary-background': primaryBackground, interactive } = palette;\n\n    const displayBackground = tryCatch(() => mix(0.15, background, primaryBackground));\n    const hoverBorder = tryCatch(() => mix(0.3, background, primaryBackground));\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      font-size: 0.75rem;\n      height: ${height}rem;\n      padding: 0 ${spacing};\n      max-width: 100%;\n      line-height: 1;\n\n      span {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        line-height: normal;\n      }\n\n      &:hover {\n        color: ${interactive};\n        box-shadow: inset 0 0 0 0.0625rem ${hoverBorder};\n\n        ${StyledBareButton} {\n          color: ${interactive};\n        }\n      }\n\n      &:active {\n        box-shadow: inset 0 0 0 0.0625rem ${background};\n      }\n\n      &:focus {\n        color: ${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: ${interactive};\n        }\n      }\n\n      ${StyledIcon} {\n        margin-inline-start: ${spacing};\n        height: 1em;\n        width: 1em;\n      }\n    `;\n  }\n);\n\nStyledSelectable.defaultProps = defaultThemeProp;\n\nconst Selectable: FC<SelectableProps & ForwardProps> = forwardRef(function Selectable(\n  {\n    testId,\n    id,\n    children,\n    onSelect,\n    onRemove,\n    onClick,\n    onKeyUp,\n    ...restProps\n  }: PropsWithoutRef<SelectableProps>,\n  ref: Ref<HTMLButtonElement>\n) {\n  const consolidatedRef = useConsolidatedRef(ref);\n  const t = useI18n();\n  const testIds = useTestIds(testId, getSelectableTestIds);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\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    <StyledSelectable\n      data-testid={testIds.root}\n      ref={consolidatedRef}\n      onClick={handleClick}\n      onKeyUp={handleKeyUp}\n      {...restProps}\n    >\n      <span>{children}</span>\n      {onRemove && (\n        <BareButton\n          data-testid={testIds.remove}\n          tabIndex='-1'\n          onClick={handleCloseClick}\n          aria-label={t('remove')}\n        >\n          <Icon name='times' />\n        </BareButton>\n      )}\n    </StyledSelectable>\n  );\n});\n\nexport default withTestIds(Selectable, getSelectableTestIds);\n"]}

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

@@ -1,19 +0,0 @@
-import { ReactText } from 'react';
-import { WithAttributes, TestIdProp } from '../../types';
-export type StatusProps = WithAttributes<'span', TestIdProp & {
-    /** 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, TestIdProp<undefined> & {
-    /** 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;
-} & Omit<import("../../types").Attributes<"span">, "children" | "testId" | "variant">, never>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<StatusProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# 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,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAc,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMrE,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,MAAM,EACN,UAAU,GAAG;IACX,yFAAyF;IACzF,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC5D,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AACF,eAAO,MAAM,YAAY;IANrB,yFAAyF;aAChF,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM;IAC3D,0DAA0D;cAChD,SAAS;6FAwBrB,CAAC;;;;AAIH,wBAaE"}

package/lib/components/Badges/Status.js

@@ -1,35 +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, withTestIds } from '../../utils';
-import { useTestIds } from '../../hooks';
-import { getStatusTestIds } from './Badges.test-ids';
-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;
-export default withTestIds(forwardRef(function Status({ testId, variant = 'info', children, ...restProps }, ref) {
-    const testIds = useTestIds(testId, getStatusTestIds);
-    return (_jsx(StyledStatus, { "data-testid": testIds.root, ...restProps, variant: variant, ref: ref, children: children }));
-}), getStatusTestIds);
-//# 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,EAAE,UAAU,EAA8B,MAAM,OAAO,CAAC;AAC/D,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,WAAW,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAWrD,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,eAAe,WAAW,CACxB,UAAU,CAAwD,SAAS,MAAM,CAC/E,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EACpD,GAAG;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACrD,OAAO,CACL,KAAC,YAAY,mBAAc,OAAO,CAAC,IAAI,KAAM,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/E,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,EACF,gBAAgB,CACjB,CAAC","sourcesContent":["import { forwardRef, PropsWithoutRef, ReactText } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport { calculateFontSize } from '../../styles';\nimport { defaultThemeProp } from '../../theme';\nimport { RefElement, WithAttributes, TestIdProp } from '../../types';\nimport { tryCatch, withTestIds } from '../../utils';\nimport { useTestIds } from '../../hooks';\n\nimport { getStatusTestIds } from './Badges.test-ids';\n\nexport type StatusProps = WithAttributes<\n  'span',\n  TestIdProp & {\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\nexport default withTestIds(\n  forwardRef<RefElement<StatusProps>, PropsWithoutRef<StatusProps>>(function Status(\n    { testId, variant = 'info', children, ...restProps },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getStatusTestIds);\n    return (\n      <StyledStatus data-testid={testIds.root} {...restProps} variant={variant} ref={ref}>\n        {children}\n      </StyledStatus>\n    );\n  }),\n  getStatusTestIds\n);\n"]}

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

@@ -1,18 +0,0 @@
-import { FC, Ref, MouseEventHandler } from 'react';
-import { BaseProps, ForwardProps, TestIdProp } from '../../types';
-export interface TagProps extends BaseProps, TestIdProp {
-    /** The content of the Badge. */
-    children: string;
-    /** A location to navigate to. Passing an href will render an anchor styled as a Tag. */
-    href?: string;
-    /** Click handler for the badge. Passing an onClick function will render a button styled as a Tag. */
-    onClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
-    /** Ref forwarded to the wrapping element. */
-    ref?: Ref<HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement>;
-}
-export declare const StyledTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-declare const _default: FC<TagProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
-};
-export default _default;
-//# 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,EAAc,GAAG,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMhF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMlE,MAAM,WAAW,QAAS,SAAQ,SAAS,EAAE,UAAU;IACrD,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qGAAqG;IACrG,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACnE,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,SAAS,0GAiCpB,CAAC;;;;AAuBH,wBAA+C"}

package/lib/components/Badges/Tag.js

@@ -1,46 +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, withTestIds } from '../../utils';
-import BareButton from '../Button/BareButton';
-import { useTestIds } from '../../hooks';
-import { getTagTestIds } from './Badges.test-ids';
-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(function Tag({ testId, children, href, onClick, ...restProps }, ref) {
-    const testIds = useTestIds(testId, getTagTestIds);
-    return (_jsx(StyledTag, { "data-testid": testIds.root, ...restProps, as: onClick || href ? BareButton : undefined, href: href, onClick: onClick, ref: ref, children: children }));
-});
-export default withTestIds(Tag, getTagTestIds);
-//# 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,EAA2C,MAAM,OAAO,CAAC;AAChF,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,WAAW,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAalD,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,CAAC,SAAS,GAAG,CAC9D,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAA6B,EAC5E,GAAoB;IAEpB,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,CACL,KAAC,SAAS,mBACK,OAAO,CAAC,IAAI,KACrB,SAAS,EACb,EAAE,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC5C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,YAEP,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC","sourcesContent":["import { FC, forwardRef, Ref, PropsWithoutRef, MouseEventHandler } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch, withTestIds } from '../../utils';\nimport { BaseProps, ForwardProps, TestIdProp } from '../../types';\nimport BareButton from '../Button/BareButton';\nimport { useTestIds } from '../../hooks';\n\nimport { getTagTestIds } from './Badges.test-ids';\n\nexport interface TagProps extends BaseProps, TestIdProp {\n  /** The content of the Badge. */\n  children: string;\n  /** A location to navigate to. Passing an href will render an anchor styled as a Tag. */\n  href?: string;\n  /** Click handler for the badge. Passing an onClick function will render a button styled as a Tag. */\n  onClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement>;\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(function Tag(\n  { testId, children, href, onClick, ...restProps }: PropsWithoutRef<TagProps>,\n  ref: TagProps['ref']\n) {\n  const testIds = useTestIds(testId, getTagTestIds);\n  return (\n    <StyledTag\n      data-testid={testIds.root}\n      {...restProps}\n      as={onClick || href ? BareButton : undefined}\n      href={href}\n      onClick={onClick}\n      ref={ref}\n    >\n      {children}\n    </StyledTag>\n  );\n});\n\nexport default withTestIds(Tag, getTagTestIds);\n"]}

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

@@ -1,13 +0,0 @@
-export { default as Selectable } from './Selection';
-export type { SelectableProps } from './Selection';
-export { default as Alert } from './Alert';
-export type { AlertProps } from './Alert';
-export { default as Count } from './Count';
-export type { CountProps } from './Count';
-export { default as Keyboard } from './Keyboard';
-export type { KeyboardProps } from './Keyboard';
-export { default as Status } from './Status';
-export type { StatusProps } from './Status';
-export { default as Tag } from './Tag';
-export type { 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,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/lib/components/Badges/index.js

@@ -1,7 +0,0 @@
-export { default as Selectable } from './Selection';
-export { default as Alert } from './Alert';
-export { default as Count } from './Count';
-export { default as Keyboard } from './Keyboard';
-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,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,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 type { SelectableProps } from './Selection';\nexport { default as Alert } from './Alert';\nexport type { AlertProps } from './Alert';\nexport { default as Count } from './Count';\nexport type { CountProps } from './Count';\nexport { default as Keyboard } from './Keyboard';\nexport type { KeyboardProps } from './Keyboard';\nexport { default as Status } from './Status';\nexport type { StatusProps } from './Status';\nexport { default as Tag } from './Tag';\nexport type { TagProps } from './Tag';\n"]}