@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.195178541

package/lib/DataTable/Pagination.js

@@ -3,16 +3,42 @@
 var reactCompilerRuntime = require('react-compiler-runtime');
 var octiconsReact = require('@primer/octicons-react');
 var React = require('react');
+var styled = require('styled-components');
+var constants = require('../constants.js');
 var ButtonReset = require('../internal/components/ButtonReset.js');
 var LiveRegion = require('../internal/components/LiveRegion.js');
 var warning = require('../utils/warning.js');
 var useResponsiveValue = require('../hooks/useResponsiveValue.js');
 var model = require('../Pagination/model.js');
-var Pagination_module = require('./Pagination.module.css.js');
-var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
 var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledPagination = styled__default.default.nav.withConfig({
+  displayName: "Pagination__StyledPagination",
+  componentId: "sc-1auq45q-0"
+})(["display:flex;align-items:center;justify-content:space-between;column-gap:1rem;width:100%;grid-area:footer;padding:0.5rem 1rem;border:1px solid ", ";border-top-width:0;border-end-start-radius:6px;border-end-end-radius:6px;.TablePaginationRange{color:", ";font-size:0.75rem;margin:0;}.TablePaginationSteps{display:flex;align-items:center;flex-wrap:wrap;list-style:none;color:", ";font-size:0.875rem;margin:0;padding:0;}.TablePaginationStep:first-of-type{margin-right:1rem;}.TablePaginationStep:last-of-type{margin-left:1rem;}.TablePaginationAction{display:flex;align-items:center;color:", ";font-size:0.875rem;line-height:calc(20 / 14);user-select:none;padding:0.5rem;border-radius:6px;}.TablePaginationAction[data-has-page]{color:", ";}.TablePaginationPage{min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;font-size:0.875rem;line-height:calc(20 / 14);user-select:none;border-radius:6px;padding:0.5rem calc((2rem - 1.25rem) / 2);}.TablePaginationAction[data-has-page]:hover,.TablePaginationAction[data-has-page]:focus,.TablePaginationPage:hover,.TablePaginationPage:focus{background-color:", ";}.TablePaginationPage[data-active='true']{background-color:", ";color:", ";}.TablePaginationPage[data-active='true']:focus-visible{outline:2px solid var(--bgColor-accent-emphasis);outline-offset:-2px;box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis);}.TablePaginationTruncationStep{display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;user-select:none;}", ""], constants.get('colors.border.default'), constants.get('colors.fg.muted'), constants.get('colors.fg.default'), constants.get('colors.fg.muted'), constants.get('colors.accent.fg'), constants.get('colors.actionListItem.default.hoverBg'), constants.get('colors.accent.emphasis'), constants.get('colors.fg.onEmphasis'),
+// Hides pages based on the viewport range passed to `showPages`
+Object.keys(useResponsiveValue.viewportRanges).map(viewportRangeKey => {
+  return `
+      @media (${useResponsiveValue.viewportRanges[viewportRangeKey]}) {
+        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:not(:first-child):not(:last-child) {
+          display: none;
+        }
+
+        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:first-child {
+          margin-inline-end: 0;
+        }
+
+        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:last-child {
+          margin-inline-start: 0;
+        }
+      }
+    `;
+}).join(''));
 const defaultShowPages = {
   narrow: false
 };
