@databricks/design-system 1.12.17 → 1.12.19

package/dist/design-system/Skeleton/ParagraphSkeleton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { getOffsets, genSkeletonAnimatedColor } from './utils';
+import { useDesignSystemTheme } from '../Hooks';
+import { LoadingState } from '../LoadingState/LoadingState';
+import { visuallyHidden } from '../utils';
+import { addDebugOutlineIfEnabled } from '../utils/debug';
+const paragraphContainerStyles = css({
+    cursor: 'progress',
+    width: '100%',
+    height: 20,
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+});
+const paragraphFillStyles = css({
+    borderRadius: 'var(--border-radius)',
+    height: 8,
+});
+export const ParagraphSkeleton = ({ label, seed = '', frameRate = 60, style, loading = true, loadingDescription = 'ParagraphSkeleton', ...restProps }) => {
+    const { theme } = useDesignSystemTheme();
+    const offsetWidth = getOffsets(seed)[0];
+    return (_jsxs("div", { ...addDebugOutlineIfEnabled(), css: paragraphContainerStyles, style: {
+            ...style,
+            ['--border-radius']: `${theme.general.borderRadiusBase}px`,
+        }, ...restProps, children: [loading && _jsx(LoadingState, { description: loadingDescription }), _jsx("span", { css: visuallyHidden, children: label }), _jsx("div", { "aria-hidden": true, css: [
+                    paragraphFillStyles,
+                    genSkeletonAnimatedColor(theme, frameRate),
+                    { width: `calc(100% - ${offsetWidth}px)` },
+                ] })] }));
+};
+//# sourceMappingURL=ParagraphSkeleton.js.map

package/dist/design-system/Skeleton/ParagraphSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphSkeleton.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/ParagraphSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,MAAM,wBAAwB,GAAG,GAAG,CAAC;IACnC,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC;IAC9B,YAAY,EAAE,sBAAsB;IACpC,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,KAAK,EACL,OAAO,GAAG,IAAI,EACd,kBAAkB,GAAG,mBAAmB,EACxC,GAAG,SAAS,EACW,EAAE,EAAE;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,kBACM,wBAAwB,EAAE,EAC9B,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,CAAC,iBAAwB,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,IAAI;SAClE,KACG,SAAS,aAEZ,OAAO,IAAI,KAAC,YAAY,IAAC,WAAW,EAAE,kBAAkB,GAAI,EAC7D,eAAM,GAAG,EAAE,cAAc,YAAG,KAAK,GAAQ,EACzC,mCAEE,GAAG,EAAE;oBACH,mBAAmB;oBACnB,wBAAwB,CAAC,KAAK,EAAE,SAAS,CAAC;oBAC1C,EAAE,KAAK,EAAE,eAAe,WAAW,KAAK,EAAE;iBAC3C,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Skeleton/TableSkeleton.d.ts

