@primer/react 38.0.0-rc.3 → 38.0.0-rc.4
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 +66 -0
- package/dist/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/ActionBar/ActionBar.js +6 -2
- package/dist/ActionList/Description.d.ts.map +1 -1
- package/dist/ActionList/Description.js +0 -1
- package/dist/ActionList/Visuals.js +2 -2
- package/dist/Autocomplete/AutocompleteMenu.js +2 -2
- package/dist/BaseStyles.d.ts +1 -2
- package/dist/BaseStyles.d.ts.map +1 -1
- package/dist/BaseStyles.js +1 -3
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +34 -48
- package/dist/Button/ButtonBase.js +6 -6
- package/dist/Button/LinkButton.d.ts +3 -3
- package/dist/Button/LinkButton.d.ts.map +1 -1
- package/dist/Button/LinkButton.js +0 -3
- package/dist/Button/index.d.ts +1 -0
- package/dist/Button/index.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.d.ts +2 -3
- package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +41 -36
- package/dist/Checkbox/Checkbox.d.ts +1 -2
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.js +48 -79
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +2 -3
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/CounterLabel/CounterLabel.d.ts +2 -3
- package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
- package/dist/CounterLabel/CounterLabel.js +1 -3
- package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css +2 -0
- package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css.map +1 -0
- package/dist/FilteredActionList/FilteredActionList.d.ts +2 -3
- package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionList.js +10 -9
- package/dist/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css +2 -0
- package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css.map +1 -0
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.js +12 -29
- package/dist/FilteredActionList/FilteredActionListLoaders.module.css.js +2 -2
- package/dist/Flash/Flash.d.ts +1 -2
- package/dist/Flash/Flash.d.ts.map +1 -1
- package/dist/Flash/Flash.js +38 -45
- package/dist/Header/Header.d.ts +3 -4
- package/dist/Header/Header.d.ts.map +1 -1
- package/dist/Header/Header.js +10 -13
- package/dist/InlineMessage/InlineMessage.d.ts +1 -2
- package/dist/InlineMessage/InlineMessage.d.ts.map +1 -1
- package/dist/InlineMessage/InlineMessage.js +49 -65
- package/dist/PageHeader/PageHeader.d.ts +5 -5
- package/dist/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/PageHeader/PageHeader.js +330 -507
- package/dist/Pagehead/Pagehead.d.ts +2 -3
- package/dist/Pagehead/Pagehead.d.ts.map +1 -1
- package/dist/Pagehead/Pagehead.js +2 -2
- package/dist/ProgressBar/{ProgressBar-181186d4.css → ProgressBar-d27aca1d.css} +2 -2
- package/dist/ProgressBar/ProgressBar-d27aca1d.css.map +1 -0
- package/dist/ProgressBar/ProgressBar.d.ts +4 -9
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +9 -14
- package/dist/ProgressBar/ProgressBar.module.css.js +1 -1
- package/dist/ProgressBar/index.d.ts +2 -2
- package/dist/Radio/Radio.d.ts +1 -2
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/Radio/Radio.js +1 -3
- package/dist/RadioGroup/RadioGroup.d.ts +3 -4
- package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup/index.d.ts +1 -0
- package/dist/RadioGroup/index.d.ts.map +1 -1
- package/dist/RelativeTime/RelativeTime.d.ts +1 -3
- package/dist/RelativeTime/RelativeTime.d.ts.map +1 -1
- package/dist/Spinner/Spinner.d.ts +4 -5
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +49 -81
- package/dist/Timeline/Timeline.d.ts +11 -18
- package/dist/Timeline/Timeline.d.ts.map +1 -1
- package/dist/Timeline/Timeline.js +5 -6
- package/dist/ToggleSwitch/ToggleSwitch.d.ts +4 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +195 -182
- package/dist/TreeView/TreeView-bdf34914.css +2 -0
- package/dist/TreeView/TreeView-bdf34914.css.map +1 -0
- package/dist/TreeView/TreeView.d.ts +15 -0
- package/dist/TreeView/TreeView.d.ts.map +1 -1
- package/dist/TreeView/TreeView.js +241 -10
- package/dist/TreeView/TreeView.module.css.js +2 -2
- package/dist/Truncate/Truncate.d.ts +1 -2
- package/dist/Truncate/Truncate.d.ts.map +1 -1
- package/dist/Truncate/Truncate.js +2 -6
- package/dist/UnderlineNav/UnderlineNav-78db938f.css +2 -0
- package/dist/UnderlineNav/UnderlineNav-78db938f.css.map +1 -0
- package/dist/UnderlineNav/UnderlineNav.d.ts +0 -3
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +8 -25
- package/dist/UnderlineNav/UnderlineNav.module.css.js +5 -0
- package/dist/UnderlineNav/UnderlineNavItem-b65e8fd3.css +2 -0
- package/dist/UnderlineNav/UnderlineNavItem-b65e8fd3.css.map +1 -0
- package/dist/UnderlineNav/UnderlineNavItem.d.ts +1 -2
- package/dist/UnderlineNav/UnderlineNavItem.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNavItem.js +49 -69
- package/dist/UnderlineNav/UnderlineNavItem.module.css.js +5 -0
- package/dist/UnderlineNav/styles.d.ts +1 -1
- package/dist/UnderlineNav/styles.js +1 -1
- package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css +2 -0
- package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css.map +1 -0
- package/dist/deprecated/FilteredSearch/FilteredSearch.d.ts +3 -4
- package/dist/deprecated/FilteredSearch/FilteredSearch.d.ts.map +1 -1
- package/dist/deprecated/FilteredSearch/FilteredSearch.js +48 -7
- package/dist/deprecated/FilteredSearch/FilteredSearch.module.css.js +5 -0
- package/dist/deprecated/index.d.ts +0 -2
- package/dist/deprecated/index.d.ts.map +1 -1
- package/dist/deprecated/index.js +0 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +2 -2
- package/dist/experimental/index.d.ts +2 -3
- package/dist/experimental/index.d.ts.map +1 -1
- package/dist/experimental/index.js +1 -2
- package/dist/index.d.ts +3 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/internal/components/TextInputInnerVisualSlot.js +2 -2
- package/dist/utils/create-component.d.ts +1 -3
- package/dist/utils/create-component.d.ts.map +1 -1
- package/dist/utils/create-component.js +3 -8
- package/generated/components.json +35 -242
- package/package.json +1 -1
- package/dist/DropdownStyles.d.ts +0 -4
- package/dist/DropdownStyles.d.ts.map +0 -1
- package/dist/FilteredActionList/FilteredActionList-96b126d7.css +0 -2
- package/dist/FilteredActionList/FilteredActionList-96b126d7.css.map +0 -1
- package/dist/FilteredActionList/FilteredActionListLoaders-6f14c45b.css +0 -2
- package/dist/FilteredActionList/FilteredActionListLoaders-6f14c45b.css.map +0 -1
- package/dist/PointerBox/PointerBox.d.ts +0 -28
- package/dist/PointerBox/PointerBox.d.ts.map +0 -1
- package/dist/PointerBox/PointerBox.js +0 -65
- package/dist/PointerBox/index.d.ts +0 -3
- package/dist/PointerBox/index.d.ts.map +0 -1
- package/dist/ProgressBar/ProgressBar-181186d4.css.map +0 -1
- package/dist/TreeView/TreeView-cd08cabc.css +0 -2
- package/dist/TreeView/TreeView-cd08cabc.css.map +0 -1
- package/dist/internal/components/Caret-e686f04c.css +0 -2
- package/dist/internal/components/Caret-e686f04c.css.map +0 -1
- package/dist/internal/components/Caret.js +0 -87
- package/dist/internal/components/Caret.module.css.js +0 -5
package/dist/Header/Header.d.ts
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import type { Location, Pathname } from 'history';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
5
|
-
export type HeaderProps = React.ComponentProps<'header'> &
|
|
4
|
+
export type HeaderProps = React.ComponentProps<'header'> & {
|
|
6
5
|
as?: React.ElementType;
|
|
7
6
|
};
|
|
8
|
-
export type HeaderItemProps = React.ComponentProps<'div'> &
|
|
7
|
+
export type HeaderItemProps = React.ComponentProps<'div'> & {
|
|
9
8
|
full?: boolean;
|
|
10
9
|
};
|
|
11
|
-
export type HeaderLinkProps = React.ComponentProps<'a'> &
|
|
10
|
+
export type HeaderLinkProps = React.ComponentProps<'a'> & {
|
|
12
11
|
to?: Location | Pathname;
|
|
13
12
|
as?: React.ElementType;
|
|
14
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACnF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;AAC5E,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;;;;;AAyC5G,wBAA0E"}
|
package/dist/Header/Header.js
CHANGED
|
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
4
|
import classes from './Header.module.css.js';
|
|
5
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
const Header = /*#__PURE__*/React.forwardRef(function Header(t0, forwardRef) {
|
|
@@ -13,9 +12,9 @@ const Header = /*#__PURE__*/React.forwardRef(function Header(t0, forwardRef) {
|
|
|
13
12
|
let t1;
|
|
14
13
|
if ($[0] !== t0) {
|
|
15
14
|
({
|
|
15
|
+
as: t1,
|
|
16
16
|
children,
|
|
17
17
|
className,
|
|
18
|
-
as: t1,
|
|
19
18
|
...rest
|
|
20
19
|
} = t0);
|
|
21
20
|
$[0] = t0;
|
|
@@ -29,7 +28,7 @@ const Header = /*#__PURE__*/React.forwardRef(function Header(t0, forwardRef) {
|
|
|
29
28
|
rest = $[3];
|
|
30
29
|
t1 = $[4];
|
|
31
30
|
}
|
|
32
|
-
const
|
|
31
|
+
const BaseComponent = t1 === undefined ? "header" : t1;
|
|
33
32
|
let t2;
|
|
34
33
|
if ($[5] !== className) {
|
|
35
34
|
t2 = clsx(className, classes.Header);
|
|
@@ -39,15 +38,14 @@ const Header = /*#__PURE__*/React.forwardRef(function Header(t0, forwardRef) {
|
|
|
39
38
|
t2 = $[6];
|
|
40
39
|
}
|
|
41
40
|
let t3;
|
|
42
|
-
if ($[7] !==
|
|
43
|
-
t3 = /*#__PURE__*/jsx(
|
|
44
|
-
as: as,
|
|
41
|
+
if ($[7] !== BaseComponent || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
|
|
42
|
+
t3 = /*#__PURE__*/jsx(BaseComponent, {
|
|
45
43
|
ref: forwardRef,
|
|
46
44
|
className: t2,
|
|
47
45
|
...rest,
|
|
48
46
|
children: children
|
|
49
47
|
});
|
|
50
|
-
$[7] =
|
|
48
|
+
$[7] = BaseComponent;
|
|
51
49
|
$[8] = children;
|
|
52
50
|
$[9] = forwardRef;
|
|
53
51
|
$[10] = rest;
|
|
@@ -93,7 +91,7 @@ const HeaderItem = /*#__PURE__*/React.forwardRef(function HeaderItem(t0, forward
|
|
|
93
91
|
}
|
|
94
92
|
let t2;
|
|
95
93
|
if ($[7] !== children || $[8] !== forwardRef || $[9] !== full || $[10] !== rest || $[11] !== t1) {
|
|
96
|
-
t2 = /*#__PURE__*/jsx(
|
|
94
|
+
t2 = /*#__PURE__*/jsx("div", {
|
|
97
95
|
ref: forwardRef,
|
|
98
96
|
className: t1,
|
|
99
97
|
"data-full": full,
|
|
@@ -136,7 +134,7 @@ const HeaderLink = /*#__PURE__*/React.forwardRef(function HeaderLink(t0, forward
|
|
|
136
134
|
rest = $[3];
|
|
137
135
|
t1 = $[4];
|
|
138
136
|
}
|
|
139
|
-
const
|
|
137
|
+
const BaseComponent = t1 === undefined ? "a" : t1;
|
|
140
138
|
let t2;
|
|
141
139
|
if ($[5] !== className) {
|
|
142
140
|
t2 = clsx(className, classes.HeaderLink);
|
|
@@ -146,15 +144,14 @@ const HeaderLink = /*#__PURE__*/React.forwardRef(function HeaderLink(t0, forward
|
|
|
146
144
|
t2 = $[6];
|
|
147
145
|
}
|
|
148
146
|
let t3;
|
|
149
|
-
if ($[7] !==
|
|
150
|
-
t3 = /*#__PURE__*/jsx(
|
|
151
|
-
as: as,
|
|
147
|
+
if ($[7] !== BaseComponent || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
|
|
148
|
+
t3 = /*#__PURE__*/jsx(BaseComponent, {
|
|
152
149
|
ref: forwardRef,
|
|
153
150
|
className: t2,
|
|
154
151
|
...rest,
|
|
155
152
|
children: children
|
|
156
153
|
});
|
|
157
|
-
$[7] =
|
|
154
|
+
$[7] = BaseComponent;
|
|
158
155
|
$[8] = children;
|
|
159
156
|
$[9] = forwardRef;
|
|
160
157
|
$[10] = rest;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
2
|
type MessageVariant = 'critical' | 'success' | 'unavailable' | 'warning';
|
|
4
|
-
export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> &
|
|
3
|
+
export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
5
4
|
/**
|
|
6
5
|
* Specify the size of the InlineMessage
|
|
7
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,
|
|
1
|
+
{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBASzG"}
|
|
@@ -2,49 +2,42 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import { AlertFillIcon, CheckCircleFillIcon, AlertIcon, CheckCircleIcon } from '@primer/octicons-react';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
4
|
import classes from './InlineMessage.module.css.js';
|
|
5
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
6
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})
|
|
22
|
-
};
|
|
23
|
-
return icons[variant];
|
|
7
|
+
const icons = {
|
|
8
|
+
warning: /*#__PURE__*/jsx(AlertIcon, {
|
|
9
|
+
className: classes.InlineMessageIcon
|
|
10
|
+
}),
|
|
11
|
+
critical: /*#__PURE__*/jsx(AlertIcon, {
|
|
12
|
+
className: classes.InlineMessageIcon
|
|
13
|
+
}),
|
|
14
|
+
success: /*#__PURE__*/jsx(CheckCircleIcon, {
|
|
15
|
+
className: classes.InlineMessageIcon
|
|
16
|
+
}),
|
|
17
|
+
unavailable: /*#__PURE__*/jsx(AlertIcon, {
|
|
18
|
+
className: classes.InlineMessageIcon
|
|
19
|
+
})
|
|
24
20
|
};
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
})
|
|
43
|
-
};
|
|
44
|
-
return icons[variant];
|
|
21
|
+
const smallIcons = {
|
|
22
|
+
warning: /*#__PURE__*/jsx(AlertFillIcon, {
|
|
23
|
+
className: classes.InlineMessageIcon,
|
|
24
|
+
size: 12
|
|
25
|
+
}),
|
|
26
|
+
critical: /*#__PURE__*/jsx(AlertFillIcon, {
|
|
27
|
+
className: classes.InlineMessageIcon,
|
|
28
|
+
size: 12
|
|
29
|
+
}),
|
|
30
|
+
success: /*#__PURE__*/jsx(CheckCircleFillIcon, {
|
|
31
|
+
className: classes.InlineMessageIcon,
|
|
32
|
+
size: 12
|
|
33
|
+
}),
|
|
34
|
+
unavailable: /*#__PURE__*/jsx(AlertFillIcon, {
|
|
35
|
+
className: classes.InlineMessageIcon,
|
|
36
|
+
size: 12
|
|
37
|
+
})
|
|
45
38
|
};
|
|
46
39
|
function InlineMessage(t0) {
|
|
47
|
-
const $ = c(
|
|
40
|
+
const $ = c(15);
|
|
48
41
|
let children;
|
|
49
42
|
let className;
|
|
50
43
|
let rest;
|
|
@@ -72,44 +65,35 @@ function InlineMessage(t0) {
|
|
|
72
65
|
variant = $[5];
|
|
73
66
|
}
|
|
74
67
|
const size = t1 === undefined ? "medium" : t1;
|
|
68
|
+
const icon = size === "small" ? smallIcons[variant] : icons[variant];
|
|
75
69
|
let t2;
|
|
76
|
-
if ($[6] !==
|
|
77
|
-
t2 =
|
|
78
|
-
$[6] =
|
|
79
|
-
$[7] =
|
|
80
|
-
$[8] = t2;
|
|
70
|
+
if ($[6] !== className) {
|
|
71
|
+
t2 = clsx(className, classes.InlineMessage);
|
|
72
|
+
$[6] = className;
|
|
73
|
+
$[7] = t2;
|
|
81
74
|
} else {
|
|
82
|
-
t2 = $[
|
|
75
|
+
t2 = $[7];
|
|
83
76
|
}
|
|
84
|
-
const icon = t2;
|
|
85
77
|
let t3;
|
|
86
|
-
if ($[9] !==
|
|
87
|
-
t3 =
|
|
88
|
-
$[9] = className;
|
|
89
|
-
$[10] = t3;
|
|
90
|
-
} else {
|
|
91
|
-
t3 = $[10];
|
|
92
|
-
}
|
|
93
|
-
let t4;
|
|
94
|
-
if ($[11] !== children || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== t3 || $[16] !== variant) {
|
|
95
|
-
t4 = /*#__PURE__*/jsxs(BoxWithFallback, {
|
|
96
|
-
className: t3,
|
|
78
|
+
if ($[8] !== children || $[9] !== icon || $[10] !== rest || $[11] !== size || $[12] !== t2 || $[13] !== variant) {
|
|
79
|
+
t3 = /*#__PURE__*/jsxs("div", {
|
|
97
80
|
...rest,
|
|
81
|
+
className: t2,
|
|
98
82
|
"data-size": size,
|
|
99
83
|
"data-variant": variant,
|
|
100
84
|
children: [icon, children]
|
|
101
85
|
});
|
|
102
|
-
$[
|
|
103
|
-
$[
|
|
104
|
-
$[
|
|
105
|
-
$[
|
|
106
|
-
$[
|
|
107
|
-
$[
|
|
108
|
-
$[
|
|
86
|
+
$[8] = children;
|
|
87
|
+
$[9] = icon;
|
|
88
|
+
$[10] = rest;
|
|
89
|
+
$[11] = size;
|
|
90
|
+
$[12] = t2;
|
|
91
|
+
$[13] = variant;
|
|
92
|
+
$[14] = t3;
|
|
109
93
|
} else {
|
|
110
|
-
|
|
94
|
+
t3 = $[14];
|
|
111
95
|
}
|
|
112
|
-
return
|
|
96
|
+
return t3;
|
|
113
97
|
}
|
|
114
98
|
|
|
115
99
|
export { InlineMessage };
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ResponsiveValue } from '../hooks/useResponsiveValue';
|
|
3
|
-
import type { SxProp } from '../sx';
|
|
4
3
|
import type { LinkProps as BaseLinkProps } from '../Link';
|
|
5
4
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
6
5
|
import type { AriaRole } from '../utils/types';
|
|
7
6
|
export type ChildrenPropTypes = {
|
|
8
7
|
className?: string;
|
|
9
8
|
hidden?: boolean | ResponsiveValue<boolean>;
|
|
10
|
-
}
|
|
9
|
+
};
|
|
11
10
|
export type PageHeaderProps = {
|
|
12
11
|
'aria-label'?: React.AriaAttributes['aria-label'];
|
|
13
12
|
as?: React.ElementType | 'header' | 'div';
|
|
14
13
|
className?: string;
|
|
15
14
|
role?: AriaRole;
|
|
16
15
|
hasBorder?: boolean;
|
|
17
|
-
}
|
|
16
|
+
};
|
|
18
17
|
type LinkProps = Pick<React.AnchorHTMLAttributes<HTMLAnchorElement> & BaseLinkProps, 'download' | 'href' | 'hrefLang' | 'media' | 'ping' | 'rel' | 'target' | 'type' | 'referrerPolicy' | 'as'> & {
|
|
19
18
|
'aria-label'?: React.AriaAttributes['aria-label'];
|
|
20
19
|
};
|
|
21
20
|
export type ParentLinkProps = React.PropsWithChildren<ChildrenPropTypes & LinkProps>;
|
|
22
|
-
type TitleAreaProps = {
|
|
21
|
+
export type TitleAreaProps = {
|
|
23
22
|
variant?: 'subtitle' | 'medium' | 'large' | ResponsiveValue<'subtitle' | 'medium' | 'large'>;
|
|
24
23
|
} & ChildrenPropTypes;
|
|
25
24
|
export type TitleProps = {
|
|
26
25
|
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
27
26
|
} & ChildrenPropTypes;
|
|
27
|
+
export type ActionsProps = React.PropsWithChildren<ChildrenPropTypes>;
|
|
28
28
|
export type NavigationProps = {
|
|
29
29
|
as?: 'nav' | 'div';
|
|
30
30
|
'aria-label'?: React.AriaAttributes['aria-label'];
|
|
@@ -42,7 +42,7 @@ export declare const PageHeader: PolymorphicForwardRefComponent<"div", PageHeade
|
|
|
42
42
|
Title: React.FC<React.PropsWithChildren<TitleProps>>;
|
|
43
43
|
TrailingVisual: React.FC<React.PropsWithChildren<ChildrenPropTypes>>;
|
|
44
44
|
TrailingAction: React.FC<React.PropsWithChildren<ChildrenPropTypes>>;
|
|
45
|
-
Actions: React.
|
|
45
|
+
Actions: ({ children, className, hidden }: ActionsProps) => React.JSX.Element;
|
|
46
46
|
Description: React.FC<React.PropsWithChildren<ChildrenPropTypes>>;
|
|
47
47
|
Navigation: React.FC<React.PropsWithChildren<NavigationProps>>;
|
|
48
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,SAAS,CAAA;AAGvD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAM5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;CAC5C,CAAA;AAkBD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAuFD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,aAAa,EAC7D,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAC1G,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;CAClD,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;AAuDpF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;CAC7F,GAAG,iBAAiB,CAAA;AAoErB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,GAAG,iBAAiB,CAAA;AAiDrB,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAmBrE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC5D,GAAG,iBAAiB,CAAA;AAsFrB,eAAO,MAAM,UAAU;;;;;;;;;;;;+CA3GiC,YAAY;;;CA0HlE,CAAA"}
|