@primer/react 38.0.0-rc.3 → 38.0.0-rc.4

package/dist/Checkbox/Checkbox.js

@@ -7,13 +7,12 @@ import classes from './Checkbox.module.css.js';
 import sharedClasses from './shared.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
-import Box from '../Box/Box.js';
 
 /**
  * An accessible, native checkbox component
  */
 const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
-  const $ = c(47);
+  const $ = c(40);
   let checked;
   let className;
   let defaultChecked;
@@ -22,7 +21,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
   let onChange;
   let required;
   let rest;
-  let sxProp;
   let validationStatus;
   let value;
   if ($[0] !== t0) {
@@ -33,7 +31,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
       indeterminate,
       disabled,
       onChange,
-      sx: sxProp,
       required,
       validationStatus,
       value,
@@ -48,9 +45,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
     $[6] = onChange;
     $[7] = required;
     $[8] = rest;
-    $[9] = sxProp;
-    $[10] = validationStatus;
-    $[11] = value;
+    $[9] = validationStatus;
+    $[10] = value;
   } else {
     checked = $[1];
     className = $[2];
@@ -60,30 +56,29 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
     onChange = $[6];
     required = $[7];
     rest = $[8];
-    sxProp = $[9];
-    validationStatus = $[10];
-    value = $[11];
+    validationStatus = $[9];
+    value = $[10];
   }
   const checkboxRef = useProvidedRefOrCreate(ref);
   const checkboxGroupContext = useContext(CheckboxGroupContext);
   let t1;