@@ -13,6 +13,8 @@ export interface TableSkeletonProps extends HTMLDataAttributes {
     frameRate?: number;
     /** Style property */
     style?: CSSProperties;
+    /** Label for screen readers */
+    label?: React.ReactNode;
 }
 export declare const TableSkeleton: React.FC<TableSkeletonProps>;
 interface TableSkeletonRowsProps<TData> extends WithLoadingState {

package/dist/design-system/Skeleton/TableSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TableSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAKrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;sGACkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAmBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuCtD,CAAC;AAEF,UAAU,sBAAsB,CAAC,KAAK,CAAE,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,KAAK,EAAE,QAAQ,SAAS,WAAW,qEAMlE,sBAAsB,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,YA4BxC,CAAC"}
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TableSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAKrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAInD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;sGACkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAmBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuCtD,CAAC;AAEF,UAAU,sBAAsB,CAAC,KAAK,CAAE,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,KAAK,EAAE,QAAQ,SAAS,WAAW,qEAMlE,sBAAsB,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,YA4BxC,CAAC"}

package/dist/design-system/Skeleton/TableSkeleton.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { useContext } from 'react';
+import { getOffsets, genSkeletonAnimatedColor } from './utils';
+import { useDesignSystemTheme } from '../Hooks';
+import { LoadingState } from '../LoadingState/LoadingState';
+import { TableContext } from '../TableUI/Table';
+import { TableCell } from '../TableUI/TableCell';
+import { TableRow } from '../TableUI/TableRow';
+import { TableRowAction } from '../TableUI/TableRowAction';
+import { visuallyHidden } from '../utils';
+import { addDebugOutlineIfEnabled } from '../utils/debug';
+const TableSkeletonStyles = {
+    container: css({
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+    }),
+    cell: css({
+        width: '100%',
+        height: 8,
+        borderRadius: 4,
+        background: 'var(--table-skeleton-color)',
+        marginTop: 'var(--table-skeleton-row-vertical-margin)',
+        marginBottom: 'var(--table-skeleton-row-vertical-margin)',
+    }),
+};
+export const TableSkeleton = ({ lines = 1, seed = '', frameRate = 60, style, label, ...rest }) => {
+    const { theme } = useDesignSystemTheme();
+    const { size } = useContext(TableContext);
+    const widths = getOffsets(seed);
+    return (_jsxs("div", { ...rest, ...addDebugOutlineIfEnabled(), "aria-busy": true, css: TableSkeletonStyles.container, role: "status", style: {
+            ...style,
+            // TODO: Pull this from the themes; it's not currently available.
+            ['--table-skeleton-color']: theme.isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(31, 38, 45, 0.1)',
+            ['--table-skeleton-row-vertical-margin']: size === 'small' ? '4px' : '6px',
+        }, children: [[...Array(lines)].map((_, idx) => (_jsx("div", { css: [
+                    TableSkeletonStyles.cell,
+                    genSkeletonAnimatedColor(theme, frameRate),
+                    { width: `calc(100% - ${widths[idx % widths.length]}px)` },
+                ] }, idx))), _jsx("span", { css: visuallyHidden, children: label })] }));
+};
+export const TableSkeletonRows = ({ table, actionColumnIds = [], numRows = 3, loading = true, loadingDescription = 'Table skeleton rows', }) => {
+    const { theme } = useDesignSystemTheme();
+    return (_jsxs(_Fragment, { children: [loading && _jsx(LoadingState, { description: loadingDescription }), [...Array(numRows).keys()].map((i) => (_jsx(TableRow, { children: table.getFlatHeaders().map((header) => {
+                    const meta = header.column.columnDef.meta;
+                    return actionColumnIds.includes(header.id) ? (_jsx(TableRowAction, { children: _jsx(TableSkeleton, { style: { width: theme.general.iconSize } }) }, `cell-${header.id}-${i}`)) : (_jsx(TableCell, { style: meta?.styles ?? (meta?.width !== undefined ? { maxWidth: meta.width } : {}), children: _jsx(TableSkeleton, { seed: `skeleton-${header.id}-${i}`, lines: meta?.numSkeletonLines ?? undefined }) }, `cell-${header.id}-${i}`));
+                }) }, i)))] }));
+};
+//# sourceMappingURL=TableSkeleton.js.map

package/dist/design-system/Skeleton/TableSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TableSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,MAAM,mBAAmB,GAAG;IAC1B,SAAS,EAAE,GAAG,CAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,YAAY;KACzB,CAAC;IAEF,IAAI,EAAE,GAAG,CAAC;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,6BAA6B;QACzC,SAAS,EAAE,2CAA2C;QACtD,YAAY,EAAE,2CAA2C;KAC1D,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEhC,OAAO,CACL,kBACM,IAAI,KACJ,wBAAwB,EAAE,eACnB,IAAI,EACf,GAAG,EAAE,mBAAmB,CAAC,SAAS,EAClC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;YACL,GAAG,KAAK;YACR,iEAAiE;YACjE,CAAC,wBAA+B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,uBAAuB;YAC1G,CAAC,sCAA6C,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;SAClF,aAEA,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEE,GAAG,EAAE;oBACH,mBAAmB,CAAC,IAAI;oBACxB,wBAAwB,CAAC,KAAK,EAAE,SAAS,CAAC;oBAC1C,EAAE,KAAK,EAAE,eAAe,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;iBAC3D,IALI,GAAG,CAMR,CACH,CAAC,EACF,eAAM,GAAG,EAAE,cAAc,YAAG,KAAK,GAAQ,IACrC,CACP,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAsC,EACrE,KAAK,EACL,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,IAAI,EACd,kBAAkB,GAAG,qBAAqB,GACZ,EAAsB,EAAE;IACtD,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEzC,OAAO,CACL,8BACG,OAAO,IAAI,KAAC,YAAY,IAAC,WAAW,EAAE,kBAAkB,GAAI,EAE5D,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrC,KAAC,QAAQ,cACN,KAAK,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACrC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAA4B,CAAC;oBAClE,OAAO,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAC3C,KAAC,cAAc,cACb,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAI,IADxC,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAE5B,CAClB,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAER,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAElF,KAAC,aAAa,IAAC,IAAI,EAAE,YAAY,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,IAAI,SAAS,GAAI,IAH5F,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAInB,CACb,CAAC;gBACJ,CAAC,CAAC,IAfW,CAAC,CAgBL,CACZ,CAAC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Skeleton/TableSkeleton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableSkeleton.test.d.ts.map

package/dist/design-system/Skeleton/TableSkeleton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.test.d.ts","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TableSkeleton.test.tsx"],"names":[],"mappings":""}

package/dist/design-system/Skeleton/TableSkeleton.test.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { describe, expect, it } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { TableSkeleton } from './TableSkeleton';
+describe('TableSkeleton', () => {
+    it('should indicate loading status via aria-busy', () => {
+        render(_jsx(TableSkeleton, {}));
+        expect(screen.getByRole('status')).toHaveAttribute('aria-busy', 'true');
+    });
+});
+//# sourceMappingURL=TableSkeleton.test.js.map

package/dist/design-system/Skeleton/TableSkeleton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.test.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TableSkeleton.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/design-system/Skeleton/TitleSkeleton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { genSkeletonAnimatedColor } from './utils';
+import { useDesignSystemTheme } from '../Hooks';
+import { LoadingState } from '../LoadingState/LoadingState';
+import { visuallyHidden } from '../utils';
+import { addDebugOutlineIfEnabled } from '../utils/debug';
+const titleContainerStyles = css({
+    cursor: 'progress',
+    width: '100%',
+    height: 28,
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+});
+const titleFillStyles = css({
+    borderRadius: 'var(--border-radius)',
+    height: 12,
+    width: '100%',
+});
+export const TitleSkeleton = ({ label, frameRate = 60, style, loading = true, loadingDescription = 'TitleSkeleton', ...restProps }) => {
+    const { theme } = useDesignSystemTheme();
+    return (_jsxs("div", { ...addDebugOutlineIfEnabled(), css: titleContainerStyles, style: {
+            ...style,
+            ['--border-radius']: `${theme.general.borderRadiusBase}px`,
+        }, ...restProps, children: [loading && _jsx(LoadingState, { description: loadingDescription }), _jsx("span", { css: visuallyHidden, children: label }), _jsx("div", { "aria-hidden": true, css: [titleFillStyles, genSkeletonAnimatedColor(theme, frameRate)] })] }));
+};
+//# sourceMappingURL=TitleSkeleton.js.map

package/dist/design-system/Skeleton/TitleSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleSkeleton.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/TitleSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAa1D,MAAM,oBAAoB,GAAG,GAAG,CAAC;IAC/B,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC;IAC1B,YAAY,EAAE,sBAAsB;IACpC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,OAAO,GAAG,IAAI,EACd,kBAAkB,GAAG,eAAe,EACpC,GAAG,SAAS,EACO,EAAE,EAAE;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEzC,OAAO,CACL,kBACM,wBAAwB,EAAE,EAC9B,GAAG,EAAE,oBAAoB,EACzB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,CAAC,iBAAwB,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,IAAI;SAClE,KACG,SAAS,aAEZ,OAAO,IAAI,KAAC,YAAY,IAAC,WAAW,EAAE,kBAAkB,GAAI,EAC7D,eAAM,GAAG,EAAE,cAAc,YAAG,KAAK,GAAQ,EACzC,mCAAiB,GAAG,EAAE,CAAC,eAAe,EAAE,wBAAwB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,GAAI,IACnF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Skeleton/index.js

@@ -0,0 +1,5 @@
+export * from './GenericSkeleton';
+export * from './ParagraphSkeleton';
+export * from './TitleSkeleton';
+export * from './TableSkeleton';
+//# sourceMappingURL=index.js.map

package/dist/design-system/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/design-system/Skeleton/stories/example-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-layout.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Skeleton/stories/example-layout.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,QAAO,GAAG,CAAC,OASpC,CAAC"}

package/dist/design-system/Skeleton/stories/generic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Skeleton/stories/generic.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,QAAO,GAAG,CAAC,OAE7C,CAAC"}

package/dist/design-system/Skeleton/stories/paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Skeleton/stories/paragraph.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,QAAO,GAAG,CAAC,OAE/C,CAAC"}

package/dist/design-system/Skeleton/stories/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Skeleton/stories/table.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,oBAAoB,QAAO,GAAG,CAAC,OAwB3C,CAAC"}

package/dist/design-system/Skeleton/stories/title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Skeleton/stories/title.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,QAAO,GAAG,CAAC,OAE3C,CAAC"}

package/dist/design-system/Skeleton/utils.js

@@ -0,0 +1,57 @@
+import { css, keyframes } from '@emotion/react';
+// This is a very simple PRNG that is seeded (so that the output is deterministic).
+// We need this in order to produce a random ragged edge for the table skeleton.
+export function pseudoRandomNumberGeneratorFromSeed(seed) {
+    // This is a simple way to get a consistent number from a string;
+    // `charCodeAt` returns a number between 0 and 65535, and we then just add them all up.
+    const seedValue = seed
+        .split('')
+        .map((char) => char.charCodeAt(0))
+        .reduce((prev, curr) => prev + curr, 0);
+    // This is a simple sine wave function that will always return a number between 0 and 1.
+    // This produces a value akin to `Math.random()`, but has deterministic output.
+    // Of course, sine curves are not a perfectly random distribution between 0 and 1, but
+    // it's close enough for our purposes.
+    return Math.sin(seedValue) / 2 + 0.5;
+}
+// This is a simple Fisher-Yates shuffler using the above PRNG.
+export function shuffleArray(arr, seed) {
+    for (let i = arr.length - 1; i > 0; i--) {
+        const j = Math.floor(pseudoRandomNumberGeneratorFromSeed(seed + String(i)) * (i + 1));
+        [arr[i], arr[j]] = [arr[j], arr[i]];
+    }
+    return arr;
+}
+// Finally, we shuffle a list off offsets to apply to the widths of the cells.
+// This ensures that the cells are not all the same width, but that they are
+// random to produce a more realistic looking skeleton.
+export function getOffsets(seed) {
+    return shuffleArray([48, 24, 0], seed);
+}
+const skeletonLoading = keyframes({
+    '0%': {
+        backgroundPosition: '100% 50%',
+    },
+    '100%': {
+        backgroundPosition: '0 50%',
+    },
+});
+export const genSkeletonAnimatedColor = (theme, frameRate = 60) => {
+    // TODO: Pull this from the themes; it's not currently available.
+    const color = theme.isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(31, 38, 45, 0.1)';
+    // Light mode value copied from Ant's Skeleton animation
+    const colorGradientEnd = theme.isDarkMode ? 'rgba(99, 99, 99, 0.24)' : 'rgba(129, 129, 129, 0.24)';
+    return css({
+        animationDuration: '1.4s',
+        background: `linear-gradient(90deg, ${color} 25%, ${colorGradientEnd} 37%, ${color} 63%)`,
+        backgroundSize: '400% 100%',
+        animationName: skeletonLoading,
+        animationTimingFunction: `steps(${frameRate}, end)`,
+        // Based on data from perf dashboard, p95 loading time goes up to about 20s, so about 14 iterations is needed.
+        animationIterationCount: 14,
+        '@media only percy': {
+            animation: 'none',
+        },
+    });
+};
+//# sourceMappingURL=utils.js.map

package/dist/design-system/Skeleton/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/design-system/Skeleton/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,mFAAmF;AACnF,gFAAgF;AAChF,MAAM,UAAU,mCAAmC,CAAC,IAAY;IAC9D,iEAAiE;IACjE,uFAAuF;IACvF,MAAM,SAAS,GAAG,IAAI;SACnB,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;SACjC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1C,wFAAwF;IACxF,+EAA+E;IAC/E,sFAAsF;IACtF,sCAAsC;IACtC,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACvC,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,YAAY,CAAI,GAAQ,EAAE,IAAY;IACpD,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,mCAAmC,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACtF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,8EAA8E;AAC9E,4EAA4E;AAC5E,uDAAuD;AACvD,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,OAAO,YAAY,CAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,eAAe,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE;QACJ,kBAAkB,EAAE,UAAU;KAC/B;IACD,MAAM,EAAE;QACN,kBAAkB,EAAE,OAAO;KAC5B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAY,EAAE,SAAS,GAAG,EAAE,EAAoB,EAAE;IACzF,iEAAiE;IACjE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,uBAAuB,CAAC;IACtF,wDAAwD;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAEnG,OAAO,GAAG,CAAC;QACT,iBAAiB,EAAE,MAAM;QACzB,UAAU,EAAE,0BAA0B,KAAK,SAAS,gBAAgB,SAAS,KAAK,OAAO;QACzF,cAAc,EAAE,WAAW;QAC3B,aAAa,EAAE,eAAe;QAC9B,uBAAuB,EAAE,SAAS,SAAS,QAAQ;QACnD,8GAA8G;QAC9G,uBAAuB,EAAE,EAAE;QAC3B,mBAAmB,EAAE;YACnB,SAAS,EAAE,MAAM;SAClB;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/design-system/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/design-system/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAQtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAqB5D,eAAO,MAAM,IAAI,yGAEf,CAAC;AAmBH,eAAO,MAAM,KAAK,sHAGhB,CAAC;AAeH,eAAO,MAAM,KAAK,sHAGhB,CAAC;AA2BH,eAAO,MAAM,KAAK,sHAOhB,CAAC"}

package/dist/design-system/Slider/Slider.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import * as RadixSlider from '@radix-ui/react-slider';
+import { forwardRef } from 'react';
+import { useDesignSystemSafexFlags } from '..';
+import { useDesignSystemTheme } from '../Hooks';
+import { addDebugOutlineIfEnabled } from '../utils/debug';
+const getRootStyles = () => {
+    return css({
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        '&[data-orientation="vertical"]': {
+            flexDirection: 'column',
+            width: 20,
+            height: 100,
+        },
+        '&[data-orientation="horizontal"]': {
+            height: 20,
+            width: 200,
+        },
+    });
+};
+export const Root = forwardRef((props, ref) => {
+    return _jsx(RadixSlider.Root, { ...addDebugOutlineIfEnabled(), css: getRootStyles(), ...props, ref: ref });
+});
+const getTrackStyles = (theme) => {
+    return css({
+        backgroundColor: theme.colors.grey100,
+        position: 'relative',
+        flexGrow: 1,
+        borderRadius: theme.borders.borderRadiusFull,
+        '&[data-orientation="vertical"]': {
+            width: 3,
+        },
+        '&[data-orientation="horizontal"]': {
+            height: 3,
+        },
+    });
+};
+export const Track = forwardRef((props, ref) => {
+    const { theme } = useDesignSystemTheme();
+    return _jsx(RadixSlider.Track, { css: getTrackStyles(theme), ...props, ref: ref });
+});
+const getRangeStyles = (theme) => {
+    return css({
+        backgroundColor: theme.colors.primary,
+        position: 'absolute',
+        borderRadius: theme.borders.borderRadiusFull,
+        height: '100%',
+        '&[data-disabled]': {
+            backgroundColor: theme.colors.grey100,
+        },
+    });
+};
+export const Range = forwardRef((props, ref) => {
+    const { theme } = useDesignSystemTheme();
+    return _jsx(RadixSlider.Range, { css: getRangeStyles(theme), ...props, ref: ref });
+});
+const getThumbStyles = (theme, useNewShadows) => {
+    return css({
+        display: 'block',
+        width: 20,
+        height: 20,
+        backgroundColor: theme.colors.actionPrimaryBackgroundDefault,
+        boxShadow: useNewShadows ? theme.shadows.xs : `0 2px 4px 0 ${theme.colors.grey400}`,
+        borderRadius: theme.borders.borderRadiusFull,
+        outline: 'none',
+        '&:hover': {
+            backgroundColor: theme.colors.actionPrimaryBackgroundHover,
+        },
+        '&:focus': {
+            backgroundColor: theme.colors.actionPrimaryBackgroundPress,
+        },
+        '&[data-disabled]': {
+            backgroundColor: theme.colors.grey200,
+            boxShadow: 'none',
+        },
+    });
+};
+export const Thumb = forwardRef((props, ref) => {
+    const { theme } = useDesignSystemTheme();
+    const { useNewShadows } = useDesignSystemSafexFlags();
+    return (_jsx(RadixSlider.Thumb, { css: getThumbStyles(theme, useNewShadows), "aria-label": "Slider thumb", ...props, ref: ref }));
+});
+//# sourceMappingURL=Slider.js.map

package/dist/design-system/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/design-system/Slider/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/design-system/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC"}

package/dist/design-system/Slider/index.js

@@ -0,0 +1,2 @@
+export * as Slider from './Slider';
+//# sourceMappingURL=index.js.map

package/dist/design-system/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC"}

package/dist/design-system/Slider/stories/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/alignment.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,wDAkB1B,CAAC"}

package/dist/design-system/Slider/stories/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/default.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,wDAUxB,CAAC"}

package/dist/design-system/Slider/stories/disabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/disabled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,wDAUzB,CAAC"}

package/dist/design-system/Slider/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/design-system/Slider/stories/range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/range.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,wDAWtB,CAAC"}

package/dist/design-system/Slider/stories/step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Slider/stories/step.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,wDAUrB,CAAC"}

package/dist/design-system/Space/Space.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Space as AntDSpace } from 'antd';
+import { DesignSystemAntDConfigProvider } from '../DesignSystemProvider';
+export const Space = ({ dangerouslySetAntdProps, ...props }) => {
+    return (_jsx(DesignSystemAntDConfigProvider, { children: _jsx(AntDSpace, { ...props, ...dangerouslySetAntdProps }) }));
+};
+//# sourceMappingURL=Space.js.map

