@ovotech/element-native 4.4.2 → 4.4.3-canary-a2e1e61-317

package/dist/components/SkeletonLoading/Skeleton.d.ts

@@ -1,268 +0,0 @@
-export declare const Skeleton: import('styled-components').StyledComponent<
-  typeof import('react-native').View,
-  {
-    core: {
-      radius: Record<'small' | 'medium' | 'large' | 'max', string>;
-      borderWidth: Record<'small' | 'medium' | 'large', string>;
-      breakpoint: Record<'small' | 'medium' | 'large', string | number>;
-      mediaQuery: Record<'small' | 'medium' | 'large', string>;
-      space: Record<
-        0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15,
-        string
-      >;
-      transition: Record<'medium' | 'slow' | 'fast', string>;
-      opacity: Record<'solid' | 'transparent' | 'translucent', string | number>;
-      color: Record<
-        'neutral' | 'red' | 'orange' | 'yellow' | 'green' | 'blue',
-        {
-          lightest: string;
-          lighter: string;
-          light: string;
-          base: string;
-          dark: string;
-          darker: string;
-          darkest: string;
-        }
-      > & {
-        brand: Record<string, string>;
-      };
-      fontFamily: Record<
-        'body' | 'mono' | 'heading' | 'bodyBold',
-        {
-          native: string;
-          web: string;
-        }
-      >;
-      fontWeight: Record<'bold' | 'book' | 'black', string | number>;
-      fontSize: Record<
-        | 'small'
-        | 'body'
-        | 'label'
-        | 'heading1'
-        | 'heading2'
-        | 'heading3'
-        | 'heading4'
-        | 'lead',
-        {
-          small: string | number;
-          large: string | number;
-        }
-      >;
-      lineHeight: Record<
-        | 'small'
-        | 'body'
-        | 'label'
-        | 'heading1'
-        | 'heading2'
-        | 'heading3'
-        | 'heading4'
-        | 'lead',
-        {
-          small: string | number;
-          large: string | number;
-        }
-      >;
-      letterSpacing: Record<'base' | 'compressed' | 'extraCompressed', number>;
-    };
-    semantic: {
-      surface: Record<'base' | 'cutout' | 'elevated', string>;
-      message: Record<
-        'base' | 'link' | 'secondary' | 'error' | 'branded',
-        string
-      >;
-      border: Record<'graphic' | 'differentiated' | 'functional', string>;
-      focus: Record<'surface' | 'outline' | 'hover', string>;
-      inverted: Record<'surface' | 'border', string> & {
-        message: Record<'base' | 'link' | 'secondary' | 'branded', string>;
-      };
-      success: {
-        border: string;
-        surface: string;
-        surfaceEmphasis: string;
-        message: string;
-        messageOnEmphasis: string;
-      };
-      warning: {
-        border: string;
-        surface: string;
-        surfaceEmphasis: string;
-        message: string;
-        messageOnEmphasis: string;
-      };
-      error: {
-        border: string;
-        surface: string;
-        surfaceEmphasis: string;
-        message: string;
-        messageOnEmphasis: string;
-      };
-      info: {
-        border: string;
-        surface: string;
-        surfaceEmphasis: string;
-        message: string;
-        messageOnEmphasis: string;
-      };
-      data: Record<
-        'branded' | 'gas' | 'electric',
-        Record<2 | 1 | 3 | 4, string>
-      >;
-    };
-    component: {
-      heading1: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      heading2: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      heading3: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      heading4: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      lead: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      body: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      small: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      label: {
-        fontFamily: string;
-        fontWeight: string | number;
-        fontSize: {
-          small: string | number;
-          large: string | number;
-        };
-        lineHeight: {
-          small: string | number;
-          large: string | number;
-        };
-      };
-      cta: {
-        primary: {
-          message: string;
-          surface: string;
-          messageHover: string;
-          surfaceHover: string;
-          messageFocused: string;
-          surfaceFocused: string;
-          outlineFocused: string;
-          backgroundFocused: string;
-        };
-        secondary: {
-          message: string;
-          surface: string;
-          messageHover: string;
-          surfaceHover: string;
-          messageFocused: string;
-          surfaceFocused: string;
-          outlineFocused: string;
-          backgroundFocused: string;
-        };
-        destructive: {
-          message: string;
-          surface: string;
-          messageHover: string;
-          surfaceHover: string;
-          messageFocused: string;
-          surfaceFocused: string;
-          outlineFocused: string;
-          backgroundFocused: string;
-        };
-      };
-      badge: {
-        variants: {
-          red: {
-            foreground: string;
-            background: string;
-          };
-          orange: {
-            foreground: string;
-            background: string;
-          };
-          yellow: {
-            foreground: string;
-            background: string;
-          };
-          green: {
-            foreground: string;
-            background: string;
-          };
-          blue: {
-            foreground: string;
-            background: string;
-          };
-        };
-      };
-    };
-  },
-  {},
-  never
->;

