@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

package/dist/components/DateField/DateField.js

@@ -1,231 +1,89 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { n as L } from "../../utils-HsZygzDh.js";
-import { forwardRef as M, createRef as f } from "react";
-import { View as S, TouchableWithoutFeedback as u } from "react-native";
-import { useFullWidth as Y } from "../../hooks/use-full-width.js";
-import { s as p, c as R } from "../../styled.native-KEscfVp7.js";
-import { mergeRefs as k, getText as $ } from "../../utils/utils.js";
-import { ErrorText as E } from "../ErrorText/ErrorText.js";
-import { FormGroup as I } from "../FormGroup/FormGroup.js";
-import { HintText as V } from "../HintText/HintText.js";
-import { LabelText as W } from "../LabelText/LabelText.js";
-import { NumberInput as b } from "../NumberInput/NumberInput.js";
-import { Stack as B } from "../Stack/Stack.js";
-import { SubLabelText as y } from "../SubLabelText/SubLabelText.js";
-import "../../hooks/use-breakpoint.js";
-import "../Input/Input.js";
-import "../Icon/Icon.js";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-const G = p.View(
-  ({ stretch: e, theme: { core: t } }) => {
-    const i = L(t.space[1]);
-    return R`
-      margin-left: -${i};
-      margin-right: -${i};
-      flex-direction: row;
-      ${e ? "" : "width: 265px;"}
-    `;
-  }
-), x = p(B)(({ theme: { core: e } }) => {
-  const t = L(e.space[1]);
-  return R`
-    padding-right: ${t};
-    padding-left: ${t};
-  `;
-}), H = p(x)`
-  width: 25%;
-`, N = p(x)`
-  width: 25%;
-`, q = p(x)`
-  width: 50%;
-`, Wt = M(
-  ({
-    label: e,
-    hint: t,
-    error: i,
-    optional: D = !1,
-    fullWidth: P,
-    onChange: g,
-    value: n,
-    testID: s,
-    editable: a = !1
-  }, j) => {
-    const c = !!i, v = Y(P), l = (m) => (C) => {
-      g && g({
-        ...n,
-        [m]: C
-      });
-    }, w = f(), T = f(), F = f(), d = (m) => [m, $(t), $(i)].filter(Boolean).join(", "), h = (m) => () => {
-      m.current && m.current.focus();
+"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 __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 /* @__PURE__ */ r(I, { error: c, children: /* @__PURE__ */ o(B, { spaceBetween: 1, children: [
-      /* @__PURE__ */ o(S, { children: [
-        /* @__PURE__ */ o(W, { children: [
-          e,
-          D ? " (optional)" : null
-        ] }),
-        t ? /* @__PURE__ */ r(V, { children: t }) : null,
-        i ? /* @__PURE__ */ r(E, { children: i }) : null
-      ] }),
-      /* @__PURE__ */ o(G, { stretch: v, children: [
-        /* @__PURE__ */ o(H, { spaceBetween: 1, children: [
-          /* @__PURE__ */ r(
-            u,
-            {
-              onPress: h(w),
-              accessible: !1,
-              children: /* @__PURE__ */ r(y, { children: "Day" })
-            }
-          ),
-          /* @__PURE__ */ r(
-            b,
-            {
-              ref: k(w, j),
-              accessibilityLabel: d("Day"),
-              invalid: c,
-              value: n.day,
-              onChangeText: l("day"),
-              testID: s,
-              stretch: !0,
-              editable: a
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o(N, { spaceBetween: 1, children: [
-          /* @__PURE__ */ r(
-            u,
-            {
-              onPress: h(T),
-              accessible: !1,
-              children: /* @__PURE__ */ r(y, { children: "Month" })
-            }
-          ),
-          /* @__PURE__ */ r(
-            b,
-            {
-              ref: T,
-              accessibilityLabel: d("Month"),
-              invalid: c,
-              value: n.month,
-              onChangeText: l("month"),
-              testID: `${s}-month`,
-              stretch: !0,
-              editable: a
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o(q, { spaceBetween: 1, children: [
-          /* @__PURE__ */ r(
-            u,
-            {
-              onPress: h(F),
-              accessible: !1,
-              children: /* @__PURE__ */ r(y, { children: "Year" })
-            }
-          ),
-          /* @__PURE__ */ r(
-            b,
-            {
-              ref: F,
-              accessibilityLabel: d("Year"),
-              invalid: c,
-              value: n.year,
-              onChangeText: l("year"),
-              testID: `${s}-year`,
-              stretch: !0,
-              editable: a
-            }
-          )
-        ] })
-      ] })
-    ] }) });
-  }
-);
-export {
-  Wt as DateField
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var styled_native_1 = __importStar(require("../../styled.native"));
+var utils_1 = require("../../utils");
+var ErrorText_1 = require("../ErrorText");
+var FormGroup_1 = require("../FormGroup");
+var HintText_1 = require("../HintText");
+var LabelText_1 = require("../LabelText");
+var NumberInput_1 = require("../NumberInput");
+var Stack_1 = require("../Stack");
+var SubLabelText_1 = require("../SubLabelText");
+var InlineFields = styled_native_1.default.View(function (_a) {
+    var stretch = _a.stretch, core = _a.theme.core;
+    var margin = (0, element_core_1.numToPx)(core.space[1]);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-left: -", ";\n      margin-right: -", ";\n      flex-direction: row;\n      ", "\n    "], ["\n      margin-left: -", ";\n      margin-right: -", ";\n      flex-direction: row;\n      ", "\n    "])), margin, margin, stretch ? '' : "width: 265px;");
+});
+var SubField = (0, styled_native_1.default)(Stack_1.Stack)(function (_a) {
+    var core = _a.theme.core;
+    var padding = (0, element_core_1.numToPx)(core.space[1]);
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-right: ", ";\n    padding-left: ", ";\n  "], ["\n    padding-right: ", ";\n    padding-left: ", ";\n  "])), padding, padding);
+});
+var DayField = (0, styled_native_1.default)(SubField)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 25%;\n"], ["\n  width: 25%;\n"])));
+var MonthField = (0, styled_native_1.default)(SubField)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 25%;\n"], ["\n  width: 25%;\n"])));
+var YearField = (0, styled_native_1.default)(SubField)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 50%;\n"], ["\n  width: 50%;\n"])));
+exports.DateField = (0, react_1.forwardRef)(function (_a, ref) {
+    var label = _a.label, hint = _a.hint, error = _a.error, _b = _a.optional, optional = _b === void 0 ? false : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, onChange = _a.onChange, value = _a.value, testID = _a.testID, _d = _a.editable, editable = _d === void 0 ? false : _d;
+    var hasError = !!error;
+    var handleChange = function (key) { return function (datePartValue) {
+        var _a;
+        onChange &&
+            onChange(__assign(__assign({}, value), (_a = {}, _a[key] = datePartValue, _a)));
+    }; };
+    var dayRef = (0, react_1.createRef)();
+    var monthRef = (0, react_1.createRef)();
+    var yearRef = (0, react_1.createRef)();
+    var accessibilityLabel = function (labelText) {
+        return [labelText, (0, utils_1.getText)(hint), (0, utils_1.getText)(error)].filter(Boolean).join(', ');
+    };
+    var focusRef = function (internalRef) { return function () {
+        if (internalRef.current) {
+            internalRef.current.focus();
+        }
+    }; };
+    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }), (0, jsx_runtime_1.jsxs)(InlineFields, { stretch: fullWidth, children: [(0, jsx_runtime_1.jsxs)(DayField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(dayRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Day" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: (0, utils_1.mergeRefs)(dayRef, ref), accessibilityLabel: accessibilityLabel('Day'), invalid: hasError, value: value.day, onChangeText: handleChange('day'), testID: testID, stretch: true, editable: editable })] }), (0, jsx_runtime_1.jsxs)(MonthField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(monthRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Month" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: monthRef, accessibilityLabel: accessibilityLabel('Month'), invalid: hasError, value: value.month, onChangeText: handleChange('month'), testID: "".concat(testID, "-month"), stretch: true, editable: editable })] }), (0, jsx_runtime_1.jsxs)(YearField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(yearRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Year" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: yearRef, accessibilityLabel: accessibilityLabel('Year'), invalid: hasError, value: value.year, onChangeText: handleChange('year'), testID: "".concat(testID, "-year"), stretch: true, editable: editable })] })] })] }) }));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/DateField/index.js

@@ -1,107 +1,5 @@
-import { DateField as _o } from "./DateField.js";
-import "react/jsx-runtime";
-import "../../utils-HsZygzDh.js";
-import "react";
-import "react-native";
-import "../../hooks/use-full-width.js";
-import "../../hooks/use-breakpoint.js";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils/utils.js";
-import "../ErrorText/ErrorText.js";
-import "../FormGroup/FormGroup.js";
-import "../HintText/HintText.js";
-import "../LabelText/LabelText.js";
-import "../NumberInput/NumberInput.js";
-import "../Input/Input.js";
-import "../Icon/Icon.js";
-import "../../providers/IconsProvider.js";
-import "../../providers/icons/Address.js";
-import "react-native-svg";
-import "../../providers/icons/Advice.js";
-import "../../providers/icons/Archive.js";
-import "../../providers/icons/ArrowDown.js";
-import "../../providers/icons/ArrowLeft.js";
-import "../../providers/icons/ArrowRight.js";
-import "../../providers/icons/ArrowUp.js";
-import "../../providers/icons/Award.js";
-import "../../providers/icons/Battery.js";
-import "../../providers/icons/Cal.js";
-import "../../providers/icons/CalBook.js";
-import "../../providers/icons/CaretDown.js";
-import "../../providers/icons/CaretLeft.js";
-import "../../providers/icons/CaretRight.js";
-import "../../providers/icons/CaretUp.js";
-import "../../providers/icons/Chart.js";
-import "../../providers/icons/ChartFilled.js";
-import "../../providers/icons/Check.js";
-import "../../providers/icons/CheckCircle.js";
-import "../../providers/icons/ChevronDown.js";
-import "../../providers/icons/ChevronLeft.js";
-import "../../providers/icons/ChevronLeftSmall.js";
-import "../../providers/icons/ChevronLeftSmallFirst.js";
-import "../../providers/icons/ChevronRight.js";
-import "../../providers/icons/ChevronRightSmall.js";
-import "../../providers/icons/ChevronRightSmallLast.js";
-import "../../providers/icons/ChevronUp.js";
-import "../../providers/icons/Circle.js";
-import "../../providers/icons/CloseCircle.js";
-import "../../providers/icons/Cross.js";
-import "../../providers/icons/Doc.js";
-import "../../providers/icons/Dollar.js";
-import "../../providers/icons/Download.js";
-import "../../providers/icons/Eco.js";
-import "../../providers/icons/EcoHome.js";
-import "../../providers/icons/Edit.js";
-import "../../providers/icons/ElectricCar.js";
-import "../../providers/icons/ElectricHome.js";
-import "../../providers/icons/Electricity.js";
-import "../../providers/icons/EnergyAdvice.js";
-import "../../providers/icons/Equals.js";
-import "../../providers/icons/Euro.js";
-import "../../providers/icons/Gas.js";
-import "../../providers/icons/GlobeAddress.js";
-import "../../providers/icons/Help.js";
-import "../../providers/icons/Hide.js";
-import "../../providers/icons/Home.js";
-import "../../providers/icons/HomeFilled.js";
-import "../../providers/icons/HydroPower.js";
-import "../../providers/icons/Info.js";
-import "../../providers/icons/Link.js";
-import "../../providers/icons/Logo.js";
-import "../../providers/icons/Mail.js";
-import "../../providers/icons/MailOpen.js";
-import "../../providers/icons/Menu.js";
-import "../../providers/icons/Message.js";
-import "../../providers/icons/MessageFilled.js";
-import "../../providers/icons/Minus.js";
-import "../../providers/icons/Mobile.js";
-import "../../providers/icons/NewWindow.js";
-import "../../providers/icons/PaymentCard.js";
-import "../../providers/icons/Phone.js";
-import "../../providers/icons/Plus.js";
-import "../../providers/icons/Pound.js";
-import "../../providers/icons/Pricing.js";
-import "../../providers/icons/Search.js";
-import "../../providers/icons/Security.js";
-import "../../providers/icons/Show.js";
-import "../../providers/icons/SmartHome.js";
-import "../../providers/icons/SmartMeter.js";
-import "../../providers/icons/Solar.js";
-import "../../providers/icons/Star.js";
-import "../../providers/icons/Sun.js";
-import "../../providers/icons/Torch.js";
-import "../../providers/icons/Trees.js";
-import "../../providers/icons/Tune.js";
-import "../../providers/icons/User.js";
-import "../../providers/icons/UserFilled.js";
-import "../../providers/icons/Wallet.js";
-import "../../providers/icons/WalletFilled.js";
-import "../../providers/icons/WarmHome.js";
-import "../../providers/icons/Warning.js";
-import "../../providers/icons/WebAddress.js";
-import "../../providers/icons/WindPower.js";
-import "../Stack/Stack.js";
-import "../SubLabelText/SubLabelText.js";
-export {
-  _o as DateField
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateField = void 0;
+var DateField_1 = require("./DateField");
+Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return DateField_1.DateField; } });

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -1,8 +1,8 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Dd, Dl } from './styled';
-declare type DescriptionListProps = ComponentProps<typeof Dl>;
+type DescriptionListProps = ComponentProps<typeof Dl>;
 declare const DescriptionList: ({ children, ...rest }: DescriptionListProps) => JSX.Element;
-declare type DescriptionItemProps = ComponentProps<typeof Dd> & {
+type DescriptionItemProps = ComponentProps<typeof Dd> & {
     label: ReactNode;
     index?: number;
 };

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,26 +1,44 @@
-import { jsx as m, jsxs as e, Fragment as n } from "react/jsx-runtime";
-import { Children as p, cloneElement as s } from "react";
-import { Dl as c, Dt as l, Dd as d } from "./styled.js";
-import "../../utils-HsZygzDh.js";
-import "react-native";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils/utils.js";
-import "../../hooks/use-breakpoint.js";
-const v = ({ children: r, ...t }) => /* @__PURE__ */ m(c, { ...t, children: p.map(
-  r,
-  (i, o) => s(i, {
-    index: o
-  })
-) }), y = ({
-  label: r,
-  children: t,
-  index: i,
-  ...o
-}) => /* @__PURE__ */ e(n, { children: [
-  /* @__PURE__ */ m(l, { style: i === 0 ? { marginTop: 0 } : void 0, children: r }),
-  /* @__PURE__ */ m(d, { ...o, children: t })
-] });
-export {
-  y as DescriptionItem,
-  v as DescriptionList
+"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.DescriptionItem = exports.DescriptionList = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("../../utils");
+var styled_1 = require("./styled");
+var DescriptionList = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    var validChildren = (0, utils_1.getValidChildren)(children);
+    return ((0, jsx_runtime_1.jsx)(styled_1.Dl, __assign({}, rest, { children: react_1.Children.map(validChildren, function (child, index) {
+            return (0, react_1.cloneElement)(child, {
+                index: index,
+            });
+        }) })));
+};
+exports.DescriptionList = DescriptionList;
+var DescriptionItem = 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)(styled_1.Dt, { style: index === 0 ? { marginTop: 0 } : undefined, children: label }), (0, jsx_runtime_1.jsx)(styled_1.Dd, __assign({}, rest, { children: children }))] }));
+};
+exports.DescriptionItem = DescriptionItem;

package/dist/components/DescriptionList/index.js

@@ -1,13 +1,6 @@
-import { DescriptionItem as D, DescriptionList as f } from "./DescriptionList.js";
-import "react/jsx-runtime";
-import "react";
-import "./styled.js";
-import "../../utils-HsZygzDh.js";
-import "react-native";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils/utils.js";
-import "../../hooks/use-breakpoint.js";
-export {
-  D as DescriptionItem,
-  f as DescriptionList
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DescriptionItem = exports.DescriptionList = void 0;
+var DescriptionList_1 = require("./DescriptionList");
+Object.defineProperty(exports, "DescriptionList", { enumerable: true, get: function () { return DescriptionList_1.DescriptionList; } });
+Object.defineProperty(exports, "DescriptionItem", { enumerable: true, get: function () { return DescriptionList_1.DescriptionItem; } });

package/dist/components/DescriptionList/styled.d.ts

@@ -360,6 +360,8 @@ export declare const Dl: import("styled-components").StyledComponent<typeof impo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -370,6 +372,8 @@ export declare const Dl: import("styled-components").StyledComponent<typeof impo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -380,6 +384,8 @@ export declare const Dl: import("styled-components").StyledComponent<typeof impo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {