@navikt/ds-react 7.18.0 → 7.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,7 +18,7 @@ interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionPr
18
18
  }
19
19
  export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
20
20
  /**
21
- * @deprecated Prop will be removed in future versions. "default" will be the only variant.
21
+ * @deprecated "default" will be the only variant.
22
22
  * @default "default"
23
23
  */
24
24
  variant?: "default" | "neutral";
@@ -12,7 +12,7 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
12
12
  * Background color.
13
13
  * Accepts a [background color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#753d1cf4d1d6).
14
14
  * @default "bg-default"
15
- * @deprecated 'background'-prop will be removed in future major-versions. Use `<Box asChild background="...">` wrapped around `<Page>`.
15
+ * @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
16
16
  */
17
17
  background?: BackgroundColorToken;
18
18
  /**
@@ -39,13 +39,13 @@ const react_1 = __importStar(require("react"));
39
39
  const Theme_1 = require("../../theme/Theme");
40
40
  const PageBlock_1 = require("./parts/PageBlock");
41
41
  exports.PageComponent = (0, react_1.forwardRef)((_a, ref) => {
42
- var { as: Component = "div", className, style: _style, footer, children, footerPosition, background = "bg-default", contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
42
+ var { as: Component = "div", className, style: _style, footer, children, footerPosition, background, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
43
43
  const themeContext = (0, Theme_1.useThemeInternal)(false);
44
44
  const { cn } = (0, Theme_1.useRenameCSS)();
45
45
  if (process.env.NODE_ENV !== "production" && themeContext && background) {
46
46
  console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
47
47
  }
48
- const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background})` });
48
+ const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background !== null && background !== void 0 ? background : "bg-default"})` });
49
49
  const belowFold = footerPosition === "belowFold";
50
50
  return (react_1.default.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref, style: style }),
51
51
  react_1.default.createElement("div", { className: cn({
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAmE;AAGnE,iDAA8C;AAmCjC,QAAA,aAAa,GACxB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,GAAG,YAAY,EACzB,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,GAAG,GACnD,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,uCACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,qBAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,qBAAS,CAAC;AAEvB,kBAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAmE;AAGnE,iDAA8C;AAmCjC,QAAA,aAAa,GACxB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,EACV,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,YAAY,GAAG,GACnE,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,uCACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,qBAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,qBAAS,CAAC;AAEvB,kBAAe,IAAI,CAAC"}
package/cjs/list/List.js CHANGED
@@ -61,7 +61,7 @@ const headingSizeMap = {
61
61
  * ```
62
62
  */
63
63
  exports.List = (0, react_1.forwardRef)((_a, ref) => {
64
- var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
64
+ var { children, className, as: ListTag = "ul", title, description, headingTag, size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
65
65
  const { size: contextSize } = (0, react_1.useContext)(List_context_1.ListContext);
66
66
  const { cn } = (0, Theme_1.useRenameCSS)();
67
67
  const themeContext = (0, Theme_1.useThemeInternal)(false);
@@ -83,7 +83,7 @@ exports.List = (0, react_1.forwardRef)((_a, ref) => {
83
83
  size: listSize,
84
84
  } },
85
85
  react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
86
- title && (react_1.default.createElement(typography_1.Heading, { size: headingSizeMap[listSize], as: headingTag }, title)),
86
+ title && (react_1.default.createElement(typography_1.Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
87
87
  description && react_1.default.createElement(typography_1.BodyShort, { size: listSize }, description),
88
88
  react_1.default.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
89
89
  });
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAAgE;AAChE,8CAA2E;AAC3E,2CAAuC;AACvC,iDAA6C;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAVT,8GAWC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,EAAE,CAAC;QACjB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,8BAAC,oBAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,IACpD,KAAK,CACE,CACX;YACA,WAAW,IAAI,8BAAC,sBAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAAgE;AAChE,8CAA2E;AAC3E,2CAAuC;AACvC,iDAA6C;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAVT,8GAWC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,EAAE,CAAC;QACjB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,8BAAC,oBAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,IAC5D,KAAK,CACE,CACX;YACA,WAAW,IAAI,8BAAC,sBAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}
@@ -7,18 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
7
7
  as?: "ul" | "ol";
8
8
  /**
9
9
  * List heading title.
10
- * @deprecated Prop will be removed in future versions.
10
+ * @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
11
11
  */
12
12
  title?: string;
13
13
  /**
14
14
  * List heading description.
15
- * @deprecated Prop will be removed in future versions.
15
+ * @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
16
16
  */
17
17
  description?: string;
18
18
  /**
19
19
  * Allows setting a different HTML h-tag.
20
20
  * @default "h3"
21
- * @deprecated Prop will be removed in future versions.
21
+ * @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
22
22
  */
23
23
  headingTag?: React.ElementType<any>;
24
24
  /**
@@ -57,9 +57,8 @@ const [ThemeProvider, useThemeInternal] = (0, create_context_1.createContext)({
57
57
  });
58
58
  exports.useThemeInternal = useThemeInternal;
59
59
  const Theme = (0, react_1.forwardRef)((props, ref) => {
60
- var _a;
61
60
  const context = useThemeInternal(false);
62
- const { children, className, asChild = false, theme = (_a = context === null || context === void 0 ? void 0 : context.theme) !== null && _a !== void 0 ? _a : "light", hasBackground: hasBackgroundProp = true, } = props;
61
+ const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp = true, } = props;
63
62
  const isRoot = context === undefined;
64
63
  const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
65
64
  const SlotElement = asChild ? Slot_1.Slot : "div";
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AACpC,2DAAuD;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,IAAA,8BAAa,EAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,cAAE,EAAE;CACzB,CAAC,CAAC;AAgFa,oCAAY;AA9ErB,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,8BAAa,EAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AA2C2B,4CAAgB;AAnC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,OAAO,EACjC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
1
+ {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AACpC,2DAAuD;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,IAAA,8BAAa,EAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,cAAE,EAAE;CACzB,CAAC,CAAC;AAgFa,oCAAY;AA9ErB,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,8BAAa,EAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AA2C2B,4CAAgB;AAnC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
@@ -3,7 +3,7 @@ import { OverridableComponent } from "../util/types";
3
3
  import { TypoProps } from "./types";
4
4
  export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
5
5
  /**
6
- * @deprecated Medium === small
6
+ * @deprecated Medium is now the same as small.
7
7
  */
8
8
  size?: "medium" | "small";
9
9
  /**
@@ -18,7 +18,7 @@ interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionPr
18
18
  }
19
19
  export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
20
20
  /**
21
- * @deprecated Prop will be removed in future versions. "default" will be the only variant.
21
+ * @deprecated "default" will be the only variant.
22
22
  * @default "default"
23
23
  */
24
24
  variant?: "default" | "neutral";
@@ -12,7 +12,7 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
12
12
  * Background color.
13
13
  * Accepts a [background color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#753d1cf4d1d6).
14
14
  * @default "bg-default"
15
- * @deprecated 'background'-prop will be removed in future major-versions. Use `<Box asChild background="...">` wrapped around `<Page>`.
15
+ * @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
16
16
  */
17
17
  background?: BackgroundColorToken;
18
18
  /**
@@ -13,13 +13,13 @@ import React, { forwardRef } from "react";
13
13
  import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
14
14
  import { PageBlock } from "./parts/PageBlock.js";
15
15
  export const PageComponent = forwardRef((_a, ref) => {
16
- var { as: Component = "div", className, style: _style, footer, children, footerPosition, background = "bg-default", contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
16
+ var { as: Component = "div", className, style: _style, footer, children, footerPosition, background, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
17
17
  const themeContext = useThemeInternal(false);
18
18
  const { cn } = useRenameCSS();
19
19
  if (process.env.NODE_ENV !== "production" && themeContext && background) {
20
20
  console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
21
21
  }
22
- const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background})` });
22
+ const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background !== null && background !== void 0 ? background : "bg-default"})` });
23
23
  const belowFold = footerPosition === "belowFold";
24
24
  return (React.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref, style: style }),
25
25
  React.createElement("div", { className: cn({
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAmC9C,MAAM,CAAC,MAAM,aAAa,GACxB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,GAAG,YAAY,EACzB,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,GAAG,GACnD,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,6BACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,aAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAEvB,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAmC9C,MAAM,CAAC,MAAM,aAAa,GACxB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,EACV,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,YAAY,GAAG,GACnE,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,6BACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,aAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAEvB,eAAe,IAAI,CAAC"}
package/esm/list/List.js CHANGED
@@ -35,7 +35,7 @@ const headingSizeMap = {
35
35
  * ```
36
36
  */
37
37
  export const List = forwardRef((_a, ref) => {
38
- var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
38
+ var { children, className, as: ListTag = "ul", title, description, headingTag, size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
39
39
  const { size: contextSize } = useContext(ListContext);
40
40
  const { cn } = useRenameCSS();
41
41
  const themeContext = useThemeInternal(false);
@@ -57,7 +57,7 @@ export const List = forwardRef((_a, ref) => {
57
57
  size: listSize,
58
58
  } },
59
59
  React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
60
- title && (React.createElement(Heading, { size: headingSizeMap[listSize], as: headingTag }, title)),
60
+ title && (React.createElement(Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
61
61
  description && React.createElement(BodyShort, { size: listSize }, description),
62
62
  React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
63
63
  });
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAVT,8GAWC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,EAAE,CAAC;QACjB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,oBAAC,OAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,IACpD,KAAK,CACE,CACX;YACA,WAAW,IAAI,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":"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"}
@@ -7,18 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
7
7
  as?: "ul" | "ol";
8
8
  /**
9
9
  * List heading title.
10
- * @deprecated Prop will be removed in future versions.
10
+ * @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
11
11
  */
12
12
  title?: string;
13
13
  /**
14
14
  * List heading description.
15
- * @deprecated Prop will be removed in future versions.
15
+ * @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
16
16
  */
17
17
  description?: string;
18
18
  /**
19
19
  * Allows setting a different HTML h-tag.
20
20
  * @default "h3"
21
- * @deprecated Prop will be removed in future versions.
21
+ * @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
22
22
  */
23
23
  headingTag?: React.ElementType<any>;
24
24
  /**
@@ -25,9 +25,8 @@ const [ThemeProvider, useThemeInternal] = createContext({
25
25
  providerName: "ThemeProvider",
26
26
  });
27
27
  const Theme = forwardRef((props, ref) => {
28
- var _a;
29
28
  const context = useThemeInternal(false);
30
- const { children, className, asChild = false, theme = (_a = context === null || context === void 0 ? void 0 : context.theme) !== null && _a !== void 0 ? _a : "light", hasBackground: hasBackgroundProp = true, } = props;
29
+ const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp = true, } = props;
31
30
  const isRoot = context === undefined;
32
31
  const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
33
32
  const SlotElement = asChild ? Slot : "div";
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAQH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,OAAO,EACjC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAQH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -3,7 +3,7 @@ import { OverridableComponent } from "../util/types/index.js";
3
3
  import { TypoProps } from "./types.js";
4
4
  export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
5
5
  /**
6
- * @deprecated Medium === small
6
+ * @deprecated Medium is now the same as small.
7
7
  */
8
8
  size?: "medium" | "small";
9
9
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "7.18.0",
3
+ "version": "7.19.1",
4
4
  "description": "React components from the Norwegian Labour and Welfare Administration.",
5
5
  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
6
6
  "license": "MIT",
@@ -625,8 +625,8 @@
625
625
  "dependencies": {
626
626
  "@floating-ui/react": "0.25.4",
627
627
  "@floating-ui/react-dom": "^2.0.9",
628
- "@navikt/aksel-icons": "^7.18.0",
629
- "@navikt/ds-tokens": "^7.18.0",
628
+ "@navikt/aksel-icons": "^7.19.1",
629
+ "@navikt/ds-tokens": "^7.19.1",
630
630
  "clsx": "^2.1.0",
631
631
  "date-fns": "^4.0.0",
632
632
  "react-day-picker": "9.6.1"
@@ -31,7 +31,7 @@ interface AccordionComponent
31
31
 
32
32
  export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
33
33
  /**
34
- * @deprecated Prop will be removed in future versions. "default" will be the only variant.
34
+ * @deprecated "default" will be the only variant.
35
35
  * @default "default"
36
36
  */
37
37
  variant?: "default" | "neutral";
@@ -14,7 +14,7 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
14
14
  * Background color.
15
15
  * Accepts a [background color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#753d1cf4d1d6).
16
16
  * @default "bg-default"
17
- * @deprecated 'background'-prop will be removed in future major-versions. Use `<Box asChild background="...">` wrapped around `<Page>`.
17
+ * @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
18
18
  */
19
19
  background?: BackgroundColorToken;
20
20
  /**
@@ -47,7 +47,7 @@ export const PageComponent: OverridableComponent<PageProps, HTMLElement> =
47
47
  footer,
48
48
  children,
49
49
  footerPosition,
50
- background = "bg-default",
50
+ background,
51
51
  contentBlockPadding = "end",
52
52
  ...rest
53
53
  },
@@ -64,7 +64,7 @@ export const PageComponent: OverridableComponent<PageProps, HTMLElement> =
64
64
 
65
65
  const style: React.CSSProperties = {
66
66
  ..._style,
67
- "--__ac-page-background": `var(--a-${background})`,
67
+ "--__ac-page-background": `var(--a-${background ?? "bg-default"})`,
68
68
  };
69
69
 
70
70
  const belowFold = footerPosition === "belowFold";
package/src/list/List.tsx CHANGED
@@ -48,7 +48,7 @@ export const List = forwardRef<HTMLDivElement, ListProps>(
48
48
  as: ListTag = "ul",
49
49
  title,
50
50
  description,
51
- headingTag = "h3",
51
+ headingTag,
52
52
  size,
53
53
  "aria-label": _ariaLabel,
54
54
  "aria-labelledby": _ariaLabelledBy,
@@ -114,7 +114,7 @@ export const List = forwardRef<HTMLDivElement, ListProps>(
114
114
  className={cn("navds-list", `navds-list--${listSize}`, className)}
115
115
  >
116
116
  {title && (
117
- <Heading size={headingSizeMap[listSize]} as={headingTag}>
117
+ <Heading size={headingSizeMap[listSize]} as={headingTag ?? "h3"}>
118
118
  {title}
119
119
  </Heading>
120
120
  )}
@@ -7,18 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
7
7
  as?: "ul" | "ol";
8
8
  /**
9
9
  * List heading title.
10
- * @deprecated Prop will be removed in future versions.
10
+ * @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
11
11
  */
12
12
  title?: string;
13
13
  /**
14
14
  * List heading description.
15
- * @deprecated Prop will be removed in future versions.
15
+ * @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
16
16
  */
17
17
  description?: string;
18
18
  /**
19
19
  * Allows setting a different HTML h-tag.
20
20
  * @default "h3"
21
- * @deprecated Prop will be removed in future versions.
21
+ * @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
22
22
  */
23
23
  headingTag?: React.ElementType<any>;
24
24
  /**
@@ -72,7 +72,7 @@ const Theme = forwardRef<HTMLDivElement, ThemeProps>(
72
72
  children,
73
73
  className,
74
74
  asChild = false,
75
- theme = context?.theme ?? "light",
75
+ theme = context?.theme,
76
76
  hasBackground: hasBackgroundProp = true,
77
77
  } = props;
78
78
 
@@ -8,7 +8,7 @@ export interface DetailProps
8
8
  extends TypoProps,
9
9
  React.HTMLAttributes<HTMLParagraphElement> {
10
10
  /**
11
- * @deprecated Medium === small
11
+ * @deprecated Medium is now the same as small.
12
12
  */
13
13
  size?: "medium" | "small";
14
14
  /**