@navikt/ds-react 7.29.1 → 7.30.0

package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js

@@ -66,7 +66,7 @@ const DatePickerWeekNumber = ({ week: { weekNumber, days }, onWeekNumberClick, c
             }) },
             react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: style, className: cn("navds-date__weeknumber", "rdp-weeknumber"), onClick: () => {
                     onWeekNumberClick(weekNumber, days.map((day) => day.date));
-                }, icon: react_1.default.createElement("span", { className: "navds-date__weeknumber-number" }, weekNumber) }))));
+                }, icon: react_1.default.createElement("span", { className: cn("navds-date__weeknumber-number") }, weekNumber) }))));
 };
 exports.DatePickerWeekNumber = DatePickerWeekNumber;
 //# sourceMappingURL=DatePicker.WeekNumber.js.map

package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uDAA8D;AAC9D,4CAAyC;AACzC,2DAAwD;AACxD,gDAAoD;AACpD,oDAA6C;AAC7C,mDAA8D;AAG9D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAC1B,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,aAAa,GAKiC,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IACxD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IACE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,iBAAI,CAAC;IAEhD,IAAI,CAAC,iBAAiB,IAAI,QAAQ,EAAE,CAAC;QACnC,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;YAC7B,sCAAI,SAAS,EAAC,UAAU;gBACtB,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBACA,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACN,CACO,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QAC7B,sCACE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE;gBACxB,0BAA0B,EAAE,CAAC,aAAa;aAC3C,CAAC;YAEF,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CACf,UAAU,EACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5B,CAAC;gBACJ,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAQ,GAErE,CACC,CACO,CACf,CAAC;AACJ,CAAC,CAAC;AAEO,oDAAoB"}
+{"version":3,"file":"DatePicker.WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uDAA8D;AAC9D,4CAAyC;AACzC,2DAAwD;AACxD,gDAAoD;AACpD,oDAA6C;AAC7C,mDAA8D;AAG9D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAC1B,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,aAAa,GAKiC,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IACxD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IACE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,iBAAI,CAAC;IAEhD,IAAI,CAAC,iBAAiB,IAAI,QAAQ,EAAE,CAAC;QACnC,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;YAC7B,sCAAI,SAAS,EAAC,UAAU;gBACtB,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBACA,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACN,CACO,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QAC7B,sCACE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE;gBACxB,0BAA0B,EAAE,CAAC,aAAa;aAC3C,CAAC;YAEF,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CACf,UAAU,EACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5B,CAAC;gBACJ,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,IACjD,UAAU,CACN,GAET,CACC,CACO,CACf,CAAC;AACJ,CAAC,CAAC;AAEO,oDAAoB"}

package/cjs/form/form-summary/FormSummary.d.ts

@@ -2,13 +2,14 @@ import React, { HTMLAttributes } from "react";
 import FormSummaryAnswer from "./FormSummaryAnswer";
 import FormSummaryAnswers from "./FormSummaryAnswers";
 import FormSummaryEditLink from "./FormSummaryEditLink";
+import FormSummaryFooter from "./FormSummaryFooter";
 import FormSummaryHeader from "./FormSummaryHeader";
 import FormSummaryHeading from "./FormSummaryHeading";
 import FormSummaryLabel from "./FormSummaryLabel";
 import FormSummaryValue from "./FormSummaryValue";
 interface FormSummaryComponent extends React.ForwardRefExoticComponent<FormSummaryProps & React.RefAttributes<HTMLDivElement>> {
     /**
-     * Must include `<FormSummary.Heading>` and optionally `<FormSummary.EditLink>`.
+     * Must include `<FormSummary.Heading>`.
      */
     Header: typeof FormSummaryHeader;
     /**
@@ -16,7 +17,7 @@ interface FormSummaryComponent extends React.ForwardRefExoticComponent<FormSumma
      */
     Heading: typeof FormSummaryHeading;
     /**
-     * Link to edit the answers to use in the `FormSummary.Header` component. Should link to the relevant part of the form.
+     * Link to edit the answers to use in the `FormSummary.Footer` component. Should link to the relevant part of the form.
      */
     EditLink: typeof FormSummaryEditLink;
     /**
@@ -35,6 +36,10 @@ interface FormSummaryComponent extends React.ForwardRefExoticComponent<FormSumma
      * Corresponds to the answer in the form. To be used in the `FormSummary.Answer` component.
      */
     Value: typeof FormSummaryValue;
+    /**
+     * Footer component for the form summary, if applicable this is a good place for `<FormSummary.EditLink>`.
+     */
+    Footer: typeof FormSummaryFooter;
 }
 export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -42,20 +47,7 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
      *
      *  - `<FormSummary.Header>`
      *  - `<FormSummary.Answers>`
