@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.
Files changed (143) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/dist/ActionBar/ActionBar.d.ts.map +1 -1
  3. package/dist/ActionBar/ActionBar.js +6 -2
  4. package/dist/ActionList/Description.d.ts.map +1 -1
  5. package/dist/ActionList/Description.js +0 -1
  6. package/dist/ActionList/Visuals.js +2 -2
  7. package/dist/Autocomplete/AutocompleteMenu.js +2 -2
  8. package/dist/BaseStyles.d.ts +1 -2
  9. package/dist/BaseStyles.d.ts.map +1 -1
  10. package/dist/BaseStyles.js +1 -3
  11. package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  12. package/dist/Breadcrumbs/Breadcrumbs.js +34 -48
  13. package/dist/Button/ButtonBase.js +6 -6
  14. package/dist/Button/LinkButton.d.ts +3 -3
  15. package/dist/Button/LinkButton.d.ts.map +1 -1
  16. package/dist/Button/LinkButton.js +0 -3
  17. package/dist/Button/index.d.ts +1 -0
  18. package/dist/Button/index.d.ts.map +1 -1
  19. package/dist/ButtonGroup/ButtonGroup.d.ts +2 -3
  20. package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  21. package/dist/ButtonGroup/ButtonGroup.js +41 -36
  22. package/dist/Checkbox/Checkbox.d.ts +1 -2
  23. package/dist/Checkbox/Checkbox.d.ts.map +1 -1
  24. package/dist/Checkbox/Checkbox.js +48 -79
  25. package/dist/CheckboxGroup/CheckboxGroup.d.ts +2 -3
  26. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  27. package/dist/CounterLabel/CounterLabel.d.ts +2 -3
  28. package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
  29. package/dist/CounterLabel/CounterLabel.js +1 -3
  30. package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css +2 -0
  31. package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css.map +1 -0
  32. package/dist/FilteredActionList/FilteredActionList.d.ts +2 -3
  33. package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  34. package/dist/FilteredActionList/FilteredActionList.js +10 -9
  35. package/dist/FilteredActionList/FilteredActionList.module.css.js +2 -2
  36. package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css +2 -0
  37. package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css.map +1 -0
  38. package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +1 -1
  39. package/dist/FilteredActionList/FilteredActionListLoaders.js +12 -29
  40. package/dist/FilteredActionList/FilteredActionListLoaders.module.css.js +2 -2
  41. package/dist/Flash/Flash.d.ts +1 -2
  42. package/dist/Flash/Flash.d.ts.map +1 -1
  43. package/dist/Flash/Flash.js +38 -45
  44. package/dist/Header/Header.d.ts +3 -4
  45. package/dist/Header/Header.d.ts.map +1 -1
  46. package/dist/Header/Header.js +10 -13
  47. package/dist/InlineMessage/InlineMessage.d.ts +1 -2
  48. package/dist/InlineMessage/InlineMessage.d.ts.map +1 -1
  49. package/dist/InlineMessage/InlineMessage.js +49 -65
  50. package/dist/PageHeader/PageHeader.d.ts +5 -5
  51. package/dist/PageHeader/PageHeader.d.ts.map +1 -1
  52. package/dist/PageHeader/PageHeader.js +330 -507
  53. package/dist/Pagehead/Pagehead.d.ts +2 -3
  54. package/dist/Pagehead/Pagehead.d.ts.map +1 -1
  55. package/dist/Pagehead/Pagehead.js +2 -2
  56. package/dist/ProgressBar/{ProgressBar-181186d4.css → ProgressBar-d27aca1d.css} +2 -2
  57. package/dist/ProgressBar/ProgressBar-d27aca1d.css.map +1 -0
  58. package/dist/ProgressBar/ProgressBar.d.ts +4 -9
  59. package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
  60. package/dist/ProgressBar/ProgressBar.js +9 -14
  61. package/dist/ProgressBar/ProgressBar.module.css.js +1 -1
  62. package/dist/ProgressBar/index.d.ts +2 -2
  63. package/dist/Radio/Radio.d.ts +1 -2
  64. package/dist/Radio/Radio.d.ts.map +1 -1
  65. package/dist/Radio/Radio.js +1 -3
  66. package/dist/RadioGroup/RadioGroup.d.ts +3 -4
  67. package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
  68. package/dist/RadioGroup/index.d.ts +1 -0
  69. package/dist/RadioGroup/index.d.ts.map +1 -1
  70. package/dist/RelativeTime/RelativeTime.d.ts +1 -3
  71. package/dist/RelativeTime/RelativeTime.d.ts.map +1 -1
  72. package/dist/Spinner/Spinner.d.ts +4 -5
  73. package/dist/Spinner/Spinner.d.ts.map +1 -1
  74. package/dist/Spinner/Spinner.js +49 -81
  75. package/dist/Timeline/Timeline.d.ts +11 -18
  76. package/dist/Timeline/Timeline.d.ts.map +1 -1
  77. package/dist/Timeline/Timeline.js +5 -6
  78. package/dist/ToggleSwitch/ToggleSwitch.d.ts +4 -0
  79. package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  80. package/dist/ToggleSwitch/ToggleSwitch.js +195 -182
  81. package/dist/TreeView/TreeView-bdf34914.css +2 -0
  82. package/dist/TreeView/TreeView-bdf34914.css.map +1 -0
  83. package/dist/TreeView/TreeView.d.ts +15 -0
  84. package/dist/TreeView/TreeView.d.ts.map +1 -1
  85. package/dist/TreeView/TreeView.js +241 -10
  86. package/dist/TreeView/TreeView.module.css.js +2 -2
  87. package/dist/Truncate/Truncate.d.ts +1 -2
  88. package/dist/Truncate/Truncate.d.ts.map +1 -1
  89. package/dist/Truncate/Truncate.js +2 -6
  90. package/dist/UnderlineNav/UnderlineNav-78db938f.css +2 -0
  91. package/dist/UnderlineNav/UnderlineNav-78db938f.css.map +1 -0
  92. package/dist/UnderlineNav/UnderlineNav.d.ts +0 -3
  93. package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
  94. package/dist/UnderlineNav/UnderlineNav.js +8 -25
  95. package/dist/UnderlineNav/UnderlineNav.module.css.js +5 -0
  96. package/dist/UnderlineNav/UnderlineNavItem-b65e8fd3.css +2 -0
  97. package/dist/UnderlineNav/UnderlineNavItem-b65e8fd3.css.map +1 -0
  98. package/dist/UnderlineNav/UnderlineNavItem.d.ts +1 -2
  99. package/dist/UnderlineNav/UnderlineNavItem.d.ts.map +1 -1
  100. package/dist/UnderlineNav/UnderlineNavItem.js +49 -69
  101. package/dist/UnderlineNav/UnderlineNavItem.module.css.js +5 -0
  102. package/dist/UnderlineNav/styles.d.ts +1 -1
  103. package/dist/UnderlineNav/styles.js +1 -1
  104. package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css +2 -0
  105. package/dist/deprecated/FilteredSearch/FilteredSearch-d30f5bbc.css.map +1 -0
  106. package/dist/deprecated/FilteredSearch/FilteredSearch.d.ts +3 -4
  107. package/dist/deprecated/FilteredSearch/FilteredSearch.d.ts.map +1 -1
  108. package/dist/deprecated/FilteredSearch/FilteredSearch.js +48 -7
  109. package/dist/deprecated/FilteredSearch/FilteredSearch.module.css.js +5 -0
  110. package/dist/deprecated/index.d.ts +0 -2
  111. package/dist/deprecated/index.d.ts.map +1 -1
  112. package/dist/deprecated/index.js +0 -1
  113. package/dist/experimental/SelectPanel2/SelectPanel.js +2 -2
  114. package/dist/experimental/index.d.ts +2 -3
  115. package/dist/experimental/index.d.ts.map +1 -1
  116. package/dist/experimental/index.js +1 -2
  117. package/dist/index.d.ts +3 -4
  118. package/dist/index.d.ts.map +1 -1
  119. package/dist/index.js +0 -1
  120. package/dist/internal/components/TextInputInnerVisualSlot.js +2 -2
  121. package/dist/utils/create-component.d.ts +1 -3
  122. package/dist/utils/create-component.d.ts.map +1 -1
  123. package/dist/utils/create-component.js +3 -8
  124. package/generated/components.json +35 -242
  125. package/package.json +1 -1
  126. package/dist/DropdownStyles.d.ts +0 -4
  127. package/dist/DropdownStyles.d.ts.map +0 -1
  128. package/dist/FilteredActionList/FilteredActionList-96b126d7.css +0 -2
  129. package/dist/FilteredActionList/FilteredActionList-96b126d7.css.map +0 -1
  130. package/dist/FilteredActionList/FilteredActionListLoaders-6f14c45b.css +0 -2
  131. package/dist/FilteredActionList/FilteredActionListLoaders-6f14c45b.css.map +0 -1
  132. package/dist/PointerBox/PointerBox.d.ts +0 -28
  133. package/dist/PointerBox/PointerBox.d.ts.map +0 -1
  134. package/dist/PointerBox/PointerBox.js +0 -65
  135. package/dist/PointerBox/index.d.ts +0 -3
  136. package/dist/PointerBox/index.d.ts.map +0 -1
  137. package/dist/ProgressBar/ProgressBar-181186d4.css.map +0 -1
  138. package/dist/TreeView/TreeView-cd08cabc.css +0 -2
  139. package/dist/TreeView/TreeView-cd08cabc.css.map +0 -1
  140. package/dist/internal/components/Caret-e686f04c.css +0 -2
  141. package/dist/internal/components/Caret-e686f04c.css.map +0 -1
  142. package/dist/internal/components/Caret.js +0 -87
  143. package/dist/internal/components/Caret.module.css.js +0 -5
