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

package/lib/components/Popover/modifiers.js

@@ -1,126 +0,0 @@
-import { documentIsAvailable, getScrollbarWidth, testElForOverflow } from '../../utils';
-export const sameWidth = Object.freeze({
-    name: 'sameWidth',
-    enabled: true,
-    phase: 'beforeWrite',
-    fn({ state }) {
-        state.styles.popper.width = `${state.rects.reference.width}px`;
-    },
-    requires: ['computeStyles']
-});
-const scrollbarSize = documentIsAvailable ? getScrollbarWidth() : 0;
-export const placeAndContain = Object.freeze({
-    name: 'placeAndContain',
-    enabled: true,
-    phase: 'beforeWrite',
-    requires: ['computeStyles', 'offset'],
-    fn: ({ state }) => {
-        const [requestedPrimaryPlacement, requestedSecondaryPlacement] = state.placement.split('-');
-        const padding = {
-            top: 0,
-            bottom: 0,
-            right: 0,
-            left: 0
-        };
-        const preventOverflowPad = state.orderedModifiers.find(({ name }) => name === 'preventOverflow')
-            ?.options?.padding;
-        if (typeof preventOverflowPad === 'number') {
-            padding.top = preventOverflowPad;
-            padding.bottom = preventOverflowPad;
-            padding.right = preventOverflowPad;
-            padding.left = preventOverflowPad;
-        }
-        else if (preventOverflowPad) {
-            padding.top = preventOverflowPad.top ?? padding.top;
-            padding.bottom = preventOverflowPad.bottom ?? padding.bottom;
-            padding.right = preventOverflowPad.right ?? padding.right;
-            padding.left = preventOverflowPad.left ?? padding.left;
-        }
-        const vw = document.documentElement.clientWidth;
-        const vh = document.documentElement.clientHeight;
-        const targetRect = state.rects.reference;
-        const targetRectXStart = targetRect.x;
-        const targetRectXEnd = targetRectXStart + targetRect.width;
-        const targetRectYStart = targetRect.y;
-        const targetRectYEnd = targetRectYStart + targetRect.height;
-        const targetXMid = (targetRectXStart + targetRectXEnd) / 2;
-        const targetYMid = (targetRectYStart + targetRectYEnd) / 2;
-        const targetIsInLeftHalfOfViewport = targetXMid < vw / 2;
-        const targetIsInTopHalfOfViewport = targetYMid < vh / 2;
-        const offsetFromTargetX = state.modifiersData.offset?.[state.placement]?.x ?? 0;
-        const offsetFromTargetY = state.modifiersData.offset?.[state.placement]?.y ?? 0;
-        let popoverMaxWidth = null;
-        let popoverMaxHeight = null;
-        const totalScrollableChildHeight = Array.from(state.elements.popper.children).reduce((sum, el) => {
-            if (el === state.elements.arrow) {
-                return sum;
-            }
-            if (testElForOverflow(el)[0]) {
-                return sum + el.scrollHeight + scrollbarSize;
-            }
-            return sum + el.scrollHeight;
-        }, 0);
-        const naturalPopoverHeight = Math.max(state.elements.popper.scrollHeight, totalScrollableChildHeight);
-        const naturalPopoverWidth = Math.max(state.elements.popper.scrollWidth, ...Array.from(state.elements.popper.children).map(el => {
-            if (el === state.elements.arrow) {
-                return -Infinity;
-            }
-            if (testElForOverflow(el)[1]) {
-                return el.scrollWidth + scrollbarSize;
-            }
-            return el.scrollWidth;
-        }));
-        let resolvedPlacement = requestedPrimaryPlacement;
-        if (requestedPrimaryPlacement === 'bottom') {
-            popoverMaxHeight = vh - targetRectYEnd - offsetFromTargetY - padding.bottom;
-            if (
-            // If the popover will overflow the viewport bottom
-            targetRectYEnd + offsetFromTargetY + naturalPopoverHeight >
-                vh) {
-                // Choose the side with most allowance
-                resolvedPlacement = targetIsInTopHalfOfViewport ? 'bottom' : 'top';
-            }
-        }
-        else if (requestedPrimaryPlacement === 'top') {
-            popoverMaxHeight = targetRectYStart + offsetFromTargetY - padding.top;
-            if (
-            // If the popover will overflow the viewport top
-            targetRectYStart + offsetFromTargetY - naturalPopoverHeight <
-                0) {
-                // Choose the side with most allowance
-                resolvedPlacement = targetIsInTopHalfOfViewport ? 'bottom' : 'top';
-            }
-        }
-        else if (requestedPrimaryPlacement === 'left') {
-            popoverMaxWidth = targetRectXStart + offsetFromTargetX - padding.left;
-            if (
-            // If the popover will overflow the viewport left
-            targetRectXStart + offsetFromTargetX - naturalPopoverWidth <
-                0) {
-                // Choose the side with most allowance
-                resolvedPlacement = targetIsInLeftHalfOfViewport ? 'right' : 'left';
-            }
-        }
-        else if (requestedPrimaryPlacement === 'right') {
-            popoverMaxWidth = vw - targetRectXEnd - offsetFromTargetX - padding.right;
-            if (
-            // If the popover will overflow the viewport right
-            targetRectXEnd + offsetFromTargetX + naturalPopoverWidth >
-                vw) {
-                // Choose the side with most allowance
-                resolvedPlacement = targetIsInLeftHalfOfViewport ? 'right' : 'left';
-            }
-        }
-        if (resolvedPlacement === 'left' || resolvedPlacement === 'right') {
-            popoverMaxHeight = vh - padding.top - padding.bottom;
-        }
-        state.elements.popper.style.maxHeight = `${popoverMaxHeight}px`;
-        state.elements.popper.style.maxWidth = popoverMaxWidth !== null ? `${popoverMaxWidth}px` : '';
-        resolvedPlacement = `${resolvedPlacement}${(requestedSecondaryPlacement ? `-${requestedSecondaryPlacement}` : '')}`;
-        if (state.placement !== resolvedPlacement) {
-            state.placement = resolvedPlacement;
-            state.reset = true;
-        }
-    }
-});
-//# sourceMappingURL=modifiers.js.map