-     *
-     * @example
-     * <FormSummary>
-     *   <FormSummary.Header>
-     *     <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
-     *     <FormSummary.EditLink href="#" />
-     *   </FormSummary.Header>
-     *   <FormSummary.Answers>
-     *     <FormSummary.Answer>
-     *       <FormSummary.Label>Navn</FormSummary.Label>
-     *       <FormSummary.Value>Ola Nordmann</FormSummary.Value>
-     *     </FormSummary.Answer>
-     *   </FormSummary.Answers>
-     * </FormSummary>
+     *  - `<FormSummary.Footer>` (optional)
      */
     children: React.ReactNode;
 }
@@ -68,7 +60,6 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
  * <FormSummary>
  *   <FormSummary.Header>
  *     <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
- *     <FormSummary.EditLink href="#" />
  *   </FormSummary.Header>
  *   <FormSummary.Answers>
  *     <FormSummary.Answer>
@@ -76,6 +67,9 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
  *       <FormSummary.Value>Ola Nordmann</FormSummary.Value>
  *     </FormSummary.Answer>
  *   </FormSummary.Answers>
+ *   <FormSummary.Footer>
+ *     <FormSummary.EditLink href="#" />
+ *   </FormSummary.Footer>
  * </FormSummary>
  */
 export declare const FormSummary: FormSummaryComponent;

package/cjs/form/form-summary/FormSummary.js

@@ -53,6 +53,7 @@ const Theme_1 = require("../../theme/Theme");
 const FormSummaryAnswer_1 = __importDefault(require("./FormSummaryAnswer"));
 const FormSummaryAnswers_1 = __importDefault(require("./FormSummaryAnswers"));
 const FormSummaryEditLink_1 = __importDefault(require("./FormSummaryEditLink"));
+const FormSummaryFooter_1 = __importDefault(require("./FormSummaryFooter"));
 const FormSummaryHeader_1 = __importDefault(require("./FormSummaryHeader"));
 const FormSummaryHeading_1 = __importDefault(require("./FormSummaryHeading"));
 const FormSummaryLabel_1 = __importDefault(require("./FormSummaryLabel"));
@@ -66,7 +67,6 @@ const FormSummaryValue_1 = __importDefault(require("./FormSummaryValue"));
  * <FormSummary>
  *   <FormSummary.Header>
  *     <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
- *     <FormSummary.EditLink href="#" />
  *   </FormSummary.Header>
  *   <FormSummary.Answers>
  *     <FormSummary.Answer>
@@ -74,6 +74,9 @@ const FormSummaryValue_1 = __importDefault(require("./FormSummaryValue"));
  *       <FormSummary.Value>Ola Nordmann</FormSummary.Value>
  *     </FormSummary.Answer>
  *   </FormSummary.Answers>
