@navikt/ds-react 7.17.4 → 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/box/Box.js +11 -1
- package/cjs/layout/box/Box.js.map +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/box/Box.js +11 -1
- package/esm/layout/box/Box.js.map +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 +4 -4
- package/src/accordion/Accordion.tsx +1 -1
- package/src/layout/box/Box.tsx +12 -2
- 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";
|
package/cjs/layout/box/Box.js
CHANGED
|
@@ -79,7 +79,17 @@ exports.BoxComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
79
79
|
if (process.env.NODE_ENV !== "production" &&
|
|
80
80
|
themeContext &&
|
|
81
81
|
(background || borderColor || shadow)) {
|
|
82
|
-
|
|
82
|
+
let errorText = ``;
|
|
83
|
+
if (background) {
|
|
84
|
+
errorText += `\n- background: "${background}"`;
|
|
85
|
+
}
|
|
86
|
+
if (borderColor) {
|
|
87
|
+
errorText += `\n- borderColor: "${borderColor}"`;
|
|
88
|
+
}
|
|
89
|
+
if (shadow) {
|
|
90
|
+
errorText += `\n- shadow: "${shadow}"`;
|
|
91
|
+
}
|
|
92
|
+
throw new Error(`<Box /> with properties 'background', 'borderColor' or 'shadow' cannot be used with Aksel <Theme /> (darkmode-support). \nTo continue using these properties, migrate to '<Box.New>' (BoxNew for RSC)\nUpdate these props:${errorText}`);
|
|
83
93
|
}
|
|
84
94
|
const prefix = themeContext ? "ax" : "a";
|
|
85
95
|
const style = Object.assign(Object.assign(Object.assign({}, _style), { [`--__${prefix}c-box-background`]: background
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,0CAAuC;AACvC,6CAAmE;AACnE,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AAStD,kEAAoC;AA6CpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,YAAY,GACvB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,YAAY;QACZ,CAAC,UAAU,IAAI,WAAW,IAAI,MAAM,CAAC,EACrC,CAAC;QACD,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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";
|
package/esm/layout/box/Box.js
CHANGED
|
@@ -50,7 +50,17 @@ export const BoxComponent = forwardRef((_a, ref) => {
|
|
|
50
50
|
if (process.env.NODE_ENV !== "production" &&
|
|
51
51
|
themeContext &&
|
|
52
52
|
(background || borderColor || shadow)) {
|
|
53
|
-
|
|
53
|
+
let errorText = ``;
|
|
54
|
+
if (background) {
|
|
55
|
+
errorText += `\n- background: "${background}"`;
|
|
56
|
+
}
|
|
57
|
+
if (borderColor) {
|
|
58
|
+
errorText += `\n- borderColor: "${borderColor}"`;
|
|
59
|
+
}
|
|
60
|
+
if (shadow) {
|
|
61
|
+
errorText += `\n- shadow: "${shadow}"`;
|
|
62
|
+
}
|
|
63
|
+
throw new Error(`<Box /> with properties 'background', 'borderColor' or 'shadow' cannot be used with Aksel <Theme /> (darkmode-support). \nTo continue using these properties, migrate to '<Box.New>' (BoxNew for RSC)\nUpdate these props:${errorText}`);
|
|
54
64
|
}
|
|
55
65
|
const prefix = themeContext ? "ax" : "a";
|
|
56
66
|
const style = Object.assign(Object.assign(Object.assign({}, _style), { [`--__${prefix}c-box-background`]: background
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAStD,OAAO,MAAM,MAAM,gBAAgB,CAAC;AA6CpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,YAAY;QACZ,CAAC,UAAU,IAAI,WAAW,IAAI,MAAM,CAAC,EACrC,CAAC;QACD,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
"tsc-alias": "1.8.8",
|
|
650
650
|
"tsx": "^4.19.1",
|
|
651
651
|
"typescript": "5.5.4",
|
|
652
|
-
"vitest": "^2.1.
|
|
652
|
+
"vitest": "^2.1.9"
|
|
653
653
|
},
|
|
654
654
|
"peerDependencies": {
|
|
655
655
|
"@types/react": ">=17.0.30",
|
|
@@ -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/box/Box.tsx
CHANGED
|
@@ -116,8 +116,18 @@ export const BoxComponent: OverridableComponent<BoxProps, HTMLDivElement> =
|
|
|
116
116
|
themeContext &&
|
|
117
117
|
(background || borderColor || shadow)
|
|
118
118
|
) {
|
|
119
|
-
|
|
120
|
-
|
|
119
|
+
let errorText = ``;
|
|
120
|
+
if (background) {
|
|
121
|
+
errorText += `\n- background: "${background}"`;
|
|
122
|
+
}
|
|
123
|
+
if (borderColor) {
|
|
124
|
+
errorText += `\n- borderColor: "${borderColor}"`;
|
|
125
|
+
}
|
|
126
|
+
if (shadow) {
|
|
127
|
+
errorText += `\n- shadow: "${shadow}"`;
|
|
128
|
+
}
|
|
129
|
+
throw new Error(
|
|
130
|
+
`<Box /> with properties 'background', 'borderColor' or 'shadow' cannot be used with Aksel <Theme /> (darkmode-support). \nTo continue using these properties, migrate to '<Box.New>' (BoxNew for RSC)\nUpdate these props:${errorText}`,
|
|
121
131
|
);
|
|
122
132
|
}
|
|
123
133
|
|
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