-  if ($[12] !== checkboxGroupContext || $[13] !== onChange) {
+  if ($[11] !== checkboxGroupContext || $[12] !== onChange) {
     t1 = e => {
       checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
       onChange && onChange(e);
     };
-    $[12] = checkboxGroupContext;
-    $[13] = onChange;
-    $[14] = t1;
+    $[11] = checkboxGroupContext;
+    $[12] = onChange;
+    $[13] = t1;
   } else {
-    t1 = $[14];
+    t1 = $[13];
   }
   const handleOnChange = t1;
   const t2 = indeterminate ? false : checked;
   const t3 = required ? "true" : "false";
   const t4 = validationStatus === "error" ? "true" : "false";
   let t5;
-  if ($[15] !== checkboxRef || $[16] !== defaultChecked || $[17] !== disabled || $[18] !== handleOnChange || $[19] !== required || $[20] !== rest || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
+  if ($[14] !== checkboxRef || $[15] !== defaultChecked || $[16] !== disabled || $[17] !== handleOnChange || $[18] !== required || $[19] !== rest || $[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== value) {
     t5 = {
       type: "checkbox",
       disabled,
@@ -98,47 +93,47 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
       name: value,
       ...rest
     };
-    $[15] = checkboxRef;
-    $[16] = defaultChecked;
-    $[17] = disabled;
-    $[18] = handleOnChange;
-    $[19] = required;
-    $[20] = rest;
-    $[21] = t2;
-    $[22] = t3;
-    $[23] = t4;
-    $[24] = value;
-    $[25] = t5;
+    $[14] = checkboxRef;
+    $[15] = defaultChecked;
+    $[16] = disabled;
+    $[17] = handleOnChange;
+    $[18] = required;
+    $[19] = rest;
+    $[20] = t2;
+    $[21] = t3;
+    $[22] = t4;
+    $[23] = value;
+    $[24] = t5;
   } else {
-    t5 = $[25];
+    t5 = $[24];
   }
   const inputProps = t5;
   let t6;
-  if ($[26] !== checkboxRef || $[27] !== indeterminate) {
+  if ($[25] !== checkboxRef || $[26] !== indeterminate) {
     t6 = () => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = indeterminate || false;
       }
     };
-    $[26] = checkboxRef;
-    $[27] = indeterminate;
-    $[28] = t6;
+    $[25] = checkboxRef;
+    $[26] = indeterminate;
+    $[27] = t6;
   } else {
-    t6 = $[28];
+    t6 = $[27];
   }
   let t7;
-  if ($[29] !== checkboxRef || $[30] !== checked || $[31] !== indeterminate) {
+  if ($[28] !== checkboxRef || $[29] !== checked || $[30] !== indeterminate) {
     t7 = [indeterminate, checked, checkboxRef];
-    $[29] = checkboxRef;
-    $[30] = checked;
-    $[31] = indeterminate;
-    $[32] = t7;
+    $[28] = checkboxRef;
+    $[29] = checked;
+    $[30] = indeterminate;
+    $[31] = t7;
   } else {
-    t7 = $[32];
+    t7 = $[31];
   }
   useIsomorphicLayoutEffect(t6, t7);
   let t8;
-  if ($[33] !== checkboxRef || $[34] !== indeterminate) {
+  if ($[32] !== checkboxRef || $[33] !== indeterminate) {
     t8 = () => {
       const {
         current: checkbox
@@ -152,58 +147,32 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
         checkbox.setAttribute("aria-checked", checkbox.checked ? "true" : "false");
       }
     };
-    $[33] = checkboxRef;
-    $[34] = indeterminate;
-    $[35] = t8;
+    $[32] = checkboxRef;
+    $[33] = indeterminate;
+    $[34] = t8;
   } else {
-    t8 = $[35];
+    t8 = $[34];
   }
   useEffect(t8);
-  if (sxProp) {
-    let t9;
-    if ($[36] !== className) {
-      t9 = clsx(className, sharedClasses.Input, classes.Checkbox);
-      $[36] = className;
-      $[37] = t9;
-    } else {
-      t9 = $[37];
-    }
-    let t10;
-    if ($[38] !== inputProps || $[39] !== sxProp || $[40] !== t9) {
-      t10 = /*#__PURE__*/jsx(Box, {
-        as: "input",
-        ...inputProps,
-        className: t9,
-        sx: sxProp
-      });
-      $[38] = inputProps;
-      $[39] = sxProp;
-      $[40] = t9;
-      $[41] = t10;
-    } else {
-      t10 = $[41];
-    }
-    return t10;
-  }
   let t9;
-  if ($[42] !== className) {
+  if ($[35] !== className) {
     t9 = clsx(className, sharedClasses.Input, classes.Checkbox);
-    $[42] = className;
-    $[43] = t9;
+    $[35] = className;
+    $[36] = t9;
   } else {
-    t9 = $[43];
+    t9 = $[36];
   }
   let t10;
-  if ($[44] !== inputProps || $[45] !== t9) {
+  if ($[37] !== inputProps || $[38] !== t9) {
     t10 = /*#__PURE__*/jsx("input", {
       ...inputProps,
       className: t9
     });
-    $[44] = inputProps;
-    $[45] = t9;
-    $[46] = t10;
+    $[37] = inputProps;
+    $[38] = t9;
+    $[39] = t10;
   } else {
-    t10 = $[46];
+    t10 = $[39];
   }
   return t10;
 });

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,17 +1,16 @@
 import type { ChangeEvent, FC } from 'react';
 import React from 'react';
 import type { CheckboxOrRadioGroupProps } from '../internal/components/CheckboxOrRadioGroup';
-import type { SxProp } from '../sx';
 import { CheckboxGroupContext } from './CheckboxGroupContext';
 type CheckboxGroupProps = {
     /**
      * An onChange handler that gets called when any of the checkboxes change
      */
     onChange?: (selected: string[], e?: ChangeEvent<HTMLInputElement>) => void;
-} & CheckboxOrRadioGroupProps & SxProp;
+} & CheckboxOrRadioGroupProps;
 export { CheckboxGroupContext };
 declare const _default: FC<React.PropsWithChildren<CheckboxGroupProps>> & {
-    Caption: FC<SxProp & {
+    Caption: FC<import("..").SxProp & {
         children?: React.ReactNode | undefined;
     } & {
         className?: string;

package/dist/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAM1F,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAE3D,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC3E,GAAG,yBAAyB,GAC3B,MAAM,CAAA;AAmDR,OAAO,EAAC,oBAAoB,EAAC,CAAA;;;;;;;;;;AAE7B,wBAIE"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAQ1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAE3D,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC3E,GAAG,yBAAyB,CAAA;AAmD7B,OAAO,EAAC,oBAAoB,EAAC,CAAA;;;;;;;;;;AAE7B,wBAIE"}

package/dist/CounterLabel/CounterLabel.d.ts

@@ -1,14 +1,13 @@
 import type { HTMLAttributes } from 'react';
 import type React from 'react';
-import type { SxProp } from '../sx';
 export type CounterLabelProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
     scheme?: 'primary' | 'secondary';
     className?: string;
-} & SxProp>;
+}>;
 declare const CounterLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
     scheme?: "primary" | "secondary";
     className?: string;
-} & SxProp & {
+} & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 export default CounterLabel;

package/dist/CounterLabel/CounterLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAED,QAAA,MAAM,YAAY;aALL,SAAS,GAAG,WAAW;gBACpB,MAAM;;;yCAuBrB,CAAA;AAID,eAAe,YAAY,CAAA"}
+{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;AAED,QAAA,MAAM,YAAY;aALL,SAAS,GAAG,WAAW;gBACpB,MAAM;;;yCAuBrB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist/CounterLabel/CounterLabel.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import classes from './CounterLabel.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 
@@ -68,8 +67,7 @@ const CounterLabel = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   }
   let t5;
   if ($[13] !== children || $[14] !== counterProps || $[15] !== t4) {
-    t5 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
+    t5 = /*#__PURE__*/jsx("span", {
       ...counterProps,
       className: t4,
       children: children

package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css

@@ -0,0 +1,2 @@
+.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
+/*# sourceMappingURL=FilteredActionList-e1eb1b75.css.map */

package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDCZA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDkBA,CAGF,mGACE,wGAKF,CAHE,yGCpBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BD0BA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-e1eb1b75.css","sourcesContent":[".Root {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.Container {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.ActionList {\n  flex-grow: 1;\n}\n\n.ActionListItem:focus {\n  background: var(--control-transparent-bgColor-selected);\n\n  &::after {\n    @mixin activeIndicatorLine;\n  }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n  background: var(--control-transparent-bgColor-selected);\n\n  &::after {\n    @mixin activeIndicatorLine;\n  }\n}\n\n.FullScreenTextInput {\n  @media screen and (--viewportRange-narrow) {\n    /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n    @supports (-webkit-touch-callout: none) {\n      font-size: var(--text-title-size-small);\n    }\n  }\n}\n\n.SelectAllContainer {\n  display: flex;\n  align-items: center;\n  padding-block: var(--base-size-4);\n  padding-inline: var(--base-size-16);\n  background: var(--bgColor-muted);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n  /* -1px hack to offset 1px border-bottom causing uneven alignment */\n  /* stylelint-disable-next-line primer/spacing */\n  margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n  position: absolute;\n  top: calc(50% - var(--base-size-12));\n  left: calc(-1 * var(--base-size-8));\n  width: var(--base-size-4);\n  height: var(--base-size-24);\n  content: '';\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-accent-emphasis);\n  border-radius: var(--borderRadius-medium);\n}\n"]}

package/dist/FilteredActionList/FilteredActionList.d.ts

@@ -1,9 +1,8 @@
 import type React from 'react';
 import type { TextInputProps } from '../TextInput';
 import type { GroupedListProps, ListPropsBase } from './';
-import type { SxProp } from '../sx';
 import type { FilteredActionListLoadingType } from './FilteredActionListLoaders';
-export interface FilteredActionListProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase, SxProp {
+export interface FilteredActionListProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase {
     loading?: boolean;
     loadingType?: FilteredActionListLoadingType;
     placeholderText?: string;
@@ -23,7 +22,7 @@ export interface FilteredActionListProps extends Partial<Omit<GroupedListProps,
     fullScreenOnNarrow?: boolean;
     onSelectAllChange?: (checked: boolean) => void;
 }
-export declare function FilteredActionList({ loading, placeholderText, filterValue: externalFilterValue, loadingType, onFilterChange, onListContainerRefChanged, onInputRefChanged, items, textInputProps, inputRef: providedInputRef, sx, groupMetadata, showItemDividers, message, messageText, className, selectionVariant, announcementsEnabled, fullScreenOnNarrow, onSelectAllChange, ...listProps }: FilteredActionListProps): JSX.Element;
+export declare function FilteredActionList({ loading, placeholderText, filterValue: externalFilterValue, loadingType, onFilterChange, onListContainerRefChanged, onInputRefChanged, items, textInputProps, inputRef: providedInputRef, groupMetadata, showItemDividers, message, messageText, className, selectionVariant, announcementsEnabled, fullScreenOnNarrow, onSelectAllChange, ...listProps }: FilteredActionListProps): JSX.Element;
 export declare namespace FilteredActionList {
     var displayName: string;
 }

package/dist/FilteredActionList/FilteredActionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAc9E,MAAM,WAAW,uBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAC1D,aAAa,EACb,MAAM;IACR,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EACF,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA6TvC;yBAnVe,kBAAkB"}
+{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA0TvC;yBA/Ue,kBAAkB"}

package/dist/FilteredActionList/FilteredActionList.js

@@ -15,7 +15,6 @@ import { ActionListContainerContext } from '../ActionList/ActionListContainerCon
 import { isValidElementType } from 'react-is';
 import { useAnnouncements } from './useAnnouncements.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 import TextInput from '../TextInput/TextInput.js';
@@ -41,7 +40,6 @@ function FilteredActionList({
   items,
   textInputProps,
   inputRef: providedInputRef,
-  sx,
   groupMetadata,
   showItemDividers,
   message,
@@ -211,9 +209,7 @@ function FilteredActionList({
       ...listProps,
       role: "listbox",
       id: listId,
-      sx: {
-        flexGrow: 1
-      },
+      className: classes.ActionList,
       children: groupMetadata !== null && groupMetadata !== void 0 && groupMetadata.length ? groupMetadata.map((group, index) => {
         var _group$header, _group$header2;
         if (index === firstGroupIndex_0 && getItemListForEachGroup(group.groupId).length === 0) {
@@ -270,9 +266,12 @@ function FilteredActionList({
       return actionListContent;
     }
   }
-  return /*#__PURE__*/jsxs(BoxWithFallback, {
+  const {
+    className: textInputClassName,
+    ...restTextInputProps
+  } = textInputProps || {};
+  return /*#__PURE__*/jsxs("div", {
     ref: inputAndListContainerRef,
-    sx: sx,
     className: clsx(className, classes.Root),
     "data-testid": "filtered-action-list",
     children: [/*#__PURE__*/jsx(StyledHeader, {
@@ -294,8 +293,10 @@ function FilteredActionList({
         "aria-describedby": inputDescriptionTextId,
         loaderPosition: 'leading',
         loading: loading && !loadingType.appearsInBody,
-        className: clsx(textInputProps === null || textInputProps === void 0 ? void 0 : textInputProps.className, fullScreenOnNarrow && classes.FullScreenTextInput),
-        ...textInputProps
+        className: clsx(textInputClassName, {
+          [classes.FullScreenTextInput]: fullScreenOnNarrow
+        }),
+        ...restTextInputProps
       })
     }), /*#__PURE__*/jsx(VisuallyHidden, {
       id: inputDescriptionTextId,

package/dist/FilteredActionList/FilteredActionList.module.css.js

@@ -1,5 +1,5 @@
-import './FilteredActionList-96b126d7.css';
+import './FilteredActionList-e1eb1b75.css';
 
-var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Container":"prc-FilteredActionList-Container-2A9NQ","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
+var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Container":"prc-FilteredActionList-Container-2A9NQ","ActionList":"prc-FilteredActionList-ActionList-QY9ZL","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
 
 export { classes as default };

package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css

@@ -0,0 +1,2 @@
+.prc-FilteredActionList-LoadingSkeleton-x9WXt{border-radius:4px}.prc-FilteredActionList-LoadingSpinner-4C8CM{align-content:center;flex-grow:1;height:100%;padding:var(--base-size-16,1rem);text-align:center}.prc-FilteredActionList-LoadingSkeletonContainer-FBx9v{display:flex;flex-direction:column;flex-grow:1;padding:var(--base-size-8,.5rem)}
+/*# sourceMappingURL=FilteredActionListLoaders-a46a8ea4.css.map */

package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FilteredActionList/FilteredActionListLoaders.module.css"],"names":[],"mappings":"AAAA,8CAEE,iBACF,CAEA,6CAGE,oBAAqB,CADrB,WAAY,CAGZ,WAAY,CAJZ,gCAA4B,CAG5B,iBAEF,CAEA,uDAEE,YAAa,CAEb,qBAAsB,CADtB,WAAY,CAFZ,gCAIF","file":"FilteredActionListLoaders-a46a8ea4.css","sourcesContent":[".LoadingSkeleton {\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: 4px;\n}\n\n.LoadingSpinner {\n  padding: var(--base-size-16);\n  flex-grow: 1;\n  align-content: center;\n  text-align: center;\n  height: 100%;\n}\n\n.LoadingSkeletonContainer {\n  padding: var(--base-size-8);\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n"]}

package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredActionListLoaders.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionListLoaders.tsx"],"names":[],"mappings":"AAMA,qBAAa,6BAA6B;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,OAAO,CAAA;gBAEjB,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO;CAIjD;AAED,eAAO,MAAM,8BAA8B;;;;CAI1C,CAAA;AAKD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,6BAA6B,CAAA;IAC1C,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}
+{"version":3,"file":"FilteredActionListLoaders.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionListLoaders.tsx"],"names":[],"mappings":"AAKA,qBAAa,6BAA6B;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,OAAO,CAAA;gBAEjB,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO;CAIjD;AAED,eAAO,MAAM,8BAA8B;;;;CAI1C,CAAA;AAKD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,6BAA6B,CAAA;IAC1C,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}

package/dist/FilteredActionList/FilteredActionListLoaders.js

@@ -3,8 +3,7 @@ import { Stack } from '../Stack/Stack.js';
 import { SkeletonBox } from '../Skeleton/SkeletonBox.js';
 import classes from './FilteredActionListLoaders.module.css.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import Box from '../Box/Box.js';
-import StyledSpinner from '../Spinner/Spinner.js';
+import Spinner from '../Spinner/Spinner.js';
 
 class FilteredActionListLoadingType {
   constructor(name, appearsInBody) {
@@ -69,7 +68,7 @@ function FilteredActionListBodyLoader(t0) {
   }
 }
 function LoadingSpinner(t0) {
-  const $ = c(5);
+  const $ = c(4);
   let props;
   if ($[0] !== t0) {
     ({
@@ -81,32 +80,19 @@ function LoadingSpinner(t0) {
     props = $[1];
   }
   let t1;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      alignContent: "center",
-      textAlign: "center",
-      height: "100%"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props) {
-    t2 = /*#__PURE__*/jsx(Box, {
-      p: 3,
-      flexGrow: 1,
-      sx: t1,
-      children: /*#__PURE__*/jsx(StyledSpinner, {
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/jsx("div", {
+      className: classes.LoadingSpinner,
+      children: /*#__PURE__*/jsx(Spinner, {
         ...props
       })
     });
-    $[3] = props;
-    $[4] = t2;
+    $[2] = props;
+    $[3] = t1;
   } else {
-    t2 = $[4];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 function LoadingSkeleton(t0) {
   const $ = c(8);
@@ -137,11 +123,8 @@ function LoadingSkeleton(t0) {
   }
   let t3;
   if ($[5] !== props || $[6] !== t2) {
-    t3 = /*#__PURE__*/jsx(Box, {
-      p: 2,
-      display: "flex",
-      flexGrow: 1,
-      flexDirection: "column",
+    t3 = /*#__PURE__*/jsx("div", {
+      className: classes.LoadingSkeletonContainer,
       children: /*#__PURE__*/jsx(Stack, {
         direction: "vertical",
         justify: "center",

package/dist/FilteredActionList/FilteredActionListLoaders.module.css.js

@@ -1,5 +1,5 @@
-import './FilteredActionListLoaders-6f14c45b.css';
+import './FilteredActionListLoaders-a46a8ea4.css';
 
-var classes = {"LoadingSkeleton":"prc-FilteredActionList-LoadingSkeleton-x9WXt"};
+var classes = {"LoadingSkeleton":"prc-FilteredActionList-LoadingSkeleton-x9WXt","LoadingSpinner":"prc-FilteredActionList-LoadingSpinner-4C8CM","LoadingSkeletonContainer":"prc-FilteredActionList-LoadingSkeletonContainer-FBx9v"};
 
 export { classes as default };

package/dist/Flash/Flash.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
 export type FlashProps = React.ComponentPropsWithoutRef<'div'> & {
     className?: string;
     variant?: 'default' | 'warning' | 'success' | 'danger';
     full?: boolean;
-} & SxProp;
+};
 declare const Flash: PolymorphicForwardRefComponent<"div", FlashProps>;
 export default Flash;
 //# sourceMappingURL=Flash.d.ts.map

package/dist/Flash/Flash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../src/Flash/Flash.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,MAAM,CAAA;AAEV,QAAA,MAAM,KAAK,EAYL,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAMvD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../src/Flash/Flash.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,KAAK,EAaL,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAMvD,eAAe,KAAK,CAAA"}

package/dist/Flash/Flash.js

@@ -1,75 +1,68 @@
 import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React from 'react';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import classes from './Flash.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Flash = /*#__PURE__*/React.forwardRef(function Flash(t0, ref) {
-  const $ = c(17);
-  let as;
+  const $ = c(15);
   let className;
   let full;
   let rest;
-  let sx;
   let t1;
+  let t2;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       className,
-      variant: t1,
+      variant: t2,
       full,
-      sx,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = className;
-    $[3] = full;
-    $[4] = rest;
-    $[5] = sx;
-    $[6] = t1;
+    $[1] = className;
+    $[2] = full;
+    $[3] = rest;
+    $[4] = t1;
+    $[5] = t2;
   } else {
-    as = $[1];
-    className = $[2];
-    full = $[3];
-    rest = $[4];
-    sx = $[5];
-    t1 = $[6];
+    className = $[1];
+    full = $[2];
+    rest = $[3];
+    t1 = $[4];
+    t2 = $[5];
   }
-  const variant = t1 === undefined ? "default" : t1;
-  let t2;
-  if ($[7] !== className) {
-    t2 = clsx(classes.Flash, className);
-    $[7] = className;
-    $[8] = t2;
+  const BaseComponent = t1 === undefined ? "div" : t1;
+  const variant = t2 === undefined ? "default" : t2;
+  let t3;
+  if ($[6] !== className) {
+    t3 = clsx(classes.Flash, className);
+    $[6] = className;
+    $[7] = t3;
   } else {
-    t2 = $[8];
+    t3 = $[7];
   }
-  const t3 = full ? "" : undefined;
-  let t4;
-  if ($[9] !== as || $[10] !== ref || $[11] !== rest || $[12] !== sx || $[13] !== t2 || $[14] !== t3 || $[15] !== variant) {
-    t4 = /*#__PURE__*/jsx(BoxWithFallback, {
+  const t4 = full ? "" : undefined;
+  let t5;
+  if ($[8] !== BaseComponent || $[9] !== ref || $[10] !== rest || $[11] !== t3 || $[12] !== t4 || $[13] !== variant) {
+    t5 = /*#__PURE__*/jsx(BaseComponent, {
       ...rest,
       ref: ref,
-      as: as,
-      className: t2,
-      "data-full": t3,
-      "data-variant": variant,
-      sx: sx
+      className: t3,
+      "data-full": t4,
+      "data-variant": variant
     });
-    $[9] = as;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = sx;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = variant;
-    $[16] = t4;
+    $[8] = BaseComponent;
+    $[9] = ref;
+    $[10] = rest;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = variant;
+    $[14] = t5;
   } else {
-    t4 = $[16];
+    t5 = $[14];
   }
-  return t4;
+  return t5;
 });
 if (process.env.NODE_ENV !== "production") {
   Flash.displayName = 'Flash';