+ *   <FormSummary.Footer>
+ *     <FormSummary.EditLink href="#" />
+ *   </FormSummary.Footer>
  * </FormSummary>
  */
 exports.FormSummary = (0, react_1.forwardRef)((_a, ref) => {
@@ -88,5 +91,6 @@ exports.FormSummary.Answers = FormSummaryAnswers_1.default;
 exports.FormSummary.Answer = FormSummaryAnswer_1.default;
 exports.FormSummary.Label = FormSummaryLabel_1.default;
 exports.FormSummary.Value = FormSummaryValue_1.default;
+exports.FormSummary.Footer = FormSummaryFooter_1.default;
 exports.default = exports.FormSummary;
 //# sourceMappingURL=FormSummary.js.map

package/cjs/form/form-summary/FormSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,6CAAiD;AACjD,4EAAoD;AACpD,8EAAsD;AACtD,gFAAwD;AACxD,4EAAoD;AACpD,8EAAsD;AACtD,0EAAkD;AAClD,0EAAkD;AA4DlD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,QAAQ,GAAG,6BAAmB,CAAC;AAC3C,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AACrC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AAErC,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,6CAAiD;AACjD,4EAAoD;AACpD,8EAAsD;AACtD,gFAAwD;AACxD,4EAAoD;AACpD,4EAAoD;AACpD,8EAAsD;AACtD,0EAAkD;AAClD,0EAAkD;AAmDlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,QAAQ,GAAG,6BAAmB,CAAC;AAC3C,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AACrC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AACrC,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AAEvC,kBAAe,mBAAW,CAAC"}

package/cjs/form/form-summary/FormSummaryEditLink.js

@@ -46,14 +46,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSummaryEditLink = void 0;
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const link_1 = require("../../link");
 const Theme_1 = require("../../theme/Theme");
+const composition_warning_1 = require("../../util/composition-warning");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
 exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
     const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("FormSummary");
-    return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: cn("navds-form-summary__edit", className) }), children || translate("editAnswer")));
+    return (react_1.default.createElement(composition_warning_1.CompositionWarning.Forbidden, { name: "FormSummary.Header", message: "<FormSummary.EditLink> should not be placed in <FormSummary.Header> anymore. See https://aksel.nav.no/komponenter/core/formsummary" },
+        react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: cn("navds-form-summary__edit", className) }),
+            react_1.default.createElement(aksel_icons_1.PencilIcon, { "aria-hidden": true, fontSize: "1.5rem" }),
+            children || translate("editAnswer"))));
 });
 exports.default = exports.FormSummaryEditLink;
 //# sourceMappingURL=FormSummaryEditLink.js.map

package/cjs/form/form-summary/FormSummaryEditLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qCAAkC;AAClC,6CAAiD;AACjD,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
+{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAiD;AACjD,qCAAkC;AAClC,6CAAiD;AACjD,wEAAoE;AACpE,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,8BAAC,wCAAkB,CAAC,SAAS,IAC3B,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAC,oIAAoI;QAE5I,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC;YAEpD,8BAAC,wBAAU,yBAAa,QAAQ,EAAC,QAAQ,GAAG;YAC3C,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACsB,CAChC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}

package/cjs/form/form-summary/FormSummaryFooter.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/**
+ * Footer slot for actions in `FormSummary`.
+ */
+export interface FormSummaryFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Should include `<FormSummary.EditLink>`.
+     */
+    children: React.ReactNode;
+}
+export declare const FormSummaryFooter: React.ForwardRefExoticComponent<FormSummaryFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default FormSummaryFooter;

package/cjs/form/form-summary/FormSummaryFooter.js

@@ -0,0 +1,56 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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.FormSummaryFooter = void 0;
+const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
+exports.FormSummaryFooter = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, "data-color": "info" }, rest, { className: cn("navds-form-summary__footer", className) }), children));
+});
+exports.default = exports.FormSummaryFooter;
+//# sourceMappingURL=FormSummaryFooter.js.map

package/cjs/form/form-summary/FormSummaryFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSummaryFooter.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAapC,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,gBACG,MAAM,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}

package/cjs/form/form-summary/FormSummaryHeader.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export interface FormSummaryHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Must include `<FormSummary.Heading>` and optionally `<FormSummary.EditLink>`.
+     * Must include `<FormSummary.Heading>`.
      */
     children: React.ReactNode;
 }

package/cjs/form/form-summary/FormSummaryHeader.js

@@ -47,10 +47,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSummaryHeader = void 0;
 const react_1 = __importStar(require("react"));
 const Theme_1 = require("../../theme/Theme");