@@ -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'> & SxProp & {
4
+ export type HeaderProps = React.ComponentProps<'header'> & {
6
5
  as?: React.ElementType;
7
6
  };
8
- export type HeaderItemProps = React.ComponentProps<'div'> & SxProp & {
7
+ export type HeaderItemProps = React.ComponentProps<'div'> & {
9
8
  full?: boolean;
10
9
  };
11
- export type HeaderLinkProps = React.ComponentProps<'a'> & SxProp & {
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,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAC5F,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;;;;;AAyCrH,wBAA0E"}
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"}
@@ -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 as = t1 === undefined ? "header" : t1;
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] !== as || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
43
- t3 = /*#__PURE__*/jsx(BoxWithFallback, {
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] = as;
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(BoxWithFallback, {
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 as = t1 === undefined ? "a" : t1;
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] !== as || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
150
- t3 = /*#__PURE__*/jsx(BoxWithFallback, {
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] = as;
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'> & SxProp & {
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,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GACpE,MAAM,GAAG;IACP;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAuBH,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBAczG"}
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 variantToIcon = variant => {
9
- const icons = {
10
- warning: /*#__PURE__*/jsx(AlertIcon, {
11
- className: classes.InlineMessageIcon
12
- }),
13
- critical: /*#__PURE__*/jsx(AlertIcon, {
14
- className: classes.InlineMessageIcon
15
- }),
16
- success: /*#__PURE__*/jsx(CheckCircleIcon, {
17
- className: classes.InlineMessageIcon
18
- }),
19
- unavailable: /*#__PURE__*/jsx(AlertIcon, {
20
- className: classes.InlineMessageIcon
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 variantToSmallIcon = variant => {
26
- const icons = {
27
- warning: /*#__PURE__*/jsx(AlertFillIcon, {
28
- className: classes.InlineMessageIcon,
29
- size: 12
30
- }),
31
- critical: /*#__PURE__*/jsx(AlertFillIcon, {
32
- className: classes.InlineMessageIcon,
33
- size: 12
34
- }),
35
- success: /*#__PURE__*/jsx(CheckCircleFillIcon, {
36
- className: classes.InlineMessageIcon,
37
- size: 12
38
- }),
39
- unavailable: /*#__PURE__*/jsx(AlertFillIcon, {
40
- className: classes.InlineMessageIcon,
41
- size: 12
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(18);
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] !== size || $[7] !== variant) {
77
- t2 = size === "small" ? variantToSmallIcon(variant) : variantToIcon(variant);
78
- $[6] = size;
79
- $[7] = variant;
80
- $[8] = t2;
70
+ if ($[6] !== className) {
71
+ t2 = clsx(className, classes.InlineMessage);
72
+ $[6] = className;
73
+ $[7] = t2;
81
74
  } else {
82
- t2 = $[8];
75
+ t2 = $[7];
83
76
  }
84
- const icon = t2;
85
77
  let t3;
86
- if ($[9] !== className) {
87
- t3 = clsx(className, classes.InlineMessage);
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
- $[11] = children;
103
- $[12] = icon;
104
- $[13] = rest;
105
- $[14] = size;
106
- $[15] = t3;
107
- $[16] = variant;
108
- $[17] = t4;
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
- t4 = $[17];
94
+ t3 = $[14];
111
95
  }
112
- return t4;
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
- } & SxProp;
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
- } & SxProp;
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.FC<React.PropsWithChildren<ChildrenPropTypes>>;
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;AAEhE,OAAO,KAAK,EAAC,MAAM,EAAsB,MAAM,OAAO,CAAA;AAGtD,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;AAQ5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;CAC5C,GAAG,MAAM,CAAA;AAkBV,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,GAAG,MAAM,CAAA;AA0FV,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;AA0EpF,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;CAC7F,GAAG,iBAAiB,CAAA;AA6FrB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,GAAG,iBAAiB,CAAA;AAmHrB,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;AAyFrB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAerB,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"}