@navikt/ds-react 7.18.0 → 7.19.0
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.
- package/cjs/accordion/Accordion.d.ts +1 -1
- package/cjs/layout/page/Page.d.ts +1 -1
- package/cjs/list/List.js +2 -2
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/List.types.d.ts +3 -3
- package/cjs/theme/Theme.js +1 -2
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/typography/Detail.d.ts +1 -1
- package/esm/accordion/Accordion.d.ts +1 -1
- package/esm/layout/page/Page.d.ts +1 -1
- package/esm/list/List.js +2 -2
- package/esm/list/List.js.map +1 -1
- package/esm/list/List.types.d.ts +3 -3
- package/esm/theme/Theme.js +1 -2
- package/esm/theme/Theme.js.map +1 -1
- package/esm/typography/Detail.d.ts +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +1 -1
- package/src/layout/page/Page.tsx +1 -1
- package/src/list/List.tsx +2 -2
- package/src/list/List.types.ts +3 -3
- package/src/theme/Theme.tsx +1 -1
- package/src/typography/Detail.tsx +1 -1
|
@@ -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
|
|
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
|
|
15
|
+
* @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
|
|
16
16
|
*/
|
|
17
17
|
background?: BackgroundColorToken;
|
|
18
18
|
/**
|
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
|
|
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
|
});
|
package/cjs/list/List.js.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/cjs/list/List.types.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
/**
|
package/cjs/theme/Theme.js
CHANGED
|
@@ -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 =
|
|
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";
|
package/cjs/theme/Theme.js.map
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
15
|
+
* @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
|
|
16
16
|
*/
|
|
17
17
|
background?: BackgroundColorToken;
|
|
18
18
|
/**
|
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
|
|
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
|
});
|
package/esm/list/List.js.map
CHANGED
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":"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"}
|
package/esm/list/List.types.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
/**
|
package/esm/theme/Theme.js
CHANGED
|
@@ -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 =
|
|
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";
|
package/esm/theme/Theme.js.map
CHANGED
|
@@ -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
|
|
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
|
|
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.
|
|
3
|
+
"version": "7.19.0",
|
|
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.
|
|
629
|
-
"@navikt/ds-tokens": "^7.
|
|
628
|
+
"@navikt/aksel-icons": "^7.19.0",
|
|
629
|
+
"@navikt/ds-tokens": "^7.19.0",
|
|
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
|
|
34
|
+
* @deprecated "default" will be the only variant.
|
|
35
35
|
* @default "default"
|
|
36
36
|
*/
|
|
37
37
|
variant?: "default" | "neutral";
|
package/src/layout/page/Page.tsx
CHANGED
|
@@ -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
|
|
17
|
+
* @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
|
|
18
18
|
*/
|
|
19
19
|
background?: BackgroundColorToken;
|
|
20
20
|
/**
|
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
|
|
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
|
)}
|
package/src/list/List.types.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
/**
|
package/src/theme/Theme.tsx
CHANGED