@financial-times/o-labels 7.0.1 → 7.0.2
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 +7 -0
- package/package.json +1 -1
- package/src/tsx/label.tsx +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [7.0.2](https://github.com/Financial-Times/origami/compare/o-labels-v7.0.1...o-labels-v7.0.2) (2025-06-30)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* move JSX to React namespace to support React v19 ([8663b25](https://github.com/Financial-Times/origami/commit/8663b255b002d99deb6ccab833be189f07284f55))
|
|
9
|
+
|
|
3
10
|
## [7.0.1](https://github.com/Financial-Times/origami/compare/o-labels-v7.0.0...o-labels-v7.0.1) (2025-04-16)
|
|
4
11
|
|
|
5
12
|
|
package/package.json
CHANGED
package/src/tsx/label.tsx
CHANGED
|
@@ -42,7 +42,7 @@ function SimpleLabel({
|
|
|
42
42
|
size,
|
|
43
43
|
state,
|
|
44
44
|
children,
|
|
45
|
-
}: {size?: string, state?: string, children: string}): JSX.Element {
|
|
45
|
+
}: {size?: string, state?: string, children: string}): React.JSX.Element {
|
|
46
46
|
const classNames = ['o-labels'];
|
|
47
47
|
if (size) {
|
|
48
48
|
classNames.push(`o-labels--${size}`);
|
|
@@ -53,23 +53,23 @@ function SimpleLabel({
|
|
|
53
53
|
return <span className={classNames.join(' ')}>{children}</span>;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
export function BaseLabel(props: BaseLabelProps): JSX.Element {
|
|
56
|
+
export function BaseLabel(props: BaseLabelProps): React.JSX.Element {
|
|
57
57
|
return SimpleLabel(props)
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
export function SupportLabel(props: SupportLabelProps): JSX.Element {
|
|
60
|
+
export function SupportLabel(props: SupportLabelProps): React.JSX.Element {
|
|
61
61
|
return SimpleLabel(props)
|
|
62
62
|
}
|
|
63
|
-
export function ServiceLabel(props: ServiceLabelProps): JSX.Element {
|
|
63
|
+
export function ServiceLabel(props: ServiceLabelProps): React.JSX.Element {
|
|
64
64
|
return SimpleLabel(props)
|
|
65
65
|
}
|
|
66
|
-
export function ColourLabel(props: ColourLabelProps): JSX.Element {
|
|
66
|
+
export function ColourLabel(props: ColourLabelProps): React.JSX.Element {
|
|
67
67
|
return SimpleLabel(props)
|
|
68
68
|
}
|
|
69
|
-
export function ContentLabel(props: ContentLabelProps): JSX.Element {
|
|
69
|
+
export function ContentLabel(props: ContentLabelProps): React.JSX.Element {
|
|
70
70
|
return SimpleLabel(props)
|
|
71
71
|
}
|
|
72
|
-
export function LifeCycleLabel(props: LifeCycleLabelProps): JSX.Element {
|
|
72
|
+
export function LifeCycleLabel(props: LifeCycleLabelProps): React.JSX.Element {
|
|
73
73
|
return SimpleLabel(props)
|
|
74
74
|
}
|
|
75
75
|
|
|
@@ -78,7 +78,7 @@ export interface IndicatorLabelProps {
|
|
|
78
78
|
badge?: boolean;
|
|
79
79
|
status?: string;
|
|
80
80
|
inverse?: boolean;
|
|
81
|
-
timestamp?: JSX.Element | JSX.Element[];
|
|
81
|
+
timestamp?: React.JSX.Element | React.JSX.Element[];
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
export function IndicatorLabel({
|
|
@@ -87,7 +87,7 @@ export function IndicatorLabel({
|
|
|
87
87
|
inverse,
|
|
88
88
|
timestamp,
|
|
89
89
|
badge,
|
|
90
|
-
}: IndicatorLabelProps): JSX.Element {
|
|
90
|
+
}: IndicatorLabelProps): React.JSX.Element {
|
|
91
91
|
const classNames = ['o-labels-indicator', `o-labels-indicator--${indicator}`];
|
|
92
92
|
if (inverse) {
|
|
93
93
|
classNames.push('o-labels-indicator--inverse');
|
|
@@ -109,10 +109,10 @@ export function IndicatorLabel({
|
|
|
109
109
|
|
|
110
110
|
export interface TimestampLabelProps {
|
|
111
111
|
inverse?: boolean;
|
|
112
|
-
children?: JSX.Element | JSX.Element[]
|
|
112
|
+
children?: React.JSX.Element | React.JSX.Element[]
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
export function TimestampLabel({inverse, children}: TimestampLabelProps): JSX.Element {
|
|
115
|
+
export function TimestampLabel({inverse, children}: TimestampLabelProps): React.JSX.Element {
|
|
116
116
|
const classNames = ['o-labels-timestamp'];
|
|
117
117
|
if (inverse) {
|
|
118
118
|
classNames.push('o-labels-timestamp--inverse');
|