package/dist/components/SkeletonLoading/Skeleton.js

@@ -1,13 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-var styled_native_1 = __importDefault(require("../../styled.native"));
-exports.Skeleton = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/dist/components/SkeletonLoading/SkeletonAnimation.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export declare const SkeletonAnimation: ({
-  children,
-  animation,
-  testID,
-}: {
-  children: ReactNode;
-  animation?: 'none' | 'pulse' | undefined;
-  testID?: string | undefined;
-}) => JSX.Element;

package/dist/components/SkeletonLoading/SkeletonAnimation.js

@@ -1,46 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonAnimation = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var SkeletonAnimation = function (_a) {
-    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? 'pulse' : _b, testID = _a.testID;
-    var animationRef = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
-    var animationLoop = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        animationLoop.current = react_native_1.Animated.timing(animationRef.current, {
-            toValue: 2,
-            delay: 400,
-            duration: 1500,
-            useNativeDriver: !!react_native_1.Platform.select({
-                web: false,
-                native: true,
-            }),
-        });
-        animationRef.current.setValue(0);
-        react_native_1.Animated.loop(animationLoop.current).start();
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ accessibilityRole: "none", accessibilityLabel: "loading...", accessible: false, testID: testID }, { children: animation === 'pulse' ? ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, __assign({ style: [
-                {
-                    height: '100%',
-                    width: '100%',
-                    opacity: animationRef.current.interpolate({
-                        inputRange: [0.25, 1, 2],
-                        outputRange: [1, 0.25, 1],
-                    }),
-                },
-            ] }, { children: children }))) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: children })) })));
-};
-exports.SkeletonAnimation = SkeletonAnimation;

package/dist/components/SkeletonLoading/SkeletonCTA.d.ts

@@ -1,6 +0,0 @@
-import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
-  size?: string;
-};
-export declare const SkeletonCTA: ({ size, ...rest }: Props) => JSX.Element;
-export {};

package/dist/components/SkeletonLoading/SkeletonCTA.js

@@ -1,42 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonCTA = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var Text_1 = require("../Text");
-var Skeleton_1 = require("./Skeleton");
-var SkeletonAnimation_1 = require("./SkeletonAnimation");
-var StyledSkeletonCTA = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
-    var core = _a.theme.core, size = _a.size;
-    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    width: ").concat(size, ";\n    height: ").concat(core.space[12], ";\n  ");
-});
-var SkeletonCTA = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["size"]);
-    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCTA, __assign({ as: Text_1.P, size: size }, rest)) }));
-};
-exports.SkeletonCTA = SkeletonCTA;

package/dist/components/SkeletonLoading/SkeletonCircle.d.ts

@@ -1,6 +0,0 @@
-import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
-  size?: string;
-};
-export declare const SkeletonCircle: ({ size, ...rest }: Props) => JSX.Element;
-export {};

package/dist/components/SkeletonLoading/SkeletonCircle.js

@@ -1,46 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonCircle = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var Skeleton_1 = require("./Skeleton");
-var SkeletonAnimation_1 = require("./SkeletonAnimation");
-var StyledSkeletonCircleWrapper = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
-    var size = _a.size;
-    return "width: ".concat(size, "; max-width: 100%;");
-});
-var StyledSkeletonCircle = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
-    var core = _a.theme.core, size = _a.size;
-    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    height: 0;\n    padding-bottom: 100%;\n    border-radius: ").concat((0, utils_1.pxToNumber)(size) / 2, "px;\n  ");
-});
-var SkeletonCircle = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '120px' : _b, rest = __rest(_a, ["size"]);
-    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCircleWrapper, __assign({ size: size }, rest, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCircle, { size: size }) })) }));
-};
-exports.SkeletonCircle = SkeletonCircle;

package/dist/components/SkeletonLoading/SkeletonHeading.d.ts

@@ -1,12 +0,0 @@
-import { ComponentType } from 'react';
-import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
-  size?: string;
-  headingComponent?: ComponentType<any>;
-};
-export declare const SkeletonHeading: ({
-  size,
-  headingComponent: Heading,
-  ...rest
-}: Props) => JSX.Element;
-export {};

package/dist/components/SkeletonLoading/SkeletonHeading.js

@@ -1,42 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonHeading = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var Heading_1 = require("../Heading");
-var Skeleton_1 = require("./Skeleton");
-var SkeletonAnimation_1 = require("./SkeletonAnimation");
-var StyledSkeletonHeading = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
-    var core = _a.theme.core, size = _a.size;
-    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    width: ").concat(size, ";\n  ");
-});
-var SkeletonHeading = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? '70%' : _b, _c = _a.headingComponent, Heading = _c === void 0 ? Heading_1.Heading3 : _c, rest = __rest(_a, ["size", "headingComponent"]);
-    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonHeading, __assign({ "aria-hidden": "true", size: size, as: Heading }, rest, { children: "\u00A0" })) }));
-};
-exports.SkeletonHeading = SkeletonHeading;