package/dist/design-system/Space/Space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Space.js","sourceRoot":"","sources":["../../../src/design-system/Space/Space.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,yBAAyB,CAAC;AAKzE,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,uBAAuB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,KAAC,8BAA8B,cAC7B,KAAC,SAAS,OAAK,KAAK,KAAM,uBAAuB,GAAI,GACtB,CAClC,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Space/index.js

@@ -0,0 +1,2 @@
+export * from './Space';
+//# sourceMappingURL=index.js.map

package/dist/design-system/Space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/Space/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/design-system/Space/stories/basic-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-example.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Space/stories/basic-example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QAAO,GAAG,CAAC,OAUnC,CAAC"}

package/dist/design-system/Spacer/Spacer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { useDesignSystemTheme } from '../Hooks';
+export const Spacer = ({ size = 'md', shrinks, ...props }) => {
+    const { theme } = useDesignSystemTheme();
+    const spacingValues = {
+        xs: theme.spacing.xs,
+        sm: theme.spacing.sm,
+        md: theme.spacing.md,
+        lg: theme.spacing.lg,
+    };
+    return (_jsx("div", { css: css({
+            height: spacingValues[size],
+            ...(shrinks === false ? { flexShrink: 0 } : undefined),
+        }), ...props }));
+};
+//# sourceMappingURL=Spacer.js.map