package/lib/components/Popover/modifiers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modifiers.js","sourceRoot":"","sources":["../../../src/components/Popover/modifiers.ts"],"names":[],"mappings":"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","sourcesContent":["import { Modifier } from '@popperjs/core';\n\nimport { documentIsAvailable, getScrollbarWidth, testElForOverflow } from '../../utils';\n\nexport const sameWidth: Modifier<'sameWidth', object> = Object.freeze({\n  name: 'sameWidth',\n  enabled: true,\n  phase: 'beforeWrite',\n  fn({ state }) {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  requires: ['computeStyles']\n});\n\nconst scrollbarSize = documentIsAvailable ? getScrollbarWidth() : 0;\n\nexport const placeAndContain: Modifier<'placeAndContain', object> = Object.freeze({\n  name: 'placeAndContain',\n  enabled: true,\n  phase: 'beforeWrite',\n  requires: ['computeStyles', 'offset'],\n  fn: ({ state }) => {\n    const [requestedPrimaryPlacement, requestedSecondaryPlacement] = state.placement.split('-') as [\n      primaryPlacement: 'top' | 'bottom' | 'left' | 'right' | 'auto',\n      secondaryPlacement?: 'start' | 'end' | undefined\n    ];\n\n    const padding = {\n      top: 0,\n      bottom: 0,\n      right: 0,\n      left: 0\n    };\n\n    const preventOverflowPad = state.orderedModifiers.find(({ name }) => name === 'preventOverflow')\n      ?.options?.padding;\n\n    if (typeof preventOverflowPad === 'number') {\n      padding.top = preventOverflowPad;\n      padding.bottom = preventOverflowPad;\n      padding.right = preventOverflowPad;\n      padding.left = preventOverflowPad;\n    } else if (preventOverflowPad) {\n      padding.top = preventOverflowPad.top ?? padding.top;\n      padding.bottom = preventOverflowPad.bottom ?? padding.bottom;\n      padding.right = preventOverflowPad.right ?? padding.right;\n      padding.left = preventOverflowPad.left ?? padding.left;\n    }\n\n    const vw = document.documentElement.clientWidth;\n    const vh = document.documentElement.clientHeight;\n\n    const targetRect = state.rects.reference;\n    const targetRectXStart = targetRect.x;\n    const targetRectXEnd = targetRectXStart + targetRect.width;\n    const targetRectYStart = targetRect.y;\n    const targetRectYEnd = targetRectYStart + targetRect.height;\n    const targetXMid = (targetRectXStart + targetRectXEnd) / 2;\n    const targetYMid = (targetRectYStart + targetRectYEnd) / 2;\n    const targetIsInLeftHalfOfViewport = targetXMid < vw / 2;\n    const targetIsInTopHalfOfViewport = targetYMid < vh / 2;\n\n    const offsetFromTargetX = state.modifiersData.offset?.[state.placement]?.x ?? 0;\n    const offsetFromTargetY = state.modifiersData.offset?.[state.placement]?.y ?? 0;\n\n    let popoverMaxWidth: null | number = null;\n    let popoverMaxHeight: null | number = null;\n\n    const totalScrollableChildHeight = Array.from(state.elements.popper.children).reduce(\n      (sum, el) => {\n        if (el === state.elements.arrow) {\n          return sum;\n        }\n\n        if (testElForOverflow(el)[0]) {\n          return sum + el.scrollHeight + scrollbarSize;\n        }\n\n        return sum + el.scrollHeight;\n      },\n      0\n    );\n\n    const naturalPopoverHeight = Math.max(\n      state.elements.popper.scrollHeight,\n      totalScrollableChildHeight\n    );\n\n    const naturalPopoverWidth = Math.max(\n      state.elements.popper.scrollWidth,\n      ...Array.from(state.elements.popper.children).map(el => {\n        if (el === state.elements.arrow) {\n          return -Infinity;\n        }\n\n        if (testElForOverflow(el)[1]) {\n          return el.scrollWidth + scrollbarSize;\n        }\n\n        return el.scrollWidth;\n      })\n    );\n\n    let resolvedPlacement: `${'top' | 'bottom' | 'left' | 'right' | 'auto'}${\n      | ''\n      | '-start'\n      | '-end'}` = requestedPrimaryPlacement;\n\n    if (requestedPrimaryPlacement === 'bottom') {\n      popoverMaxHeight = vh - targetRectYEnd - offsetFromTargetY - padding.bottom;\n\n      if (\n        // If the popover will overflow the viewport bottom\n        targetRectYEnd + offsetFromTargetY + naturalPopoverHeight >\n        vh\n      ) {\n        // Choose the side with most allowance\n        resolvedPlacement = targetIsInTopHalfOfViewport ? 'bottom' : 'top';\n      }\n    } else if (requestedPrimaryPlacement === 'top') {\n      popoverMaxHeight = targetRectYStart + offsetFromTargetY - padding.top;\n\n      if (\n        // If the popover will overflow the viewport top\n        targetRectYStart + offsetFromTargetY - naturalPopoverHeight <\n        0\n      ) {\n        // Choose the side with most allowance\n        resolvedPlacement = targetIsInTopHalfOfViewport ? 'bottom' : 'top';\n      }\n    } else if (requestedPrimaryPlacement === 'left') {\n      popoverMaxWidth = targetRectXStart + offsetFromTargetX - padding.left;\n\n      if (\n        // If the popover will overflow the viewport left\n        targetRectXStart + offsetFromTargetX - naturalPopoverWidth <\n        0\n      ) {\n        // Choose the side with most allowance\n        resolvedPlacement = targetIsInLeftHalfOfViewport ? 'right' : 'left';\n      }\n    } else if (requestedPrimaryPlacement === 'right') {\n      popoverMaxWidth = vw - targetRectXEnd - offsetFromTargetX - padding.right;\n\n      if (\n        // If the popover will overflow the viewport right\n        targetRectXEnd + offsetFromTargetX + naturalPopoverWidth >\n        vw\n      ) {\n        // Choose the side with most allowance\n        resolvedPlacement = targetIsInLeftHalfOfViewport ? 'right' : 'left';\n      }\n    }\n\n    if (resolvedPlacement === 'left' || resolvedPlacement === 'right') {\n      popoverMaxHeight = vh - padding.top - padding.bottom;\n    }\n\n    state.elements.popper.style.maxHeight = `${popoverMaxHeight}px`;\n\n    state.elements.popper.style.maxWidth = popoverMaxWidth !== null ? `${popoverMaxWidth}px` : '';\n\n    resolvedPlacement = `${resolvedPlacement}${\n      (requestedSecondaryPlacement ? `-${requestedSecondaryPlacement}` : '') as\n        | ''\n        | '-start'\n        | '-end'\n    }`;\n\n    if (state.placement !== resolvedPlacement) {\n      state.placement = resolvedPlacement;\n      state.reset = true;\n    }\n  }\n});\n"]}

package/lib/components/Progress/Bar.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '../../types';
-import { ProgressProps } from './Progress.types';
-declare const Bar: FC<ProgressProps & ForwardProps>;
-export default Bar;
-//# sourceMappingURL=Bar.d.ts.map

package/lib/components/Progress/Bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA8C,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CAiCxC,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/lib/components/Progress/Bar.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { StyledProgressBar } from './Progress.styles';
-const Bar = forwardRef(function Bar({ value, minValue = 0, maxValue = 100, message, placement, style, ...restProps }, ref) {
-    let percentage = value;
-    if (typeof value === 'number') {
-        if (value > maxValue || minValue > maxValue)
-            percentage = 0;
-        else if (value < minValue)
-            percentage = 100;
-        else
-            percentage = (1 - (value - minValue) / (maxValue - minValue)) * -100;
-    }
-    return (_jsx(StyledProgressBar, { ref: ref, role: 'progressbar', "aria-valuemin": minValue, "aria-valuemax": maxValue, "aria-valuenow": value, placement: placement, determinate: typeof value === 'number', style: { ...style, '--progress': percentage ? `${percentage}%` : '' }, ...restProps }));
-});
-export default Bar;
-//# sourceMappingURL=Bar.js.map

package/lib/components/Progress/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","sourceRoot":"","sources":["../../../src/components/Progress/Bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,GAAG,GAAqC,UAAU,CAAC,SAAS,GAAG,CACnE,EACE,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EAC+C,EAC7D,GAAyB;IAEzB,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,IAAI,KAAK,GAAG,QAAQ,IAAI,QAAQ,GAAG,QAAQ;YAAE,UAAU,GAAG,CAAC,CAAC;aACvD,IAAI,KAAK,GAAG,QAAQ;YAAE,UAAU,GAAG,GAAG,CAAC;;YACvC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;KAC3E;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,QAAQ,mBACR,QAAQ,mBACR,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,OAAO,KAAK,KAAK,QAAQ,EACtC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,EAAmB,KAClF,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC","sourcesContent":["import { FC, forwardRef, PropsWithoutRef, CSSProperties } from 'react';\n\nimport { ForwardProps } from '../../types';\n\nimport { StyledProgressBar } from './Progress.styles';\nimport { ProgressProps } from './Progress.types';\n\nconst Bar: FC<ProgressProps & ForwardProps> = forwardRef(function Bar(\n  {\n    value,\n    minValue = 0,\n    maxValue = 100,\n    message,\n    placement,\n    style,\n    ...restProps\n  }: PropsWithoutRef<ProgressProps & { style?: CSSProperties }>,\n  ref: ProgressProps['ref']\n) {\n  let percentage = value;\n\n  if (typeof value === 'number') {\n    if (value > maxValue || minValue > maxValue) percentage = 0;\n    else if (value < minValue) percentage = 100;\n    else percentage = (1 - (value - minValue) / (maxValue - minValue)) * -100;\n  }\n\n  return (\n    <StyledProgressBar\n      ref={ref}\n      role='progressbar'\n      aria-valuemin={minValue}\n      aria-valuemax={maxValue}\n      aria-valuenow={value}\n      placement={placement}\n      determinate={typeof value === 'number'}\n      style={{ ...style, '--progress': percentage ? `${percentage}%` : '' } as CSSProperties}\n      {...restProps}\n    />\n  );\n});\n\nexport default Bar;\n"]}

package/lib/components/Progress/Ellipsis.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '../../types';
-import { ProgressProps } from './Progress.types';
-declare const Ellipsis: FC<ProgressProps & ForwardProps>;
-export default Ellipsis;
-//# sourceMappingURL=Ellipsis.d.ts.map

package/lib/components/Progress/Ellipsis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Ellipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CAa7C,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/Progress/Ellipsis.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { StyledProgressEllipsis } from './Progress.styles';
-const Ellipsis = forwardRef(function Ellipsis({ message, placement, ...restProps }, ref) {
-    return (_jsx(StyledProgressEllipsis, { ref: ref, role: 'progressbar', placement: placement, ...restProps, children: _jsxs("span", { children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }) }));
-});
-export default Ellipsis;
-//# sourceMappingURL=Ellipsis.js.map

package/lib/components/Progress/Ellipsis.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipsis.js","sourceRoot":"","sources":["../../../src/components/Progress/Ellipsis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAmB,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,MAAM,QAAQ,GAAqC,UAAU,CAAC,SAAS,QAAQ,CAC7E,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAkC,EACpE,GAAyB;IAEzB,OAAO,CACL,KAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,SAAS,KAAM,SAAS,YACtF,2BACE,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACH,GACgB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { FC, forwardRef, PropsWithoutRef } from 'react';\n\nimport { ForwardProps } from '../../types';\n\nimport { StyledProgressEllipsis } from './Progress.styles';\nimport { ProgressProps } from './Progress.types';\n\nconst Ellipsis: FC<ProgressProps & ForwardProps> = forwardRef(function Ellipsis(\n  { message, placement, ...restProps }: PropsWithoutRef<ProgressProps>,\n  ref: ProgressProps['ref']\n) {\n  return (\n    <StyledProgressEllipsis ref={ref} role='progressbar' placement={placement} {...restProps}>\n      <span>\n        <span />\n        <span />\n        <span />\n      </span>\n    </StyledProgressEllipsis>\n  );\n});\n\nexport default Ellipsis;\n"]}

package/lib/components/Progress/Progress.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '../../types';
-import { ProgressProps } from './Progress.types';
-declare const Progress: FC<ProgressProps & ForwardProps>;
-export default Progress;
-//# sourceMappingURL=Progress.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAejD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CA8K7C,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/Progress/Progress.js

@@ -1,120 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import Text from '../Text';
-import { useConfiguration, useConsolidatedRef, useI18n, useLiveLog } from '../../hooks';
-import Flex from '../Flex';
-import Bar from './Bar';
-import Ellipsis from './Ellipsis';
-import Ring from './Ring';
-import { StyledMessage, StyledProgress, StyledProgressBackdrop } from './Progress.styles';
-const variantMap = {
-    ring: Ring,
-    bar: Bar,
-    ellipsis: Ellipsis
-};
-const delayDuration = 100;
-const minVisibleDuration = 1000;
-const Progress = forwardRef(function Progress({ variant = 'ring', placement = 'global', visible: visibleProp = true, focusOnVisible = false, delay = false, onTransitionEndIn, onTransitionEndOut, value, message, liveConfig, ...restProps }, ref) {
-    const t = useI18n();
-    const { portalTarget } = useConfiguration();
-    const { announcePolite } = useLiveLog();
-    const progressEl = useConsolidatedRef(ref);
-    // Rendering states. Both are needed due to Backdrop's transition phase where isVisibleState is false but nullRender is true until onAfterTransitionOut.
-    const [isVisibleState, setIsVisibleState] = useState(delay ? false : visibleProp);
-    const [nullRender, setNullRender] = useState(!isVisibleState);
-    // Refs for timestamps and timeout ids.
-    const timeBeforeVisibleRender = useRef();
-    const timeAfterVisibleRender = useRef();
-    const delayTimer = useRef();
-    const minVisibleTimer = useRef();
-    const hasBackdrop = placement === 'global' || placement === 'local';
-    const valString = typeof value === 'number' ? `${value}%` : undefined;
-    const label = message && valString ? `${message} - ${valString}` : message || valString;
-    const renderVisible = () => {
-        setIsVisibleState(true);
-        setNullRender(false);
-    };
-    const renderNotVisible = () => {
-        setIsVisibleState(false);
-        // With a transition, setNullRender needs to be called in Backdrop's onAfterTransitionOut.
-        if (!hasBackdrop) {
-            setNullRender(true);
-        }
-    };
-    // Handle render and visible state.
-    useEffect(() => {
-        if (visibleProp) {
-            // Capture a timestamp for additional timers.
-            timeBeforeVisibleRender.current = Date.now();
-            if (delay) {
-                delayTimer.current = window.setTimeout(renderVisible, delayDuration);
-            }
-            else {
-                renderVisible();
-            }
-        }
-        else if (
-        // A timer was started to render visible either avoid it or render null.
-        delayTimer.current !== undefined) {
-            // If a timeout has started to render visible, clear it.
-            clearTimeout(delayTimer.current);
-            // If the indicator has already rendered visible.
-            if (timeAfterVisibleRender.current !== undefined) {
-                const timeElapsedSinceLastVisibleRender = Date.now() - timeAfterVisibleRender.current;
-                // If the indicator has been visible for long enough we can remove it.
-                if (timeElapsedSinceLastVisibleRender >= minVisibleDuration) {
-                    renderNotVisible();
-                }
-                else {
-                    // Hold off removing until we hit the minimum visible time.
-                    minVisibleTimer.current = window.setTimeout(renderNotVisible, minVisibleDuration - timeElapsedSinceLastVisibleRender);
-                }
-            }
-            else {
-                renderNotVisible();
-            }
-        }
-        else {
-            renderNotVisible();
-        }
-    }, 
-    // visibleProp is the only triggerable dependency. Others values will be captured.
-    [visibleProp]);
-    // Live announcement
-    useEffect(() => {
-        if (liveConfig?.contextualLabel && isVisibleState) {
-            announcePolite({
-                message: `${liveConfig.contextualLabel}, ${label ?? t('loading')}`,
-                type: 'status'
-            });
-        }
-    }, 
-    // isVisibleState is the only triggerable dependency. Others values will be captured.
-    [isVisibleState]);
-    // Auto focusing and render timestamping.
-    useEffect(() => {
-        if (!nullRender && isVisibleState) {
-            // After a visible render set a timestamp for timers above.
-            timeAfterVisibleRender.current = Date.now();
-            if (focusOnVisible)
-                progressEl.current?.focus();
-        }
-    }, 
-    // nullRender is the only triggerable dependency. Others values will be captured.
-    [nullRender]);
-    if (nullRender)
-        return null;
-    const CompVariant = variantMap[variant];
-    let indicator = (_jsx(CompVariant, { "aria-label": typeof value !== 'number' ? label : t('loading'), as: placement === 'inline' ? 'span' : undefined, ...restProps, placement: placement, value: value, "aria-valuetext": typeof value === 'number' ? label : undefined, ref: progressEl, tabIndex: -1 }));
-    if (placement !== 'inline') {
-        indicator = (_jsxs(Flex, { container: { direction: 'column', alignItems: 'center', gap: 0.5 }, as: StyledProgress, placement: placement, children: [indicator, message && (_jsx(Text, { as: StyledMessage, variant: 'secondary', "aria-hidden": 'true', children: message }))] }));
-    }
-    const content = hasBackdrop ? (_jsx(StyledProgressBackdrop, { open: isVisibleState, container: { direction: 'column' }, position: placement === 'global' ? 'fixed' : 'absolute', variant: 'light', alpha: 0.8, onAfterTransitionIn: onTransitionEndIn, onAfterTransitionOut: () => {
-            setNullRender(true);
-            onTransitionEndOut?.();
-        }, children: indicator })) : (indicator);
-    return placement === 'global' && portalTarget ? createPortal(content, portalTarget) : content;
-});
-export default Progress;
-//# sourceMappingURL=Progress.js.map

package/lib/components/Progress/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, PropsWithoutRef, FC, useState, useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { ForwardProps } from '../../types';\nimport Text from '../Text';\nimport { useConfiguration, useConsolidatedRef, useI18n, useLiveLog } from '../../hooks';\nimport Flex from '../Flex';\n\nimport { ProgressProps } from './Progress.types';\nimport Bar from './Bar';\nimport Ellipsis from './Ellipsis';\nimport Ring from './Ring';\nimport { StyledMessage, StyledProgress, StyledProgressBackdrop } from './Progress.styles';\n\nconst variantMap = {\n  ring: Ring,\n  bar: Bar,\n  ellipsis: Ellipsis\n} as const;\n\nconst delayDuration = 100;\nconst minVisibleDuration = 1000;\n\nconst Progress: FC<ProgressProps & ForwardProps> = forwardRef(function Progress(\n  {\n    variant = 'ring',\n    placement = 'global',\n    visible: visibleProp = true,\n    focusOnVisible = false,\n    delay = false,\n    onTransitionEndIn,\n    onTransitionEndOut,\n    value,\n    message,\n    liveConfig,\n    ...restProps\n  }: PropsWithoutRef<ProgressProps>,\n  ref: ProgressProps['ref']\n) {\n  const t = useI18n();\n  const { portalTarget } = useConfiguration();\n  const { announcePolite } = useLiveLog();\n  const progressEl = useConsolidatedRef<HTMLDivElement>(ref);\n\n  // Rendering states. Both are needed due to Backdrop's transition phase where isVisibleState is false but nullRender is true until onAfterTransitionOut.\n  const [isVisibleState, setIsVisibleState] = useState(delay ? false : visibleProp);\n  const [nullRender, setNullRender] = useState(!isVisibleState);\n\n  // Refs for timestamps and timeout ids.\n  const timeBeforeVisibleRender = useRef<number>();\n  const timeAfterVisibleRender = useRef<number>();\n  const delayTimer = useRef<number>();\n  const minVisibleTimer = useRef<number>();\n\n  const hasBackdrop = placement === 'global' || placement === 'local';\n  const valString = typeof value === 'number' ? `${value}%` : undefined;\n  const label = message && valString ? `${message} - ${valString}` : message || valString;\n\n  const renderVisible = () => {\n    setIsVisibleState(true);\n    setNullRender(false);\n  };\n\n  const renderNotVisible = () => {\n    setIsVisibleState(false);\n    // With a transition, setNullRender needs to be called in Backdrop's onAfterTransitionOut.\n    if (!hasBackdrop) {\n      setNullRender(true);\n    }\n  };\n\n  // Handle render and visible state.\n  useEffect(\n    () => {\n      if (visibleProp) {\n        // Capture a timestamp for additional timers.\n        timeBeforeVisibleRender.current = Date.now();\n\n        if (delay) {\n          delayTimer.current = window.setTimeout(renderVisible, delayDuration);\n        } else {\n          renderVisible();\n        }\n      } else if (\n        // A timer was started to render visible either avoid it or render null.\n        delayTimer.current !== undefined\n      ) {\n        // If a timeout has started to render visible, clear it.\n        clearTimeout(delayTimer.current);\n\n        // If the indicator has already rendered visible.\n        if (timeAfterVisibleRender.current !== undefined) {\n          const timeElapsedSinceLastVisibleRender = Date.now() - timeAfterVisibleRender.current;\n\n          // If the indicator has been visible for long enough we can remove it.\n          if (timeElapsedSinceLastVisibleRender >= minVisibleDuration) {\n            renderNotVisible();\n          } else {\n            // Hold off removing until we hit the minimum visible time.\n            minVisibleTimer.current = window.setTimeout(\n              renderNotVisible,\n              minVisibleDuration - timeElapsedSinceLastVisibleRender\n            );\n          }\n        } else {\n          renderNotVisible();\n        }\n      } else {\n        renderNotVisible();\n      }\n    },\n    // visibleProp is the only triggerable dependency. Others values will be captured.\n    [visibleProp]\n  );\n\n  // Live announcement\n  useEffect(\n    () => {\n      if (liveConfig?.contextualLabel && isVisibleState) {\n        announcePolite({\n          message: `${liveConfig.contextualLabel}, ${label ?? t('loading')}`,\n          type: 'status'\n        });\n      }\n    },\n    // isVisibleState is the only triggerable dependency. Others values will be captured.\n    [isVisibleState]\n  );\n\n  // Auto focusing and render timestamping.\n  useEffect(\n    () => {\n      if (!nullRender && isVisibleState) {\n        // After a visible render set a timestamp for timers above.\n        timeAfterVisibleRender.current = Date.now();\n\n        if (focusOnVisible) progressEl.current?.focus();\n      }\n    },\n    // nullRender is the only triggerable dependency. Others values will be captured.\n    [nullRender]\n  );\n\n  if (nullRender) return null;\n\n  const CompVariant = variantMap[variant];\n\n  let indicator = (\n    <CompVariant\n      aria-label={typeof value !== 'number' ? label : t('loading')}\n      as={placement === 'inline' ? 'span' : undefined}\n      {...restProps}\n      placement={placement}\n      value={value}\n      aria-valuetext={typeof value === 'number' ? label : undefined}\n      ref={progressEl}\n      tabIndex={-1}\n    />\n  );\n\n  if (placement !== 'inline') {\n    indicator = (\n      <Flex\n        container={{ direction: 'column', alignItems: 'center', gap: 0.5 }}\n        as={StyledProgress}\n        placement={placement}\n      >\n        {indicator}\n        {message && (\n          <Text as={StyledMessage} variant='secondary' aria-hidden='true'>\n            {message}\n          </Text>\n        )}\n      </Flex>\n    );\n  }\n\n  const content = hasBackdrop ? (\n    <StyledProgressBackdrop\n      open={isVisibleState}\n      container={{ direction: 'column' }}\n      position={placement === 'global' ? 'fixed' : 'absolute'}\n      variant='light'\n      alpha={0.8}\n      onAfterTransitionIn={onTransitionEndIn}\n      onAfterTransitionOut={() => {\n        setNullRender(true);\n        onTransitionEndOut?.();\n      }}\n    >\n      {indicator}\n    </StyledProgressBackdrop>\n  ) : (\n    indicator\n  );\n\n  return placement === 'global' && portalTarget ? createPortal(content, portalTarget) : content;\n});\n\nexport default Progress;\n"]}

package/lib/components/Progress/Progress.styles.d.ts

@@ -1,14 +0,0 @@
-import { ProgressProps } from './Progress.types';
-export declare const StyledProgressBackdrop: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Backdrop").BackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly []>;
-}, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledProgressRing: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ProgressProps, "placement"> & {
-    determinate: boolean;
-}, never>;
-export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ProgressProps & {
-    determinate: boolean;
-}, never>;
-export declare const StyledProgressEllipsis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ProgressProps, "placement">, never>;
-export declare const StyledMessage: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledProgress: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Flex").FlexProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, Pick<ProgressProps, "placement">, never>;
-//# sourceMappingURL=Progress.styles.d.ts.map

package/lib/components/Progress/Progress.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,sBAAsB;;uDAAqB,CAAC;AAczD,eAAO,MAAM,kBAAkB;iBACqB,OAAO;SAkDzD,CAAC;AAIH,eAAO,MAAM,iBAAiB;iBACG,OAAO;SAwDtC,CAAC;AAIH,eAAO,MAAM,sBAAsB,uIAsEjC,CAAC;AAIH,eAAO,MAAM,aAAa,0GAexB,CAAC;AAIH,eAAO,MAAM,cAAc,+NAc1B,CAAC"}

package/lib/components/Progress/Progress.styles.js

@@ -1,222 +0,0 @@
-import { rgba, readableColor } from 'polished';
-import styled, { css } from 'styled-components';
-import { calculateFontSize } from '../../styles';
-import { defaultThemeProp } from '../../theme';
-import { tryCatch } from '../../utils';
-import Backdrop from '../Backdrop';
-import Flex from '../Flex';
-export const StyledProgressBackdrop = styled(Backdrop) ``;
-const StyledProgressVisual = styled.div(({ theme }) => {
-    return css `
-    &:focus-visible {
-      box-shadow: ${theme.components.button['focus-shadow']};
-      outline: none;
-      border-radius: calc(9999 * ${theme.base['border-radius']});
-    }
-  `;
-});
-StyledProgressVisual.defaultProps = defaultThemeProp;
-export const StyledProgressRing = styled(StyledProgressVisual)(({ theme, placement, determinate }) => {
-    const size = placement === 'inline' ? '1em' : '2rem';
-    return css `
-    position: relative;
-
-    svg {
-      display: block;
-      width: ${size};
-      height: ${size};
-
-      circle {
-        fill: transparent;
-        stroke: ${theme.base.colors.gray['extra-light']};
-        stroke-width: 2;
-        r: 45%;
-        cx: 50%;
-        cy: 50%;
-        transform: rotate(-90deg);
-        transform-origin: 50% 50%;
-
-        &:nth-child(2) {
-          stroke: ${theme.components.progress['progress-color']};
-          transition: stroke-dashoffset calc(0.5 * ${theme.base.animation.speed})
-            ${theme.base.animation.timing.ease};
-
-          ${!determinate &&
-        css `
-            @keyframes LoadingRing {
-              0% {
-                transform: rotate(0deg);
-              }
-
-              100% {
-                transform: rotate(360deg);
-              }
-            }
-            animation: LoadingRing calc(4 * ${theme.base.animation.speed}) linear infinite;
-          `}
-        }
-      }
-    }
-
-    ${placement === 'inline' &&
-        css `
-      display: inline-flex;
-      vertical-align: top;
-    `}
-  `;
-});
-StyledProgressRing.defaultProps = defaultThemeProp;
-export const StyledProgressBar = styled(StyledProgressVisual)(({ theme, placement, determinate }) => {
-    return css `
-    background-color: ${theme.base.colors.gray['extra-light']};
-    border-radius: ${theme.base['border-radius']};
-    ${placement === 'local'
-        ? css `
-          width: calc(100% - 4 * ${theme.base.spacing});
-        `
-        : css `
-          width: 100%;
-        `}
-    height: 0.375rem;
-    min-width: 2rem;
-    max-width: min(calc(100vw - 4 * ${theme.base.spacing}), ${theme.base['content-width'].lg});
-    overflow: hidden;
-
-    ::before {
-      content: '';
-      display: block;
-      height: 100%;
-      width: 100%;
-      left: 0;
-      border-radius: ${theme.base['border-radius']};
-      background-color: ${theme.components.progress['progress-color']};
-      ${determinate &&
-        css `
-        transform: translateX(var(--progress, 0));
-        transform-origin: 0 50%;
-        transition: transform calc(0.5 * ${theme.base.animation.speed})
-          ${theme.base.animation.timing.ease};
-      `}
-
-      ${!determinate &&
-        css `
-        @keyframes LoadingBar {
-          0% {
-            transform: translateX(-100%);
-          }
-
-          100% {
-            transform: translateX(200%);
-          }
-        }
-        animation: LoadingBar calc(8 * ${theme.base.animation.speed}) linear infinite;
-        width: 50%;
-      `}
-    }
-
-    ${placement === 'inline' &&
-        css `
-      width: 3rem;
-      display: inline-block;
-      position: relative;
-    `}
-  `;
-});
-StyledProgressBar.defaultProps = defaultThemeProp;
-export const StyledProgressEllipsis = styled(StyledProgressVisual)(({ theme, placement }) => {
-    return css `
-    line-height: 1;
-    display: ${placement === 'inline' ? 'inline-flex' : 'block'};
-
-    @keyframes LoadingEllipsis {
-      0% {
-        transform: scale(0);
-        opacity: 0;
-      }
-
-      50% {
-        transform: scale(1);
-        opacity: 1;
-      }
-
-      100% {
-        transform: scale(0);
-        opacity: 0;
-      }
-    }
-
-    > span {
-      display: flex;
-      justify-content: center;
-      mix-blend-mode: multiply;
-
-      ${placement === 'inline' &&
-        css `
-        display: inline-flex;
-      `}
-    }
-
-    > span span {
-      margin: 0 0.3125rem;
-      background: ${theme.components.progress['progress-color']};
-      border-radius: 50%;
-      animation: LoadingEllipsis calc(4 * ${theme.base.animation.speed}) infinite;
-
-      ${placement === 'global' &&
-        css `
-        width: 1.25rem;
-        height: 1.25rem;
-      `}
-
-      ${(placement === 'local' || placement === 'block') &&
-        css `
-        width: 0.625rem;
-        height: 0.625rem;
-      `}
-
-      ${placement === 'inline' &&
-        css `
-        width: 0.1875rem;
-        height: 0.1875rem;
-        margin: 0 0.1875rem;
-        animation-duration: calc(4 * ${theme.base.animation.speed});
-      `}
-
-      &:nth-child(2) {
-        animation-delay: 0.1667s;
-      }
-
-      &:nth-child(3) {
-        animation-delay: ${0.1667 * 2}s;
-      }
-    }
-  `;
-});
-StyledProgressEllipsis.defaultProps = defaultThemeProp;
-export const StyledMessage = styled.span(({ theme }) => {
-    const color = tryCatch(() => {
-        return rgba(readableColor(theme.base.palette['primary-background']), theme.base.transparency['transparent-3']);
-    });
-    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
-    return css `
-    font-size: ${fontSize[theme.components.label['font-size']]};
-    font-weight: ${theme.base['font-weight']['semi-bold']};
-    color: ${color};
-  `;
-});
-StyledMessage.defaultProps = defaultThemeProp;
-export const StyledProgress = styled(Flex)(({ theme, placement }) => {
-    return css `
-      ${placement !== 'inline' &&
-        css `
-        width: 100%;
-      `}
-
-      ${placement === 'block' &&
-        css `
-        margin-block: calc(2 * ${theme.base.spacing});
-      `}
-    `;
-});
-StyledProgress.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Progress.styles.js.map

package/lib/components/Progress/Progress.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.styles.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { rgba, readableColor } from 'polished';\nimport styled, { css } from 'styled-components';\n\nimport { calculateFontSize, FontSize } from '../../styles';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport Backdrop from '../Backdrop';\nimport Flex from '../Flex';\n\nimport { ProgressProps } from './Progress.types';\n\nexport const StyledProgressBackdrop = styled(Backdrop)``;\n\nconst StyledProgressVisual = styled.div(({ theme }) => {\n  return css`\n    &:focus-visible {\n      box-shadow: ${theme.components.button['focus-shadow']};\n      outline: none;\n      border-radius: calc(9999 * ${theme.base['border-radius']});\n    }\n  `;\n});\n\nStyledProgressVisual.defaultProps = defaultThemeProp;\n\nexport const StyledProgressRing = styled(StyledProgressVisual)<\n  Pick<ProgressProps, 'placement'> & { determinate: boolean }\n>(({ theme, placement, determinate }) => {\n  const size = placement === 'inline' ? '1em' : '2rem';\n\n  return css`\n    position: relative;\n\n    svg {\n      display: block;\n      width: ${size};\n      height: ${size};\n\n      circle {\n        fill: transparent;\n        stroke: ${theme.base.colors.gray['extra-light']};\n        stroke-width: 2;\n        r: 45%;\n        cx: 50%;\n        cy: 50%;\n        transform: rotate(-90deg);\n        transform-origin: 50% 50%;\n\n        &:nth-child(2) {\n          stroke: ${theme.components.progress['progress-color']};\n          transition: stroke-dashoffset calc(0.5 * ${theme.base.animation.speed})\n            ${theme.base.animation.timing.ease};\n\n          ${!determinate &&\n          css`\n            @keyframes LoadingRing {\n              0% {\n                transform: rotate(0deg);\n              }\n\n              100% {\n                transform: rotate(360deg);\n              }\n            }\n            animation: LoadingRing calc(4 * ${theme.base.animation.speed}) linear infinite;\n          `}\n        }\n      }\n    }\n\n    ${placement === 'inline' &&\n    css`\n      display: inline-flex;\n      vertical-align: top;\n    `}\n  `;\n});\n\nStyledProgressRing.defaultProps = defaultThemeProp;\n\nexport const StyledProgressBar = styled(StyledProgressVisual)<\n  ProgressProps & { determinate: boolean }\n>(({ theme, placement, determinate }) => {\n  return css`\n    background-color: ${theme.base.colors.gray['extra-light']};\n    border-radius: ${theme.base['border-radius']};\n    ${placement === 'local'\n      ? css`\n          width: calc(100% - 4 * ${theme.base.spacing});\n        `\n      : css`\n          width: 100%;\n        `}\n    height: 0.375rem;\n    min-width: 2rem;\n    max-width: min(calc(100vw - 4 * ${theme.base.spacing}), ${theme.base['content-width'].lg});\n    overflow: hidden;\n\n    ::before {\n      content: '';\n      display: block;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      border-radius: ${theme.base['border-radius']};\n      background-color: ${theme.components.progress['progress-color']};\n      ${determinate &&\n      css`\n        transform: translateX(var(--progress, 0));\n        transform-origin: 0 50%;\n        transition: transform calc(0.5 * ${theme.base.animation.speed})\n          ${theme.base.animation.timing.ease};\n      `}\n\n      ${!determinate &&\n      css`\n        @keyframes LoadingBar {\n          0% {\n            transform: translateX(-100%);\n          }\n\n          100% {\n            transform: translateX(200%);\n          }\n        }\n        animation: LoadingBar calc(8 * ${theme.base.animation.speed}) linear infinite;\n        width: 50%;\n      `}\n    }\n\n    ${placement === 'inline' &&\n    css`\n      width: 3rem;\n      display: inline-block;\n      position: relative;\n    `}\n  `;\n});\n\nStyledProgressBar.defaultProps = defaultThemeProp;\n\nexport const StyledProgressEllipsis = styled(StyledProgressVisual)<\n  Pick<ProgressProps, 'placement'>\n>(({ theme, placement }) => {\n  return css`\n    line-height: 1;\n    display: ${placement === 'inline' ? 'inline-flex' : 'block'};\n\n    @keyframes LoadingEllipsis {\n      0% {\n        transform: scale(0);\n        opacity: 0;\n      }\n\n      50% {\n        transform: scale(1);\n        opacity: 1;\n      }\n\n      100% {\n        transform: scale(0);\n        opacity: 0;\n      }\n    }\n\n    > span {\n      display: flex;\n      justify-content: center;\n      mix-blend-mode: multiply;\n\n      ${placement === 'inline' &&\n      css`\n        display: inline-flex;\n      `}\n    }\n\n    > span span {\n      margin: 0 0.3125rem;\n      background: ${theme.components.progress['progress-color']};\n      border-radius: 50%;\n      animation: LoadingEllipsis calc(4 * ${theme.base.animation.speed}) infinite;\n\n      ${placement === 'global' &&\n      css`\n        width: 1.25rem;\n        height: 1.25rem;\n      `}\n\n      ${(placement === 'local' || placement === 'block') &&\n      css`\n        width: 0.625rem;\n        height: 0.625rem;\n      `}\n\n      ${placement === 'inline' &&\n      css`\n        width: 0.1875rem;\n        height: 0.1875rem;\n        margin: 0 0.1875rem;\n        animation-duration: calc(4 * ${theme.base.animation.speed});\n      `}\n\n      &:nth-child(2) {\n        animation-delay: 0.1667s;\n      }\n\n      &:nth-child(3) {\n        animation-delay: ${0.1667 * 2}s;\n      }\n    }\n  `;\n});\n\nStyledProgressEllipsis.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.span(({ theme }) => {\n  const color = tryCatch(() => {\n    return rgba(\n      readableColor(theme.base.palette['primary-background']),\n      theme.base.transparency['transparent-3']\n    );\n  });\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    color: ${color};\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledProgress = styled(Flex)<Pick<ProgressProps, 'placement'>>(\n  ({ theme, placement }) => {\n    return css`\n      ${placement !== 'inline' &&\n      css`\n        width: 100%;\n      `}\n\n      ${placement === 'block' &&\n      css`\n        margin-block: calc(2 * ${theme.base.spacing});\n      `}\n    `;\n  }\n);\n\nStyledProgress.defaultProps = defaultThemeProp;\n"]}