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

package/lib/FilteredActionList/types.d.ts

@@ -1,159 +0,0 @@
-import type { Key } from 'react';
-import type { SxProp } from '../sx';
-import type { Merge } from '../utils/polymorphic';
-import type { Group } from '../ActionList/Group';
-import type { ActionListGroupProps } from '../deprecated';
-import type { AriaRole } from '../utils/types';
-export type RenderItemFn = (props: FilteredActionListItemProps) => React.ReactElement;
-export type ItemInput = Merge<React.ComponentPropsWithoutRef<'div'>, FilteredActionListItemProps> | ((Partial<FilteredActionListItemProps> & {
-    renderItem: RenderItemFn;
-}) & {
-    key?: Key;
-});
-export interface FilteredActionListItemProps extends SxProp {
-    /**
-     * Primary text which names an `Item`.
-     */
-    text?: string;
-    /**
-     * Secondary text which provides additional information about an `Item`.
-     */
-    description?: string;
-    /**
-     * Secondary text style variations. Usage is discretionary.
-     *
-     * - `"inline"` - Secondary text is positioned beside primary text.
-     * - `"block"` - Secondary text is positioned below primary text.
-     */
-    descriptionVariant?: 'inline' | 'block';
-    /**
-     * Icon (or similar) positioned before `Item` text.
-     */
-    leadingVisual?: React.ElementType;
-    /**
-     * @deprecated Use `trailingVisual` instead
-     * Icon (or similar) positioned after `Item` text.
-     */
-    trailingIcon?: React.ElementType;
-    /**
-     * @deprecated Use `trailingVisual` instead
-     * Text positioned after `Item` text and optional trailing icon.
-     */
-    trailingText?: string;
-    /**
-     * Icon or text positioned after `Item` text.
-     */
-    trailingVisual?: React.ElementType | React.ReactNode;
-    /**
-     * Style variations associated with various `Item` types.
-     *
-     * - `"default"` - An action `Item`.
-     * - `"danger"` - A destructive action `Item`.
-     */
-    variant?: 'default' | 'danger';
-    /**
-     * For `Item`s which can be selected, whether the `Item` is currently selected.
-     */
-    selected?: boolean;
-    /**
-     * Designates the group that an item belongs to.
-     */
-    groupId?: string;
-    /**
-     * Items that are disabled can not be clicked, selected, or navigated through.
-     */
-    disabled?: boolean;
-    /**
-     * Callback that will trigger both on click selection and keyboard selection.
-     */
-    onAction?: (item: FilteredActionListItemProps, event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * An id associated with this item.  Should be unique between items
-     */
-    id?: number | string;
-    /**
-     * Node to be included inside the item before the text.
-     */
-    children?: React.ReactNode;
-    /**
-     * The ARIA role describing the function of `List` component. `option` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * An item to pass back in the `onAction` callback, meant as
-     */
-    item?: ItemInput;
-}
-/**
- * Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.
- */
-export interface GroupedListProps extends ListPropsBase {
-    /**
-     * A collection of `Group` props (except `items`), plus a unique group identifier
-     * and `Group`-level custom `Item` or `Group` renderers.
-     */
-    groupMetadata: ((Omit<ActionListGroupProps, 'items'> | Omit<Partial<ActionListGroupProps> & {
-        renderItem?: RenderItemFn;
-        renderGroup?: typeof Group;
-    }, 'items'>) & {
-        groupId: string;
-    })[];
-    /**
-     * A collection of `Item` props, plus associated group identifiers
-     * and `Item`-level custom `Item` renderers.
-     */
-    items: ((FilteredActionListItemProps | (Partial<FilteredActionListItemProps> & {
-        renderItem: RenderItemFn;
-    })) & {
-        groupId: string;
-    })[];
-}
-/**
- * Contract for props passed to the `List` component.
- */
-export interface ListPropsBase {
-    /**
-     * A collection of `Item` props and `Item`-level custom `Item` renderers.
-     */
-    items: ItemInput[];
-    /**
-     * The ARIA role describing the function of `List` component. `listbox` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * id to attach to the base DOM node of the list
-     */
-    id?: string;
-    /**
-     * aria-label to attach to the base DOM node of the list
-     */
-    'aria-label'?: string;
-    /**
-     * A `List`-level custom `Item` renderer. Every `Item` within this `List`
-     * without a `Group`-level or `Item`-level custom `Item` renderer will be
-     * rendered using this function component.
-     */
-    renderItem?: RenderItemFn;
-    /**
-     * A `List`-level custom `Group` renderer. Every `Group` within this `List`
-     * without a `Group`-level custom `Item` renderer will be rendered using
-     * this function component.
-     */
-    renderGroup?: typeof Group;
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"inset"` - `List` children are offset (vertically and horizontally) from `List`’s edges
-     * - `"full"` - `List` children are flush (vertically and horizontally) with `List` edges
-     */
-    variant?: 'inset' | 'horizontal-inset' | 'full';
-    /**
-     *  For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected
-     */
-    selectionVariant?: 'single' | 'multiple' | 'radio';
-    /**
-     * Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
-     */
-    showItemDividers?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/FilteredActionList/useAnnouncements.d.ts

@@ -1,6 +0,0 @@
-import type { FilteredActionListProps } from './index';
-export declare const useAnnouncements: (items: FilteredActionListProps["items"], listContainerRef: React.RefObject<HTMLUListElement>, inputRef: React.RefObject<HTMLInputElement>, enabled?: boolean, loading?: boolean, message?: {
-    title: string;
-    description: string;
-}) => void;
-//# sourceMappingURL=useAnnouncements.d.ts.map

package/lib/FilteredActionList/useAnnouncements.js

@@ -1,196 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var liveRegionElement = require('@primer/live-region-element');
-var React = require('react');
-var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
-
-// we add a delay so that it does not interrupt default screen reader announcement and queues after it
-const delayMs = 500;
-const useFirstRender = () => {
-  const firstRender = React.useRef(true);
-  React.useEffect(() => {
-    firstRender.current = false;
-  }, []);
-  return firstRender.current;
-};
-
-//TODO remove this when we remove usingRemoveActiveDescendant
-const getItemWithActiveDescendant = (listRef, items) => {
-  const listElement = listRef.current;
-  const activeItemElement = listElement === null || listElement === void 0 ? void 0 : listElement.querySelector('[data-is-active-descendant]');
-  if (!listElement || !(activeItemElement !== null && activeItemElement !== void 0 && activeItemElement.textContent)) return;
-  const optionElements = listElement.querySelectorAll('[role="option"]');
-  const index = Array.from(optionElements).indexOf(activeItemElement);
-  const activeItem = items[index];
-  const text = activeItem === null || activeItem === void 0 ? void 0 : activeItem.text;
-  const selected = activeItem === null || activeItem === void 0 ? void 0 : activeItem.selected;
-  return {
-    index,
-    text,
-    selected
-  };
-};
-//TODO remove this when we remove usingRemoveActiveDescendant
-
-const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) => {
-  const $ = reactCompilerRuntime.c(33);
-  const enabled = t0 === undefined ? true : t0;
-  const loading = t1 === undefined ? false : t1;
-  const usingRemoveActiveDescendant = useFeatureFlag.useFeatureFlag("primer_react_select_panel_remove_active_descendant");
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = document.querySelector("live-region");
-    $[0] = t2;
-  } else {
-    t2 = $[0];
-  }
-  const liveRegion = t2;
-  let t3;
-  if ($[1] !== items) {
-    t3 = items.filter(_temp);
-    $[1] = items;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  const selectedItems = t3.length;
-  let t4;
-  if ($[3] !== enabled) {
-    t4 = (...t5) => {
-      const args = t5;
-      if (enabled) {
-        return liveRegionElement.announce(...args);
-      }
-    };
-    $[3] = enabled;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  const announce = t4;
-  let t5;
-  let t6;
-  if ($[5] !== announce || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRemoveActiveDescendant) {
-    t5 = function announceInitialFocus() {
-      const focusHandler = () => {
-        if (usingRemoveActiveDescendant) {
-          const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
-          announce(announcementText, {
-            delayMs,
-            from: liveRegion ? liveRegion : undefined
-          });
-        } else {
-          window.requestAnimationFrame(() => {
-            const activeItem = getItemWithActiveDescendant(listContainerRef, items);
-            if (!activeItem) {
-              return;
-            }
-            const {
-              index,
-              text,
-              selected
-            } = activeItem;
-            const announcementText_0 = ["Focus on filter text box and list of items", `Focused item: ${text}`, `${selected ? "selected" : "not selected"}`, `${index + 1} of ${items.length}`].join(", ");
-            announce(announcementText_0, {
-              delayMs,
-              from: liveRegion ? liveRegion : undefined
-            });
-          });
-        }
-      };
-      const inputElement = inputRef.current;
-      inputElement === null || inputElement === void 0 ? void 0 : inputElement.addEventListener("focus", focusHandler);
-      return () => inputElement === null || inputElement === void 0 ? void 0 : inputElement.removeEventListener("focus", focusHandler);
-    };
-    t6 = [listContainerRef, inputRef, items, liveRegion, announce, usingRemoveActiveDescendant, selectedItems];
-    $[5] = announce;
-    $[6] = inputRef;
-    $[7] = items;
-    $[8] = listContainerRef;
-    $[9] = selectedItems;
-    $[10] = usingRemoveActiveDescendant;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t5 = $[11];
-    t6 = $[12];
-  }
-  React.useEffect(t5, t6);
-  const isFirstRender = useFirstRender();
-  let t7;
-  if ($[13] !== announce || $[14] !== isFirstRender || $[15] !== items || $[16] !== listContainerRef || $[17] !== loading || $[18] !== (message === null || message === void 0 ? void 0 : message.description) || $[19] !== (message === null || message === void 0 ? void 0 : message.title) || $[20] !== selectedItems || $[21] !== usingRemoveActiveDescendant) {
-    t7 = function announceListUpdates() {
-      if (isFirstRender) {
-        return;
-      }
-      liveRegion === null || liveRegion === void 0 ? void 0 : liveRegion.clear();
-      if (items.length === 0 && !loading) {
-        announce(`${message === null || message === void 0 ? void 0 : message.title}. ${message === null || message === void 0 ? void 0 : message.description}`, {
-          delayMs
-        });
-        return;
-      }
-      if (usingRemoveActiveDescendant) {
-        const announcementText_1 = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
-        announce(announcementText_1, {
-          delayMs,
-          from: liveRegion ? liveRegion : undefined
-        });
-      } else {
-        window.requestAnimationFrame(() => {
-          const activeItem_0 = getItemWithActiveDescendant(listContainerRef, items);
-          if (!activeItem_0) {
-            return;
-          }
-          const {
-            index: index_0,
-            text: text_0,
-            selected: selected_0
-          } = activeItem_0;
-          const announcementText_2 = ["List updated", `Focused item: ${text_0}`, `${selected_0 ? "selected" : "not selected"}`, `${index_0 + 1} of ${items.length}`].join(", ");
-          announce(announcementText_2, {
-            delayMs,
-            from: liveRegion ? liveRegion : undefined
-          });
-        });
-      }
-    };
-    $[13] = announce;
-    $[14] = isFirstRender;
-    $[15] = items;
-    $[16] = listContainerRef;
-    $[17] = loading;
-    $[18] = message === null || message === void 0 ? void 0 : message.description;
-    $[19] = message === null || message === void 0 ? void 0 : message.title;
-    $[20] = selectedItems;
-    $[21] = usingRemoveActiveDescendant;
-    $[22] = t7;
-  } else {
-    t7 = $[22];
-  }
-  const t8 = message === null || message === void 0 ? void 0 : message.title;
-  const t9 = message === null || message === void 0 ? void 0 : message.description;
-  let t10;
-  if ($[23] !== announce || $[24] !== isFirstRender || $[25] !== items || $[26] !== listContainerRef || $[27] !== loading || $[28] !== selectedItems || $[29] !== t8 || $[30] !== t9 || $[31] !== usingRemoveActiveDescendant) {
-    t10 = [announce, isFirstRender, items, listContainerRef, liveRegion, usingRemoveActiveDescendant, t8, t9, loading, selectedItems];
-    $[23] = announce;
-    $[24] = isFirstRender;
-    $[25] = items;
-    $[26] = listContainerRef;
-    $[27] = loading;
-    $[28] = selectedItems;
-    $[29] = t8;
-    $[30] = t9;
-    $[31] = usingRemoveActiveDescendant;
-    $[32] = t10;
-  } else {
-    t10 = $[32];
-  }
-  React.useEffect(t7, t10);
-};
-function _temp(item) {
-  return item.selected;
-}
-
-exports.useAnnouncements = useAnnouncements;

package/lib/Flash/Flash-a3596568.css

@@ -1,2 +0,0 @@
-.prc-Flash-Flash-3q4Aj{border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);color:var(--fgColor-default,var(--color-fg-default));margin-top:0;padding:var(--base-size-16,1rem);position:relative}.prc-Flash-Flash-3q4Aj:where([data-variant=default]){background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border-color:var(--borderColor-accent-muted,var(--color-accent-muted))}.prc-Flash-Flash-3q4Aj:where([data-variant=default]) :where(svg){color:var(--fgColor-accent,var(--color-accent-fg))}.prc-Flash-Flash-3q4Aj:where([data-variant=success]){background-color:var(--bgColor-success-muted,var(--color-success-subtle));border-color:var(--borderColor-success-muted,var(--color-success-muted))}.prc-Flash-Flash-3q4Aj:where([data-variant=success]) :where(svg){color:var(--fgColor-success,var(--color-success-fg))}.prc-Flash-Flash-3q4Aj:where([data-variant=danger]){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted))}.prc-Flash-Flash-3q4Aj:where([data-variant=danger]) :where(svg){color:var(--fgColor-danger,var(--color-danger-fg))}.prc-Flash-Flash-3q4Aj:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted))}.prc-Flash-Flash-3q4Aj:where([data-variant=warning]) :where(svg){color:var(--fgColor-attention,var(--color-attention-fg))}.prc-Flash-Flash-3q4Aj:where([data-full]){border-radius:0;border-width:var(--borderWidth-thin,.0625rem) 0;margin-top:-1px}.prc-Flash-Flash-3q4Aj :where(p:last-child){margin-bottom:0}.prc-Flash-Flash-3q4Aj :where(svg){margin-right:var(--base-size-8,.5rem)}
-/*# sourceMappingURL=Flash-a3596568.css.map */

package/lib/Flash/Flash-a3596568.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Flash/Flash.module.css"],"names":[],"mappings":"AAAA,uBAOE,gDAAyC,CAFzC,kBAAmB,CACnB,6CAAqC,CAFrC,oDAA6B,CAD7B,YAAa,CADb,gCAA4B,CAD5B,iBA0DF,CAlDE,qDACE,uEAA6C,CAC7C,sEAKF,CAHE,iEACE,kDACF,CAGF,qDACE,yEAA8C,CAC9C,wEAKF,CAHE,iEACE,oDACF,CAGF,oDACE,uEAA6C,CAC7C,sEAKF,CAHE,gEACE,kDACF,CAGF,qDACE,6EAAgD,CAChD,4EAKF,CAHE,iEACE,wDACF,CAGF,0CAIE,eAAgB,CADhB,+CAAuC,CADvC,eAGF,CAEA,4CACE,eACF,CAEA,mCACE,qCACF","file":"Flash-a3596568.css","sourcesContent":[".Flash {\n  position: relative;\n  padding: var(--base-size-16);\n  margin-top: 0;\n  color: var(--fgColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-medium);\n\n  &:where([data-variant='default']) {\n    background-color: var(--bgColor-accent-muted);\n    border-color: var(--borderColor-accent-muted);\n\n    & :where(svg) {\n      color: var(--fgColor-accent);\n    }\n  }\n\n  &:where([data-variant='success']) {\n    background-color: var(--bgColor-success-muted);\n    border-color: var(--borderColor-success-muted);\n\n    & :where(svg) {\n      color: var(--fgColor-success);\n    }\n  }\n\n  &:where([data-variant='danger']) {\n    background-color: var(--bgColor-danger-muted);\n    border-color: var(--borderColor-danger-muted);\n\n    & :where(svg) {\n      color: var(--fgColor-danger);\n    }\n  }\n\n  &:where([data-variant='warning']) {\n    background-color: var(--bgColor-attention-muted);\n    border-color: var(--borderColor-attention-muted);\n\n    & :where(svg) {\n      color: var(--fgColor-attention);\n    }\n  }\n\n  &:where([data-full]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: -1px;\n    border-width: var(--borderWidth-thin) 0;\n    border-radius: 0;\n  }\n\n  & :where(p:last-child) {\n    margin-bottom: 0;\n  }\n\n  & :where(svg) {\n    margin-right: var(--base-size-8);\n  }\n}\n"]}

package/lib/Flash/Flash.d.ts

@@ -1,11 +0,0 @@
-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/lib/Flash/Flash.js

@@ -1,84 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var Flash_module = require('./Flash.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const Flash = /*#__PURE__*/React__default.default.forwardRef(function Flash(t0, ref) {
-  const $ = reactCompilerRuntime.c(17);
-  let as;
-  let className;
-  let full;
-  let rest;
-  let sx;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      as,
-      className,
-      variant: t1,
-      full,
-      sx,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = as;
-    $[2] = className;
-    $[3] = full;
-    $[4] = rest;
-    $[5] = sx;
-    $[6] = t1;
-  } else {
-    as = $[1];
-    className = $[2];
-    full = $[3];
-    rest = $[4];
-    sx = $[5];
-    t1 = $[6];
-  }
-  const variant = t1 === undefined ? "default" : t1;
-  let t2;
-  if ($[7] !== className) {
-    t2 = clsx.clsx(Flash_module.Flash, className);
-    $[7] = className;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const t3 = full ? "" : undefined;
-  let t4;
-  if ($[9] !== as || $[10] !== ref || $[11] !== rest || $[12] !== sx || $[13] !== t2 || $[14] !== t3 || $[15] !== variant) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      ...rest,
-      ref: ref,
-      as: as,
-      className: t2,
-      "data-full": t3,
-      "data-variant": variant,
-      sx: sx
-    });
-    $[9] = as;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = sx;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = variant;
-    $[16] = t4;
-  } else {
-    t4 = $[16];
-  }
-  return t4;
-});
-if (process.env.NODE_ENV !== "production") {
-  Flash.displayName = 'Flash';
-}
-
-module.exports = Flash;

package/lib/Flash/Flash.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Flash-a3596568.css');
-
-var classes = {"Flash":"prc-Flash-Flash-3q4Aj"};
-
-module.exports = classes;

package/lib/Flash/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Flash';
-export type { FlashProps } from './Flash';
-//# sourceMappingURL=index.d.ts.map

package/lib/FormControl/FormControl-fa33984d.css

@@ -1,2 +0,0 @@
-.prc-FormControl-ControlHorizontalLayout-GkYZF{display:flex}.prc-FormControl-ControlHorizontalLayout-GkYZF:where([data-has-leading-visual]){align-items:center}.prc-FormControl-ControlVerticalLayout-wOp8f{align-items:flex-start;display:flex;flex-direction:column}.prc-FormControl-ControlVerticalLayout-wOp8f>:not(label)+*,.prc-FormControl-ControlVerticalLayout-wOp8f[data-has-label]>*+*{margin-top:var(--base-size-4,.25rem)}.prc-FormControl-ControlChoiceInputs-VxfAy>input{margin-left:0;margin-right:0}.prc-FormControl-LabelContainer-lwQsw>*{padding-left:var(--stack-gap-condensed,.5rem)}.prc-FormControl-LabelContainer-lwQsw>label{font-weight:var(--base-text-weight-normal,400)}.prc-FormControl-LeadingVisual-fEyC5{color:var(--fgColor-muted,var(--color-fg-muted));margin-left:var(--base-size-8,.5rem)}.prc-FormControl-LeadingVisual-fEyC5:where([data-disabled]){color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.prc-FormControl-LeadingVisual-fEyC5>*{min-height:var(--text-body-size-large,1rem);min-width:var(--text-body-size-large,1rem);fill:currentColor}.prc-FormControl-LeadingVisual-fEyC5>:where([data-has-caption]){min-height:var(--base-size-24,1.5rem);min-width:var(--base-size-24,1.5rem)}
-/*# sourceMappingURL=FormControl-fa33984d.css.map */

package/lib/FormControl/FormControl-fa33984d.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/FormControl/FormControl.module.css"],"names":[],"mappings":"AAAA,+CACE,YAKF,CAHE,gFACE,kBACF,CAGF,6CAGE,sBAAuB,CAFvB,YAAa,CACb,qBAUF,CAHE,4HACE,oCACF,CAGF,iDAEE,aAAc,CADd,cAEF,CAGE,wCAEE,6CACF,CAEA,4CACE,8CACF,CAGF,qCAEE,gDAA2B,CAD3B,oCAiBF,CAdE,4DACE,qEACF,CAEA,uCAEE,2CAAuC,CADvC,0CAAsC,CAEtC,iBACF,CAEA,gEAEE,qCAA+B,CAD/B,oCAEF","file":"FormControl-fa33984d.css","sourcesContent":[".ControlHorizontalLayout {\n  display: flex;\n\n  &:where([data-has-leading-visual]) {\n    align-items: center;\n  }\n}\n\n.ControlVerticalLayout {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  & > *:not(label) + * {\n    margin-top: var(--base-size-4);\n  }\n\n  &[data-has-label] > * + * {\n    margin-top: var(--base-size-4);\n  }\n}\n\n.ControlChoiceInputs > input {\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.LabelContainer {\n  > * {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-left: var(--stack-gap-condensed);\n  }\n\n  > label {\n    font-weight: var(--base-text-weight-normal);\n  }\n}\n\n.LeadingVisual {\n  margin-left: var(--base-size-8);\n  color: var(--fgColor-muted);\n\n  &:where([data-disabled]) {\n    color: var(--control-fgColor-disabled);\n  }\n\n  > * {\n    min-width: var(--text-body-size-large);\n    min-height: var(--text-body-size-large);\n    fill: currentColor;\n  }\n\n  > *:where([data-has-caption]) {\n    min-width: var(--base-size-24);\n    min-height: var(--base-size-24);\n  }\n}\n"]}

package/lib/FormControl/FormControl.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../sx';
-import { FormControlCaption } from './FormControlCaption';
-export type FormControlProps = {
-    children?: React.ReactNode;
-    /**
-     * Whether the control allows user input
-     */
-    disabled?: boolean;
-    /**
-     * The unique identifier for this control. Used to associate the label, validation text, and caption text
-     */
-    id?: string;
-    /**
-     * If true, the user must specify a value for the input before the owning form can be submitted
-     */
-    required?: boolean;
-    /**
-     * The direction the content flows.
-     * Vertical layout is used by default, and horizontal layout is used for checkbox and radio inputs.
-     */
-    layout?: 'horizontal' | 'vertical';
-    className?: string;
-} & SxProp;
-declare const _default: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    /**
-     * Whether the control allows user input
-     */
-    disabled?: boolean;
-    /**
-     * The unique identifier for this control. Used to associate the label, validation text, and caption text
-     */
-    id?: string;
-    /**
-     * If true, the user must specify a value for the input before the owning form can be submitted
-     */
-    required?: boolean;
-    /**
-     * The direction the content flows.
-     * Vertical layout is used by default, and horizontal layout is used for checkbox and radio inputs.
-     */
-    layout?: "horizontal" | "vertical";
-    className?: string;
-} & SxProp & React.RefAttributes<HTMLDivElement>> & {
-    Caption: typeof FormControlCaption;
-    Label: React.FC<React.PropsWithChildren<({
-        htmlFor?: string;
-    } & ((import("../internal/components/InputLabel").LabelProps | import("../internal/components/InputLabel").LegendOrSpanProps) & {
-        children?: React.ReactNode | undefined;
-    })) & {
-        visuallyHidden?: boolean;
-        requiredText?: string;
-        requiredIndicator?: boolean;
-        id?: string;
-        className?: string;
-    } & SxProp>>;
-    LeadingVisual: React.FC<React.PropsWithChildren<SxProp>>;
-    Validation: React.FC<React.PropsWithChildren<import("./_FormControlValidation").FormControlValidationProps>>;
-};
-export default _default;
-//# sourceMappingURL=FormControl.d.ts.map