@stenajs-webui/elements 17.23.1 → 17.24.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/CHANGELOG.md +12 -0
- package/dist/components/ui/cards/CardHeader.d.ts +2 -1
- package/dist/index.es.js +4 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v17.24.0 (Tue Oct 25 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Allow choice of headingLevel in CardHeader [#525](https://github.com/StenaIT/stenajs-webui/pull/525) ([@juiceit](https://github.com/juiceit))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Josefina Andreasson ([@juiceit](https://github.com/juiceit))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v17.23.1 (Tue Oct 25 2022)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps } from "@stenajs-webui/core";
|
|
1
|
+
import { BoxProps, HeadingVariant } from "@stenajs-webui/core";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
@@ -11,5 +11,6 @@ export interface CardHeaderProps extends Pick<BoxProps, "className" | "flex"> {
|
|
|
11
11
|
contentLeft?: ReactNode;
|
|
12
12
|
contentCenter?: ReactNode;
|
|
13
13
|
contentAfterHeading?: ReactNode;
|
|
14
|
+
headingLevel?: HeadingVariant;
|
|
14
15
|
}
|
|
15
16
|
export declare const CardHeader: React.FC<CardHeaderProps>;
|
package/dist/index.es.js
CHANGED
|
@@ -1926,13 +1926,14 @@ const h4 = {
|
|
|
1926
1926
|
contentRight: t,
|
|
1927
1927
|
contentLeft: a,
|
|
1928
1928
|
contentCenter: s,
|
|
1929
|
-
|
|
1929
|
+
headingLevel: r = "h2",
|
|
1930
|
+
...m
|
|
1930
1931
|
}) => /* @__PURE__ */ i(C, {
|
|
1931
1932
|
height: l === "compact" ? 40 : 56,
|
|
1932
1933
|
justifyContent: "space-between",
|
|
1933
1934
|
indent: 3,
|
|
1934
1935
|
borderBottom: `1px solid ${N("--lhds-color-ui-300")}`,
|
|
1935
|
-
...
|
|
1936
|
+
...m,
|
|
1936
1937
|
children: [/* @__PURE__ */ i(C, {
|
|
1937
1938
|
alignItems: "center",
|
|
1938
1939
|
gap: l === "compact" ? 1 : 2,
|
|
@@ -1941,6 +1942,7 @@ const h4 = {
|
|
|
1941
1942
|
size: l === "compact" ? 16 : 24
|
|
1942
1943
|
}), e && /* @__PURE__ */ c(e1, {
|
|
1943
1944
|
variant: l === "compact" ? "h5" : "h4",
|
|
1945
|
+
as: r,
|
|
1944
1946
|
children: e
|
|
1945
1947
|
}), o]
|
|
1946
1948
|
}), s && /* @__PURE__ */ c(C, {
|