@@ -55,20 +81,20 @@ function Pagination({
     return model.buildPaginationModel(pageCount, pageIndex + 1, !!showPages, 1, 2);
   }, [pageCount, pageIndex, showPages]);
   return /*#__PURE__*/jsxRuntime.jsxs(LiveRegion.LiveRegion, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegionOutlet, {}), /*#__PURE__*/jsxRuntime.jsxs("nav", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegionOutlet, {}), /*#__PURE__*/jsxRuntime.jsxs(StyledPagination, {
       "aria-label": label,
-      className: clsx.clsx('TablePagination', Pagination_module.TablePagination),
+      className: "TablePagination",
       id: id,
       children: [/*#__PURE__*/jsxRuntime.jsx(Range, {
         pageStart: pageStart,
         pageEnd: pageEnd,
         totalCount: totalCount
       }), /*#__PURE__*/jsxRuntime.jsxs("ol", {
-        className: clsx.clsx('TablePaginationSteps', Pagination_module.TablePaginationSteps),
+        className: "TablePaginationSteps",
         "data-hidden-viewport-ranges": getViewportRangesToHidePages().join(' '),
         children: [/*#__PURE__*/jsxRuntime.jsx(Step, {
           children: /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-            className: clsx.clsx('TablePaginationAction', Pagination_module.TablePaginationAction),
+            className: "TablePaginationAction",
             type: "button",
             "data-has-page": hasPreviousPage ? true : undefined,
             "aria-disabled": !hasPreviousPage ? true : undefined,
@@ -79,6 +105,7 @@ function Pagination({
               selectPreviousPage();
             },
             children: [hasPreviousPage ? /*#__PURE__*/jsxRuntime.jsx(octiconsReact.ChevronLeftIcon, {}) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "TablePaginationActionLabel",
               children: "Previous"
             }), /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
               children: "\xA0page"
@@ -102,7 +129,7 @@ function Pagination({
           }
         }), /*#__PURE__*/jsxRuntime.jsx(Step, {
           children: /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-            className: clsx.clsx('TablePaginationAction', Pagination_module.TablePaginationAction),
+            className: "TablePaginationAction",
             type: "button",
             "data-has-page": hasNextPage ? true : undefined,
             "aria-disabled": !hasNextPage ? true : undefined,
@@ -113,6 +140,7 @@ function Pagination({
               selectNextPage();
             },
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "TablePaginationActionLabel",
               children: "Next"
             }), /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
               children: "\xA0page"
@@ -125,7 +153,7 @@ function Pagination({
 }
 Pagination.displayName = "Pagination";
 function Range(t0) {
-  const $ = reactCompilerRuntime.c(12);
+  const $ = reactCompilerRuntime.c(11);
   const {
     pageStart,
     pageEnd,
@@ -145,53 +173,46 @@ function Range(t0) {
     t2 = $[1];
   }
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx.clsx("TablePaginationRange", Pagination_module.TablePaginationRange);
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
   let t4;
-  let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
       children: "\xA0through\xA0"
     });
-    t5 = /*#__PURE__*/jsxRuntime.jsx("span", {
+    t4 = /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-hidden": "true",
       children: "\u2012"
     });
+    $[2] = t3;
     $[3] = t4;
-    $[4] = t5;
   } else {
+    t3 = $[2];
     t4 = $[3];
-    t5 = $[4];
   }
-  let t6;
-  if ($[5] !== end || $[6] !== start || $[7] !== totalCount) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs("p", {
-      className: t3,
-      children: [start, t4, t5, end, " of ", totalCount]
+  let t5;
+  if ($[4] !== end || $[5] !== start || $[6] !== totalCount) {
+    t5 = /*#__PURE__*/jsxRuntime.jsxs("p", {
+      className: "TablePaginationRange",
+      children: [start, t3, t4, end, " of ", totalCount]
     });
-    $[5] = end;
-    $[6] = start;
-    $[7] = totalCount;
-    $[8] = t6;
+    $[4] = end;
+    $[5] = start;
+    $[6] = totalCount;
+    $[7] = t5;
   } else {
-    t6 = $[8];
+    t5 = $[7];
   }
-  let t7;
-  if ($[9] !== t2 || $[10] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t2, t6]
+  let t6;
+  if ($[8] !== t2 || $[9] !== t5) {
+    t6 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [t2, t5]
     });
-    $[9] = t2;
+    $[8] = t2;
+    $[9] = t5;
     $[10] = t6;
-    $[11] = t7;
   } else {
-    t7 = $[11];
+    t6 = $[10];
   }
-  return t7;
+  return t6;
 }
 function TruncationStep() {
   const $ = reactCompilerRuntime.c(1);
@@ -199,7 +220,7 @@ function TruncationStep() {
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = /*#__PURE__*/jsxRuntime.jsx("li", {
       "aria-hidden": "true",
-      className: clsx.clsx("TablePaginationTruncationStep", Pagination_module.TablePaginationTruncationStep),
+      className: "TablePaginationTruncationStep",
       children: "\u2026"
     });
     $[0] = t0;
@@ -209,74 +230,60 @@ function TruncationStep() {
   return t0;
 }
 function Step(t0) {
-  const $ = reactCompilerRuntime.c(3);
+  const $ = reactCompilerRuntime.c(2);
   const {
     children
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx.clsx("TablePaginationStep", Pagination_module.TablePaginationStep);
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== children) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx("li", {
-      className: t1,
+  if ($[0] !== children) {
+    t1 = /*#__PURE__*/jsxRuntime.jsx("li", {
+      className: "TablePaginationStep",
       children: children
     });
-    $[1] = children;
-    $[2] = t2;
+    $[0] = children;
+    $[1] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[1];
   }
-  return t2;
+  return t1;
 }
 function Page(t0) {
-  const $ = reactCompilerRuntime.c(7);
+  const $ = reactCompilerRuntime.c(6);
   const {
     active,
     children,
     onClick
   } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx.clsx("TablePaginationPage", Pagination_module.TablePaginationPage);
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
+  const t1 = active ? true : undefined;
   const t2 = active ? true : undefined;
-  const t3 = active ? true : undefined;
-  let t4;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
+  let t3;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
       children: "Page\xA0"
     });
-    $[1] = t4;
+    $[0] = t3;
   } else {
-    t4 = $[1];
+    t3 = $[0];
   }
-  let t5;
-  if ($[2] !== children || $[3] !== onClick || $[4] !== t2 || $[5] !== t3) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-      className: t1,
+  let t4;
+  if ($[1] !== children || $[2] !== onClick || $[3] !== t1 || $[4] !== t2) {
+    t4 = /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
+      className: "TablePaginationPage",
       type: "button",
-      "data-active": t2,
-      "aria-current": t3,
+      "data-active": t1,
+      "aria-current": t2,
       onClick: onClick,
-      children: [t4, children]
+      children: [t3, children]
     });
-    $[2] = children;
-    $[3] = onClick;
+    $[1] = children;
+    $[2] = onClick;
+    $[3] = t1;
     $[4] = t2;
-    $[5] = t3;
-    $[6] = t5;
+    $[5] = t4;
   } else {
-    t5 = $[6];
+    t4 = $[5];
   }
-  return t5;
+  return t4;
 }
 function usePagination(config) {
   const $ = reactCompilerRuntime.c(24);

package/lib/DataTable/Table.d.ts

@@ -81,7 +81,7 @@ declare function TableCell({ align, className, children, scope, ...rest }: Table
 type TableCellPlaceholderProps = React.PropsWithChildren;
 declare function TableCellPlaceholder({ children }: TableCellPlaceholderProps): React.JSX.Element;
 export type TableContainerProps = React.PropsWithChildren<SxProp & React.HTMLAttributes<HTMLDivElement>>;
-declare function TableContainer({ children, className, ...rest }: TableContainerProps): React.JSX.Element;
+declare function TableContainer({ children, className, sx: sxProp, ...rest }: TableContainerProps): React.JSX.Element;
 export type TableTitleProps = React.PropsWithChildren<{
     /**
      * Provide an alternate element or component to use as the container for

package/lib/DataTable/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"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"}

package/lib/DataTable/Table.js

@@ -7,12 +7,13 @@ var React = require('react');
 var _VisuallyHidden = require('../_VisuallyHidden.js');
 var sorting = require('./sorting.js');
 var useTable = require('./useTable.js');
+var SkeletonText = require('../experimental/Skeleton/SkeletonText.js');
 var ButtonReset = require('../internal/components/ButtonReset.js');
 var Table_module = require('./Table.module.css.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 var ScrollableRegion = require('../ScrollableRegion/ScrollableRegion.js');
-var SkeletonText = require('../SkeletonText/SkeletonText.js');
 var Text = require('../Text/Text.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -461,48 +462,55 @@ function TableCellPlaceholder(t0) {
 // ----------------------------------------------------------------------------
 
 function TableContainer(t0) {
-  const $ = reactCompilerRuntime.c(10);
+  const $ = reactCompilerRuntime.c(12);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx.clsx(className, Table_module.TableContainer);
-    $[4] = className;
-    $[5] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = clsx.clsx(className, Table_module.TableContainer);
+    $[5] = className;
+    $[6] = t2;
   } else {
-    t1 = $[5];
+    t2 = $[6];
   }
-  let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  let t3;
+  if ($[7] !== children || $[8] !== rest || $[9] !== sxProp || $[10] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       ...rest,
-      className: t1,
+      className: t2,
+      sx: sxProp,
       children: children
     });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
+    $[7] = children;
+    $[8] = rest;
+    $[9] = sxProp;
+    $[10] = t2;
+    $[11] = t3;
   } else {
-    t2 = $[9];
+    t3 = $[11];
   }
-  return t2;
+  return t3;
 }
 const TableTitle = /*#__PURE__*/React__default.default.forwardRef(function TableTitle(t0, ref) {
   const $ = reactCompilerRuntime.c(6);

package/lib/Details/Details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsB,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AAClG,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAoDjC,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;;CAEX,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG,MAAM,CAAA;AACvE,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsB,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AAClG,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AA+DjC,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;;CAEX,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG,MAAM,CAAA;AACvE,eAAe,OAAO,CAAA"}

package/lib/Details/Details.js

@@ -7,40 +7,46 @@ var React = require('react');
 var clsx = require('clsx');
 var Details_module = require('./Details.module.css.js');
 var useMergedRefs = require('../internal/hooks/useMergedRefs.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../Box/Box.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Root = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(16);
+  const $ = reactCompilerRuntime.c(28);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       className,
       children,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
   const detailsRef = React__default.default.useRef(null);
   const ref = useMergedRefs.useMergedRefs(forwardRef, detailsRef);
   const [hasSummary, setHasSummary] = React.useState(false);
-  let t1;
   let t2;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
       const {
         current: details
       } = detailsRef;
@@ -63,52 +69,93 @@ const Root = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) =>
         observer.disconnect();
       };
     };
-    t2 = [];
-    $[4] = t1;
+    t3 = [];
     $[5] = t2;
+    $[6] = t3;
   } else {
-    t1 = $[4];
     t2 = $[5];
+    t3 = $[6];
   }
-  React.useEffect(t1, t2);
-  let t3;
-  if ($[6] !== className) {
-    t3 = clsx.clsx(className, Details_module.Details);
-    $[6] = className;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
+  React.useEffect(t2, t3);
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t4;
+    if ($[7] !== className) {
+      t4 = clsx.clsx(className, Details_module.Details);
+      $[7] = className;
+      $[8] = t4;
+    } else {
+      t4 = $[8];
+    }
+    let t5;
+    if ($[9] !== hasSummary) {
+      t5 = !hasSummary && /*#__PURE__*/jsxRuntime.jsx(Details.Summary, {
+        "data-default-summary": true,
+        children: "See Details"
+      });
+      $[9] = hasSummary;
+      $[10] = t5;
+    } else {
+      t5 = $[10];
+    }
+    let t6;
+    if ($[11] !== children || $[12] !== ref || $[13] !== rest || $[14] !== sxProp || $[15] !== t4 || $[16] !== t5) {
+      t6 = /*#__PURE__*/jsxRuntime.jsxs(Box, {
+        as: "details",
+        className: t4,
+        ...rest,
+        sx: sxProp,
+        ref: ref,
+        children: [t5, children]
+      });
+      $[11] = children;
+      $[12] = ref;
+      $[13] = rest;
+      $[14] = sxProp;
+      $[15] = t4;
+      $[16] = t5;
+      $[17] = t6;
+    } else {
+      t6 = $[17];
+    }
+    return t6;
   }
   let t4;
-  if ($[8] !== hasSummary) {
-    t4 = !hasSummary && /*#__PURE__*/jsxRuntime.jsx(Details.Summary, {
+  if ($[18] !== className) {
+    t4 = clsx.clsx(className, Details_module.Details);
+    $[18] = className;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  let t5;
+  if ($[20] !== hasSummary) {
+    t5 = !hasSummary && /*#__PURE__*/jsxRuntime.jsx(Details.Summary, {
       "data-default-summary": true,
       children: "See Details"
     });
-    $[8] = hasSummary;
-    $[9] = t4;
+    $[20] = hasSummary;
+    $[21] = t5;
   } else {
-    t4 = $[9];
+    t5 = $[21];
   }
-  let t5;
-  if ($[10] !== children || $[11] !== ref || $[12] !== rest || $[13] !== t3 || $[14] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
-      as: "details",
-      className: t3,
+  let t6;
+  if ($[22] !== children || $[23] !== ref || $[24] !== rest || $[25] !== t4 || $[26] !== t5) {
+    t6 = /*#__PURE__*/jsxRuntime.jsxs("details", {
+      className: t4,
       ...rest,
       ref: ref,
-      children: [t4, children]
+      children: [t5, children]
     });
-    $[10] = children;
-    $[11] = ref;
-    $[12] = rest;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
+    $[22] = children;
+    $[23] = ref;
+    $[24] = rest;
+    $[25] = t4;
+    $[26] = t5;
+    $[27] = t6;
   } else {
-    t5 = $[15];
+    t6 = $[27];
   }
-  return t5;
+  return t6;
 });
 Root.displayName = 'Details';
 function Summary(t0) {

package/lib/FilteredActionList/FilteredActionListLoaders.js

@@ -2,11 +2,11 @@
 
 var reactCompilerRuntime = require('react-compiler-runtime');
 var Stack = require('../Stack/Stack.js');
-var SkeletonBox = require('../Skeleton/SkeletonBox.js');
 var FilteredActionListLoaders_module = require('./FilteredActionListLoaders.module.css.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Box = require('../Box/Box.js');
 var Spinner = require('../Spinner/Spinner.js');
+var SkeletonBox = require('../Skeleton/SkeletonBox.js');
 
 class FilteredActionListLoadingType {
   constructor(name, appearsInBody) {

package/lib/FormControl/FormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AASvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;;eAnBG,KAAK,CAAC,SAAS;IAC1B;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,MAAM;IACX;;OAEG;eACQ,OAAO;IAClB;;;OAGG;aACM,YAAY,GAAG,UAAU;gBACtB,MAAM;;;;;;;;;;;;;;;;;AA6KpB,wBAKE"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AASvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;;eAnBG,KAAK,CAAC,SAAS;IAC1B;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,MAAM;IACX;;OAEG;eACQ,OAAO;IAClB;;;OAGG;aACM,YAAY,GAAG,UAAU;gBACtB,MAAM;;;;;;;;;;;;;;;;;AA0LpB,wBAKE"}

package/lib/FormControl/FormControl.js

@@ -14,7 +14,7 @@ var _FormControlValidation = require('./_FormControlValidation.js');
 var _FormControlContext = require('./_FormControlContext.js');
 var warning = require('../utils/warning.js');
 var FormControl_module = require('./FormControl.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
 var CheckboxOrRadioGroupContext = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.js');
 var Autocomplete = require('../Autocomplete/Autocomplete.js');
@@ -24,6 +24,7 @@ var TextInput = require('../TextInput/TextInput.js');
 var TextInputWithTokens = require('../TextInputWithTokens/TextInputWithTokens.js');
 var Textarea = require('../Textarea/Textarea.js');
 var SelectPanel = require('../SelectPanel/SelectPanel.js');
+var Box = require('../Box/Box.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -167,15 +168,23 @@ const FormControl = /*#__PURE__*/React__default.default.forwardRef((t0, ref) =>
   } else {
     t10 = $[23];
   }
-  const t11 = isChoiceInput || layout === "horizontal" ? /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  const t11 = isChoiceInput || layout === "horizontal" ? sx !== defaultSxProp.defaultSxProp ? /*#__PURE__*/jsxRuntime.jsx(Box, {
     ref: ref,
     "data-has-leading-visual": slots.leadingVisual ? "" : undefined,
     sx: sx,
     className: clsx.clsx(className, FormControl_module.ControlHorizontalLayout),
     children: InputChildren
-  }) : /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
+  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: ref,
+    "data-has-leading-visual": slots.leadingVisual ? "" : undefined,
+    className: clsx.clsx(className, FormControl_module.ControlHorizontalLayout),
+    children: InputChildren
+  }) : /*#__PURE__*/jsxRuntime.jsxs(Box, {
     ref: ref,
     "data-has-label": !isLabelHidden ? "" : undefined,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
     sx: sx,
     className: clsx.clsx(className, FormControl_module.ControlVerticalLayout),
     children: [slots.label, /*#__PURE__*/React__default.default.isValidElement(InputComponent) && /*#__PURE__*/React__default.default.cloneElement(InputComponent, Object.assign({

package/lib/Header/Header.d.ts.map

@@ -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"}
+{"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;AAI/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;;;;;AAqErH,wBAA0E"}