+const composition_warning_1 = require("../../util/composition-warning");
 exports.FormSummaryHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("header", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children));
+    return (react_1.default.createElement(composition_warning_1.CompositionWarning.Root, { name: "FormSummary.Header" },
+        react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children)));
 });
 exports.default = exports.FormSummaryHeader;
 //# sourceMappingURL=FormSummaryHeader.js.map

package/cjs/form/form-summary/FormSummaryHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAUpC,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,wEAAoE;AAUvD,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,SAAS,OAAmC,EAA9B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,wCAAkB,CAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB;QAChD,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}

package/cjs/form/form-summary/index.d.ts

@@ -2,6 +2,7 @@ export { default as FormSummary, type FormSummaryProps } from "./FormSummary";
 export { default as FormSummaryAnswer, type FormSummaryAnswerProps, } from "./FormSummaryAnswer";
 export { default as FormSummaryAnswers, type FormSummaryAnswersProps, } from "./FormSummaryAnswers";
 export { default as FormSummaryEditLink, type FormSummaryEditProps, } from "./FormSummaryEditLink";
+export { default as FormSummaryFooter, type FormSummaryFooterProps, } from "./FormSummaryFooter";
 export { default as FormSummaryHeader, type FormSummaryHeaderProps, } from "./FormSummaryHeader";
 export { default as FormSummaryHeading, type FormSummaryHeadingProps, } from "./FormSummaryHeading";
 export { default as FormSummaryLabel, type FormSummaryLabelProps, } from "./FormSummaryLabel";

package/cjs/form/form-summary/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormSummaryValue = exports.FormSummaryLabel = exports.FormSummaryHeading = exports.FormSummaryHeader = exports.FormSummaryEditLink = exports.FormSummaryAnswers = exports.FormSummaryAnswer = exports.FormSummary = void 0;
+exports.FormSummaryValue = exports.FormSummaryLabel = exports.FormSummaryHeading = exports.FormSummaryHeader = exports.FormSummaryFooter = exports.FormSummaryEditLink = exports.FormSummaryAnswers = exports.FormSummaryAnswer = exports.FormSummary = void 0;
 var FormSummary_1 = require("./FormSummary");
 Object.defineProperty(exports, "FormSummary", { enumerable: true, get: function () { return __importDefault(FormSummary_1).default; } });
 var FormSummaryAnswer_1 = require("./FormSummaryAnswer");
@@ -13,6 +13,8 @@ var FormSummaryAnswers_1 = require("./FormSummaryAnswers");
 Object.defineProperty(exports, "FormSummaryAnswers", { enumerable: true, get: function () { return __importDefault(FormSummaryAnswers_1).default; } });
 var FormSummaryEditLink_1 = require("./FormSummaryEditLink");
 Object.defineProperty(exports, "FormSummaryEditLink", { enumerable: true, get: function () { return __importDefault(FormSummaryEditLink_1).default; } });
+var FormSummaryFooter_1 = require("./FormSummaryFooter");
+Object.defineProperty(exports, "FormSummaryFooter", { enumerable: true, get: function () { return __importDefault(FormSummaryFooter_1).default; } });
 var FormSummaryHeader_1 = require("./FormSummaryHeader");
 Object.defineProperty(exports, "FormSummaryHeader", { enumerable: true, get: function () { return __importDefault(FormSummaryHeader_1).default; } });
 var FormSummaryHeading_1 = require("./FormSummaryHeading");

package/cjs/form/form-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAA8E;AAArE,2HAAA,OAAO,OAAe;AAC/B,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,6DAG+B;AAF7B,2IAAA,OAAO,OAAuB;AAGhC,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB;AAG7B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAA8E;AAArE,2HAAA,OAAO,OAAe;AAC/B,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,6DAG+B;AAF7B,2IAAA,OAAO,OAAuB;AAGhC,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB;AAG7B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB"}

package/cjs/timeline/period/index.d.ts

@@ -26,7 +26,7 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
     /**
      * Callback when selecting a period.
      */