package/dist/design-system/Spacer/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../src/design-system/Spacer/Spacer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAWhD,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEzC,MAAM,aAAa,GAAuC;QACxD,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;KACrB,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,CAAC;YACP,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC;YAC3B,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACvD,CAAC,KACE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Spacer/index.js

@@ -0,0 +1,2 @@
+export * from './Spacer';
+//# sourceMappingURL=index.js.map

package/dist/design-system/Spacer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/Spacer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/design-system/Spinner/Spinner.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css, keyframes } from '@emotion/react';
+import { AccessibleContainer } from '../AccessibleContainer';
+import { DU_BOIS_ENABLE_ANIMATION_CLASSNAME } from '../DesignSystemProvider';
+import { useDesignSystemTheme } from '../Hooks';
+import { LoadingIcon } from '../Icon';
+import { LoadingState } from '../LoadingState/LoadingState';
+import { importantify } from '../utils/css-utils';
+const rotate = keyframes({
+    '0%': { transform: 'rotate(0deg) translate3d(0, 0, 0)' },
+    '100%': { transform: 'rotate(360deg) translate3d(0, 0, 0)' },
+});
+const cssSpinner = (theme, frameRate = 60, delay = 0, animationDuration = 1, inheritColor = false) => {
+    const styles = {
+        animation: `${rotate} ${animationDuration}s steps(${frameRate}, end) infinite`,
+        ...(inheritColor
+            ? {
+                color: 'inherit',
+            }
+            : {
+                color: theme.colors.textSecondary,
+            }),
+        animationDelay: `${delay}s`,
+        '@media only percy': {
+            animation: 'none',
+        },
+    };
+    return css(importantify(styles));
+};
+export const Spinner = ({ frameRate, size = 'default', delay, className: propClass, label, animationDuration, inheritColor, loading = true, loadingDescription = 'Spinner', ...props }) => {
+    const { classNamePrefix, theme } = useDesignSystemTheme();
+    // We use Antd classes to keep styling unchanged
+    // TODO(FEINF-1407): We want to move away from Antd classes and use Emotion for styling in the future
+    const sizeSuffix = size === 'small' ? '-sm' : size === 'large' ? '-lg' : '';
+    const sizeClass = sizeSuffix ? `${classNamePrefix}-spin${sizeSuffix}` : '';
+    const wrapperClass = `${propClass || ''} ${classNamePrefix}-spin ${sizeClass} ${classNamePrefix}-spin-spinning ${DU_BOIS_ENABLE_ANIMATION_CLASSNAME}`.trim();
+    const className = `${classNamePrefix}-spin-dot ${DU_BOIS_ENABLE_ANIMATION_CLASSNAME}`.trim();
+    return (
+    // className has to follow {...props}, otherwise is `css` prop is passed down it will overwrite our className
+    _jsxs("div", { ...props, className: wrapperClass, children: [loading && _jsx(LoadingState, { description: loadingDescription }), _jsx(AccessibleContainer, { label: label, children: _jsx(LoadingIcon, { "aria-hidden": "false", css: cssSpinner(theme, frameRate, delay, animationDuration, inheritColor), className: className }) })] }));
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/design-system/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/design-system/Spinner/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kCAAkC,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,EAAE,SAAS,EAAE,mCAAmC,EAAE;IACxD,MAAM,EAAE,EAAE,SAAS,EAAE,qCAAqC,EAAE;CAC7D,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CACjB,KAAY,EACZ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,iBAAiB,GAAG,CAAC,EACrB,YAAY,GAAG,KAAK,EACF,EAAE;IACpB,MAAM,MAAM,GAAG;QACb,SAAS,EAAE,GAAG,MAAM,IAAI,iBAAiB,WAAW,SAAS,iBAAiB;QAC9E,GAAG,CAAC,YAAY;YACd,CAAC,CAAC;gBACE,KAAK,EAAE,SAAS;aACjB;YACH,CAAC,CAAC;gBACE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;aAClC,CAAC;QACN,cAAc,EAAE,GAAG,KAAK,GAAG;QAE3B,mBAAmB,EAAE;YACnB,SAAS,EAAE,MAAM;SAClB;KACF,CAAC;IACF,OAAO,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;AACnC,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EAAE,SAAS,EACpB,KAAK,EACL,iBAAiB,EACjB,YAAY,EACZ,OAAO,GAAG,IAAI,EACd,kBAAkB,GAAG,SAAS,EAC9B,GAAG,KAAK,EACT,EAAgB,EAAE;IACjB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE1D,gDAAgD;IAChD,qGAAqG;IACrG,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,eAAe,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3E,MAAM,YAAY,GAAG,GACnB,SAAS,IAAI,EACf,IAAI,eAAe,SAAS,SAAS,IAAI,eAAe,kBAAkB,kCAAkC,EAAE,CAAC,IAAI,EAAE,CAAC;IACtH,MAAM,SAAS,GAAG,GAAG,eAAe,aAAa,kCAAkC,EAAE,CAAC,IAAI,EAAE,CAAC;IAE7F,OAAO;IACL,6GAA6G;IAC7G,kBAAS,KAAK,EAAE,SAAS,EAAE,YAAY,aACpC,OAAO,IAAI,KAAC,YAAY,IAAC,WAAW,EAAE,kBAAkB,GAAI,EAC7D,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAC/B,KAAC,WAAW,mBACE,OAAO,EACnB,GAAG,EAAE,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,CAAC,EACzE,SAAS,EAAE,SAAS,GACpB,GACkB,IAClB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/design-system/Spinner/index.js

@@ -0,0 +1,2 @@
+export * from './Spinner';
+//# sourceMappingURL=index.js.map

package/dist/design-system/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/Spinner/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/design-system/Spinner/stories/size-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-example.d.ts","sourceRoot":"","sources":["../../../../src/design-system/Spinner/stories/size-example.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,QAAO,GAAG,CAAC,OAWlC,CAAC"}

package/dist/design-system/SplitButton/Dropdown/DropdownButton.d.ts

@@ -1,7 +1,7 @@
 import type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
 import type { DesignSystemEventProviderAnalyticsEventTypes } from '../../DesignSystemEventProvider/DesignSystemEventProvider';
-import type { AnalyticsEventOptionalProps } from '../../types';
+import type { AnalyticsEventProps } from '../../types';
 type SizeType = 'small' | 'middle' | undefined;
 interface ButtonGroupProps {
     size?: SizeType;
@@ -48,7 +48,7 @@ interface DropdownProps {
     children?: React.ReactNode;
     leftButtonIcon?: React.ReactNode;
 }
-export interface DropdownButtonProps extends ButtonGroupProps, DropdownProps, AnalyticsEventOptionalProps<DesignSystemEventProviderAnalyticsEventTypes.OnClick> {
+export interface DropdownButtonProps extends ButtonGroupProps, DropdownProps, AnalyticsEventProps<DesignSystemEventProviderAnalyticsEventTypes.OnClick> {
     type?: 'primary';
     htmlType?: 'submit' | 'reset' | 'button';
     danger?: boolean;

package/dist/design-system/SplitButton/Dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../src/design-system/SplitButton/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../src/design-system/SplitButton/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"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"}