package/dist/components/SkeletonLoading/SkeletonText.d.ts

@@ -1,6 +0,0 @@
-import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
-  lines?: number;
-};
-export declare const SkeletonText: ({ lines, ...rest }: Props) => JSX.Element;
-export {};

package/dist/components/SkeletonLoading/SkeletonText.js

@@ -1,48 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonText = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var Text_1 = require("../Text");
-var Skeleton_1 = require("./Skeleton");
-var SkeletonAnimation_1 = require("./SkeletonAnimation");
-var StyledSkeletonText = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
-    var core = _a.theme.core, aboveSmallBreakpoint = _a.aboveSmallBreakpoint, short = _a.short;
-    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    margin-bottom: ").concat(core.space[2], ";\n    height: ").concat(aboveSmallBreakpoint ? core.fontSize.body.large : core.fontSize.body.small, ";\n\n    ").concat(short ? 'width: 50%' : '', ";\n  ");
-});
-var SkeletonText = function (_a) {
-    var _b = _a.lines, lines = _b === void 0 ? 1 : _b, rest = __rest(_a, ["lines"]);
-    var generatedLines = [];
-    var smallAndUp = (0, hooks_1.useBreakpoint)().smallAndUp;
-    for (var i = 1; i <= lines; i++) {
-        generatedLines.push((0, jsx_runtime_1.jsx)(StyledSkeletonText, { short: i === lines, aboveSmallBreakpoint: smallAndUp }, "line-".concat(i)));
-    }
-    return ((0, jsx_runtime_1.jsx)(Text_1.P, __assign({ as: SkeletonAnimation_1.SkeletonAnimation }, rest, { children: generatedLines })));
-};
-exports.SkeletonText = SkeletonText;

package/dist/components/SkeletonLoading/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Skeleton';
-export * from './SkeletonCircle';
-export * from './SkeletonCTA';
-export * from './SkeletonHeading';
-export * from './SkeletonText';

package/dist/components/SkeletonLoading/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Skeleton"), exports);
-__exportStar(require("./SkeletonCircle"), exports);
-__exportStar(require("./SkeletonCTA"), exports);
-__exportStar(require("./SkeletonHeading"), exports);
-__exportStar(require("./SkeletonText"), exports);

package/dist/components/SummaryList/SummaryList.d.ts

@@ -1,22 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Dd, Dl } from '../List';
-declare type SummaryListProps = ComponentProps<typeof Dl>;
-/**
- * @deprecated This component has been deprecated and will be removed in a future release.
- * Please use the Description List (List/Dl) component instead.
- * */
-declare const SummaryList: ({
-  children,
-  ...rest
-}: SummaryListProps) => JSX.Element;
-declare type SummaryItemProps = ComponentProps<typeof Dd> & {
-  label: ReactNode;
-  index?: number;
-};
-declare const SummaryItem: ({
-  label,
-  children,
-  index,
-  ...rest
-}: SummaryItemProps) => JSX.Element;
-export { SummaryList, SummaryItem };

package/dist/components/SummaryList/SummaryList.js

@@ -1,47 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryItem = exports.SummaryList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var List_1 = require("../List");
-/**
- * @deprecated This component has been deprecated and will be removed in a future release.
- * Please use the Description List (List/Dl) component instead.
- * */
-var SummaryList = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    console.warn('SummaryList component has been deprecated and will be removed in a future release. Please use the DescriptionList component instead.');
-    return ((0, jsx_runtime_1.jsx)(List_1.Dl, __assign({}, rest, { children: react_1.Children.map(children, function (child, index) {
-            return (0, react_1.cloneElement)(child, {
-                index: index,
-            });
-        }) })));
-};
-exports.SummaryList = SummaryList;
-var SummaryItem = function (_a) {
-    var label = _a.label, children = _a.children, index = _a.index, rest = __rest(_a, ["label", "children", "index"]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.Dt, __assign({ style: index === 0 ? { marginTop: 0 } : undefined }, { children: label })), (0, jsx_runtime_1.jsx)(List_1.Dd, __assign({}, rest, { children: children }))] }));
-};
-exports.SummaryItem = SummaryItem;

package/dist/components/SummaryList/index.d.ts

@@ -1 +0,0 @@
-export { SummaryList, SummaryItem } from './SummaryList';

package/dist/components/SummaryList/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryItem = exports.SummaryList = void 0;
-var SummaryList_1 = require("./SummaryList");
-Object.defineProperty(exports, "SummaryList", { enumerable: true, get: function () { return SummaryList_1.SummaryList; } });
-Object.defineProperty(exports, "SummaryItem", { enumerable: true, get: function () { return SummaryList_1.SummaryItem; } });