-    onSelectPeriod?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onSelectPeriod?: (event: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => void;
     /**
      * Content displayed in Popover on click.
      */

package/cjs/timeline/period/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAuDzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,6DAAK,CAAC;IACf,CAAC;IACD,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAyDzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,6DAAK,CAAC;IACf,CAAC;IACD,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}

package/cjs/timeline/utils/timeline.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode } from "react";
+import type { TimelineRowProps } from "..";
 import { Period } from "./types.external";
-type ParsedChild = {
-    label?: string;
+type ParsedRow = {
+    label: string;
     icon?: React.ReactNode;
-    headingTag: string;
+    headingTag?: string;
     periods: Omit<Period, "id" | "endInclusive">[];
-    restProps: any;
-    ref: any;
+    restProps: Omit<TimelineRowProps, "label" | "icon" | "headingTag">;
+    ref?: React.Ref<HTMLOListElement>;
 };
-export declare const parseRows: (rowChildren: ReactNode[]) => ParsedChild[];
+export declare const parseRows: (rowChildren: ReactNode[]) => ParsedRow[];
 export {};

package/cjs/timeline/utils/timeline.js

@@ -6,73 +6,50 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseRows = void 0;
 const react_1 = __importDefault(require("react"));
 const util_1 = require("../../util");
+const getChildRef_1 = require("../../util/getChildRef");
 const parseRows = (rowChildren) => {
     const parsedChildren = [];
-    rowChildren === null || rowChildren === void 0 ? void 0 : rowChildren.forEach((r) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    rowChildren === null || rowChildren === void 0 ? void 0 : rowChildren.forEach((row) => {
         const periods = [];
-        if (react_1.default.isValidElement(r) && ((_a = r === null || r === void 0 ? void 0 : r.props) === null || _a === void 0 ? void 0 : _a.children)) {
-            if (Array.isArray(r.props.children)) {
-                for (let i = 0; i < r.props.children.length; i++) {
-                    const p = r.props.children[i];
-                    periods.push({
-                        start: (_b = p === null || p === void 0 ? void 0 : p.props) === null || _b === void 0 ? void 0 : _b.start,
-                        end: (_c = p === null || p === void 0 ? void 0 : p.props) === null || _c === void 0 ? void 0 : _c.end,
-                        status: ((_d = p === null || p === void 0 ? void 0 : p.props) === null || _d === void 0 ? void 0 : _d.status) || "neutral",
-                        onSelectPeriod: (_e = p.props) === null || _e === void 0 ? void 0 : _e.onSelectPeriod,
-                        label: r.props.label,
-                        icon: p.props.icon,
-                        children: p.props.children,
-                        isActive: p.props.isActive,
-                        statusLabel: p.props.statusLabel,
-                        restProps: (0, util_1.omit)(p.props, [
-                            "start",
-                            "end",
-                            "status",
-                            "onSelectPeriod",
-                            "label",
-                            "icon",
-                            "children",
-                            "isActive",
-                            "statusLabel",
-                        ]),
-                        ref: p === null || p === void 0 ? void 0 : p.ref,
-                    });
-                }
-            }
-            else {
-                periods.push({
-                    start: r.props.children.props.start,
-                    end: r.props.children.props.end,
-                    status: ((_f = r.props.children.props) === null || _f === void 0 ? void 0 : _f.status) || "neutral",
-                    onSelectPeriod: (_g = r.props.children.props) === null || _g === void 0 ? void 0 : _g.onSelectPeriod,
-                    label: r.props.label,
-                    icon: (_h = r.props.children.props) === null || _h === void 0 ? void 0 : _h.icon,
-                    children: (_j = r.props.children.props) === null || _j === void 0 ? void 0 : _j.children,
-                    statusLabel: (_k = r.props.children.props) === null || _k === void 0 ? void 0 : _k.statusLabel,
-                    restProps: (0, util_1.omit)(r.props.children.props, [
-                        "start",
-                        "end",
-                        "status",
-                        "onSelectPeriod",
-                        "label",
-                        "icon",
-                        "children",
-                        "isActive",
-                        "statusLabel",
-                    ]),
-                    ref: (_m = (_l = r.props) === null || _l === void 0 ? void 0 : _l.children) === null || _m === void 0 ? void 0 : _m.ref,
-                });
+        if (!react_1.default.isValidElement(row) ||
+            !row.props.children) {
+            return;
+        }
+        react_1.default.Children.toArray(row.props.children).forEach((period) => {
+            if (!react_1.default.isValidElement(period)) {
+                return;
             }
-            parsedChildren.push({
-                label: r.props.label,
-                icon: r.props.icon,
-                headingTag: r.props.headingTag,
-                periods,
-                restProps: (0, util_1.omit)(r.props, ["label", "icon", "headingTag"]),
-                ref: r === null || r === void 0 ? void 0 : r.ref,
+            periods.push({
+                start: period.props.start,
+                end: period.props.end,
+                status: period.props.status || "neutral",
+                onSelectPeriod: period.props.onSelectPeriod,
+                icon: period.props.icon,
+                children: period.props.children,
+                isActive: period.props.isActive,
+                statusLabel: period.props.statusLabel,
+                restProps: (0, util_1.omit)(period.props, [
+                    "start",
+                    "end",
+                    "status",
+                    "onSelectPeriod",
+                    "icon",
+                    "children",
+                    "isActive",
+                    "statusLabel",
+                    "placement",
+                ]),
+                ref: (0, getChildRef_1.getChildRef)(period),
             });
-        }
+        });
+        parsedChildren.push({
+            label: row.props.label,
+            icon: row.props.icon,
+            headingTag: row.props.headingTag,
+            periods,
+            restProps: (0, util_1.omit)(row.props, ["label", "icon", "headingTag"]),
+            ref: (0, getChildRef_1.getChildRef)(row),
+        });
     });
     return parsedChildren;
 };

package/cjs/timeline/utils/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../../src/timeline/utils/timeline.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../../src/timeline/utils/timeline.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AAEzC,qCAAkC;AAClC,wDAAqD;AAe9C,MAAM,SAAS,GAAG,CAAC,WAAwB,EAAE,EAAE;IACpD,MAAM,cAAc,GAAgB,EAAE,CAAC;IAEvC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC,GAAoB,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAyB,EAAE,CAAC;QAEzC,IACE,CAAC,eAAK,CAAC,cAAc,CAA0B,GAAG,CAAC;YACnD,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EACnB,CAAC;YACD,OAAO;QACT,CAAC;QAED,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5D,IAAI,CAAC,eAAK,CAAC,cAAc,CAA6B,MAAM,CAAC,EAAE,CAAC;gBAC9D,OAAO;YACT,CAAC;YAED,OAAO,CAAC,IAAI,CAAC;gBACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;gBACzB,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG;gBACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS;gBACxC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,cAAc;gBAC3C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;gBACvB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gBAC/B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gBAC/B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW;gBACrC,SAAS,EAAE,IAAA,WAAI,EAAC,MAAM,CAAC,KAAK,EAAE;oBAC5B,OAAO;oBACP,KAAK;oBACL,QAAQ;oBACR,gBAAgB;oBAChB,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,aAAa;oBACb,WAAW;iBACZ,CAAC;gBACF,GAAG,EAAE,IAAA,yBAAW,EAAC,MAAM,CAAC;aACzB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI;YACpB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,OAAO;YACP,SAAS,EAAE,IAAA,WAAI,EAAC,GAAG,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;YAC3D,GAAG,EAAE,IAAA,yBAAW,EAAC,GAAG,CAAC;SACtB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AArDW,QAAA,SAAS,aAqDpB"}

package/cjs/timeline/utils/types.external.d.ts

@@ -7,18 +7,17 @@ export interface Positioned {
 }
 export interface Period {
     id: string;
-    label?: string;
     start: Date;
     endInclusive: Date;
     status?: PeriodStatus;
-    onSelectPeriod?: () => void;
+    onSelectPeriod?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
     icon?: React.ReactNode;
     children?: React.ReactNode;
     end: Date;
     isActive?: boolean;
     statusLabel?: string;
     restProps?: any;
-    ref?: Element;
+    ref?: React.Ref<HTMLDivElement | HTMLButtonElement>;
 }
 export interface PositionedPeriod extends Period, Positioned {
     width: number;

package/cjs/timeline/utils/types.internal.d.ts

@@ -11,7 +11,7 @@ export interface Period {
     start: Date;
     endInclusive: Date;
     status?: PeriodStatus;
-    onSelectPeriod?: () => void;
+    onSelectPeriod?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
     icon?: React.ReactNode;
     children?: React.ReactNode;
     isActive?: boolean;

package/cjs/util/composition-warning/CompositionWarning.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Give warnings based on component composition (which slot/parent a child is rendered in).
+ *
+ * Used when child components need to know which slot/parent they are rendered in
+ * (e.g. `FormSummary.Header` vs `FormSummary.Footer`) and should warn or error in development
+ * if placed in a discouraged or forbidden slot.
+ *
+ * Usage:
+ * - Wrap slot components with <CompositionWarning.Root name="FormSummary.Header">...</CompositionWarning.Root>
+ * - In child: `<CompositionWarning.Forbidden name="FormSummary.Header" />` to forbid slot.
+ *
+ * This is guidance only: warnings are logged to the console in development, never enforced at runtime.
+ */
+import React from "react";
+type CompositionName = string;
+type CompositionWarningContextType = {
+    /**
+     * Name of the slot component we want to check.
+     */
+    name: CompositionName;
+};
+declare const CompositionWarning: React.ForwardRefExoticComponent<CompositionWarningContextType & {
+    children: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+type CompositionWarningForbiddenProps = {
+    children?: React.ReactElement;
+    /**
+     * Name of the parent slot component where the child is not allowed.
+     */
+    name: CompositionName;
+    /**
+     * Warning message to display if the child is found.
+     */
+    message: string;
+};
+declare function CompositionWarningForbidden({ children, name, message, }: CompositionWarningForbiddenProps): React.JSX.Element;
+export { CompositionWarningForbidden as Forbidden, CompositionWarning as Root };

package/cjs/util/composition-warning/CompositionWarning.js

@@ -0,0 +1,71 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = void 0;
+exports.Forbidden = CompositionWarningForbidden;
+/**
+ * Give warnings based on component composition (which slot/parent a child is rendered in).
+ *
+ * Used when child components need to know which slot/parent they are rendered in
+ * (e.g. `FormSummary.Header` vs `FormSummary.Footer`) and should warn or error in development
+ * if placed in a discouraged or forbidden slot.
+ *
+ * Usage:
+ * - Wrap slot components with <CompositionWarning.Root name="FormSummary.Header">...</CompositionWarning.Root>
+ * - In child: `<CompositionWarning.Forbidden name="FormSummary.Header" />` to forbid slot.
+ *
+ * This is guidance only: warnings are logged to the console in development, never enforced at runtime.
+ */
+const react_1 = __importStar(require("react"));
+const Slot_1 = require("../../slot/Slot");
+const create_context_1 = require("../create-context");
+const isDev = process.env.NODE_ENV !== "production";
+const [CompositionWarning, useCompositionWarning] = (0, create_context_1.createContext)({
+    errorMessage: "useCompositionWarning() must be used within <CompositionWarning />",
+});
+exports.Root = CompositionWarning;
+function CompositionWarningForbidden({ children, name, message, }) {
+    var _a;
+    const compositionName = (_a = useCompositionWarning(false)) === null || _a === void 0 ? void 0 : _a.name;
+    const elementRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!isDev || !compositionName || name !== compositionName) {
+            return;
+        }
+        console.warn(`[Aksel] ${message}\nElement: `, elementRef.current);
+    }, [compositionName, name, message]);
+    return react_1.default.createElement(Slot_1.Slot, { ref: elementRef }, children);
+}
+//# sourceMappingURL=CompositionWarning.js.map