@primer/styled-react 0.0.0-20251210204724 → 0.0.0-20260202191621

package/dist/components/deprecated/ActionList.js

@@ -1,44 +1,49 @@
-import { sx } from "../../sx.js";
-import { Box } from "../Box.js";
-import styled from "styled-components";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { ActionList } from "@primer/react/deprecated";
+import { forwardRef } from 'react';
+import { ActionList as ActionList$1 } from '@primer/react/deprecated';
+import { sx } from '../../sx.js';
+import { Box } from '../Box.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/ActionList.tsx
-const ActionListImpl = /* @__PURE__ */ forwardRef(function ActionList$2(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: ActionList,
-		ref,
-		...props
-	});
+const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: ActionList$1,
+    ref: ref,
+    ...props
+  });
 });
-const StyledActionListItem = styled(ActionList.Item).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "ActionList__StyledActionListItem",
-	componentId: "sc-1ugfmds-0"
+const StyledActionListItem = styled(ActionList$1.Item).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "ActionList__StyledActionListItem",
+  componentId: "sc-1ugfmds-0"
 })(["", ""], sx);
-const ActionListItem = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledActionListItem, {
-	...props,
-	...as ? { forwardedAs: as } : {},
-	ref
+const ActionListItem = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
 }));
 function ActionListGroup(props) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: ActionList.Group,
-		...props
-	});
+  return /*#__PURE__*/jsx(Box, {
+    as: ActionList$1.Group,
+    ...props
+  });
 }
 function ActionListDivider(props) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: ActionList.Divider,
-		...props
-	});
+  return /*#__PURE__*/jsx(Box, {
+    as: ActionList$1.Divider,
+    ...props
+  });
 }
-const ActionList$1 = Object.assign(ActionListImpl, {
-	Item: ActionListItem,
-	Group: ActionListGroup,
-	Divider: ActionListDivider
+const ActionList = Object.assign(ActionListImpl, {
+  Item: ActionListItem,
+  Group: ActionListGroup,
+  Divider: ActionListDivider
 });
 
-//#endregion
-export { ActionList$1 as ActionList };
+export { ActionList };

package/dist/components/deprecated/DialogV1.js

@@ -1,34 +1,44 @@
-import { Box } from "../Box.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Dialog } from "@primer/react/deprecated";
+import { Dialog as Dialog$1 } from '@primer/react/deprecated';
+import { Box } from '../Box.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/DialogV1.tsx
-const StyledDialog = /* @__PURE__ */ forwardRef(function Dialog$2(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: Dialog,
-		ref,
-		...props
-	});
+const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1,
+    ref: ref,
+    ...props
+  });
 });
-const DialogImpl = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledDialog, {
-	...props,
-	...as ? { forwardedAs: as } : {},
-	ref
+const DialogImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledDialog, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
 }));
-const StyledDialogHeader = /* @__PURE__ */ forwardRef(function DialogHeader$1(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: Dialog.Header,
-		ref,
-		...props
-	});
+const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Header,
+    ref: ref,
+    ...props
+  });
 });
-const DialogHeader = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledDialogHeader, {
-	...props,
-	...as ? { forwardedAs: as } : {},
-	ref
+const DialogHeader = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledDialogHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
 }));
-const Dialog$1 = Object.assign(DialogImpl, { Header: DialogHeader });
+const Dialog = Object.assign(DialogImpl, {
+  Header: DialogHeader
+});
 
-//#endregion
-export { Dialog$1 as Dialog };
+export { Dialog };

package/dist/components/deprecated/Octicon.js

@@ -1,32 +1,39 @@
-import { sx } from "../../sx.js";
-import styled from "styled-components";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Octicon } from "@primer/react/deprecated";
+import { Octicon as Octicon$1 } from '@primer/react/deprecated';
+import styled from 'styled-components';
+import { sx } from '../../sx.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/Octicon.tsx
 /**
-* @deprecated Use the icon component directly from `@primer/octicons-react` instead
-*/
-/**
-* @deprecated Use the icon component directly from `@primer/octicons-react` instead
-*/
-const StyledOcticon = styled(Octicon).withConfig({ shouldForwardProp(prop) {
-	return prop !== "sx";
-} }).withConfig({
-	displayName: "Octicon__StyledOcticon",
-	componentId: "sc-jtj3m8-0"
-})(["", ""], ({ color, sx: sxProp }) => sx({ sx: {
-	color,
-	...sxProp
-} }));
-const Octicon$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(StyledOcticon, {
-		...props,
-		...as ? { forwardedAs: as } : {},
-		ref
-	});
+ * @deprecated Use the icon component directly from `@primer/octicons-react` instead
+ */
+const StyledOcticon = styled(Octicon$1).withConfig({
+  shouldForwardProp(prop) {
+    return prop !== 'sx';
+  }
+}).withConfig({
+  displayName: "Octicon__StyledOcticon",
+  componentId: "sc-jtj3m8-0"
+})(["", ""], ({
+  color,
+  sx: sxProp
+}) => sx({
+  sx: {
+    color,
+    ...sxProp
+  }
+}));
+const Octicon = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledOcticon, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
 });
 
-//#endregion
-export { Octicon$1 as Octicon };
+export { Octicon };

package/dist/components/deprecated/TabNav.js

@@ -1,30 +1,44 @@
-import { sx } from "../../sx.js";
-import styled from "styled-components";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { TabNav } from "@primer/react/deprecated";
+import { TabNav as TabNav$1 } from '@primer/react/deprecated';
+import { sx } from '../../sx.js';
+import styled from 'styled-components';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/TabNav.tsx
-const StyledTabNav = styled(TabNav).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "TabNav__StyledTabNav",
-	componentId: "sc-13kad3t-0"
+const StyledTabNav = styled(TabNav$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TabNav__StyledTabNav",
+  componentId: "sc-13kad3t-0"
 })(["", ""], sx);
-const TabNavImpl = ({ as, ...props }) => {
-	return /* @__PURE__ */ jsx(StyledTabNav, {
-		...props,
-		...as ? { forwardedAs: as } : {}
-	});
+const TabNavImpl = ({
+  as,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(StyledTabNav, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
 };
-const StyledTabNavLink = styled(TabNav.Link).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "TabNav__StyledTabNavLink",
-	componentId: "sc-13kad3t-1"
+const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TabNav__StyledTabNavLink",
+  componentId: "sc-13kad3t-1"
 })(["", ""], sx);
-const TabNavLink = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledTabNavLink, {
-	...props,
-	...as ? { forwardedAs: as } : {},
-	ref
+const TabNavLink = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledTabNavLink, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
 }));
-const TabNav$1 = Object.assign(TabNavImpl, { Link: TabNavLink });
+const TabNav = Object.assign(TabNavImpl, {
+  Link: TabNavLink
+});
 
-//#endregion
-export { TabNav$1 as TabNav };
+export { TabNav };

package/dist/components/deprecated/Tooltip.js

@@ -1,24 +1,32 @@
-import { sx } from "../../sx.js";
-import styled from "styled-components";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Tooltip } from "@primer/react/deprecated";
+import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
+import { forwardRef } from 'react';
+import { sx } from '../../sx.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/Tooltip.tsx
-const StyledTooltip = styled(Tooltip).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Tooltip__StyledTooltip",
-	componentId: "sc-145jcib-0"
+const StyledTooltip = styled(Tooltip$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Tooltip__StyledTooltip",
+  componentId: "sc-145jcib-0"
 })(["", ""], sx);
-const Tooltip$1 = /* @__PURE__ */ forwardRef(function Tooltip$2({ as, ...props }, ref) {
-	return /* @__PURE__ */ jsx(StyledTooltip, {
-		...props,
-		...as ? { forwardedAs: as } : {},
-		ref
-	});
+const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledTooltip, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
 });
-Tooltip$1.alignments = Tooltip.alignments;
-Tooltip$1.directions = Tooltip.directions;
-Tooltip$1.__SLOT__ = Tooltip.__SLOT__;
+const Tooltip = TooltipImpl;
 
-//#endregion
-export { Tooltip$1 as Tooltip };
+// Preserve static properties from the original component
+Tooltip.alignments = Tooltip$1.alignments;
+Tooltip.directions = Tooltip$1.directions;
+Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
+
+export { Tooltip };

package/dist/components.json

@@ -2,18 +2,13 @@
   "components": [
     "ActionList",
     "ActionMenu",
-    "Autocomplete",
     "Avatar",
     "BaseStyles",
     "Box",
     "Breadcrumb",
     "Breadcrumbs",
     "Button",
-    "Checkbox",
-    "CheckboxGroup",
-    "CircleBadge",
     "CounterLabel",
-    "Details",
     "Dialog",
     "Flash",
     "FormControl",
@@ -23,18 +18,11 @@
     "Label",
     "Link",
     "LinkButton",
-    "NavList",
     "Octicon",
     "Overlay",
     "PageHeader",
-    "ProgressBar",
-    "RadioGroup",
-    "RelativeTime",
     "SegmentedControl",
-    "Select",
     "Spinner",
-    "StateLabel",
-    "SubNav",
     "Table",
     "TabNav",
     "Text",
@@ -46,8 +34,7 @@
     "Token",
     "Tooltip",
     "Truncate",
-    "UnderlineNav",
-    "UnderlinePanels"
+    "UnderlineNav"
   ],
   "types": [
     "ActionListDividerProps",
@@ -58,7 +45,6 @@
     "ActionListProps",
     "ActionListTrailingActionProps",
     "ActionListTrailingVisualProps",
-    "AutocompleteOverlayProps",
     "AvatarProps",
     "BaseStylesProps",
     "BetterSystemStyleObject",
@@ -66,8 +52,6 @@
     "BreadcrumbsItemProps",
     "BreadcrumbsProps",
     "ButtonProps",
-    "CheckboxGroupProps",
-    "CheckboxProps",
     "CounterLabelProps",
     "DataTableContainerProps",
     "DialogHeaderProps",
@@ -78,21 +62,14 @@
     "LabelProps",
     "LinkButtonProps",
     "LinkProps",
-    "NavListProps",
     "OcticonProps",
     "PageHeaderActionsProps",
     "PageHeaderProps",
     "PageHeaderTitleProps",
-    "RadioGroupProps",
-    "RelativeTimeProps",
     "SegmentedControlButtonProps",
     "SegmentedControlIconButtonProps",
     "SegmentedControlProps",
-    "SelectProps",
     "SpinnerProps",
-    "StateLabelProps",
-    "SubNavLinkProps",
-    "SubNavProps",
     "SxProp",
     "TableActionsProps",
     "TableBodyProps",
@@ -120,10 +97,7 @@
     "TooltipProps",
     "TruncateProps",
     "UnderlineNavItemProps",
-    "UnderlineNavProps",
-    "UnderlinePanelsPanelProps",
-    "UnderlinePanelsProps",
-    "UnderlinePanelsTabProps"
+    "UnderlineNavProps"
   ],
   "utilities": [
     "merge",

package/dist/deprecated.js

@@ -1,7 +1,5 @@
-import { TabNav } from "./components/deprecated/TabNav.js";
-import { Dialog } from "./components/deprecated/DialogV1.js";
-import { Octicon } from "./components/deprecated/Octicon.js";
-import { Tooltip } from "./components/deprecated/Tooltip.js";
-import { ActionList } from "./components/deprecated/ActionList.js";
-
-export { ActionList, Dialog, Octicon, TabNav, Tooltip };
+export { TabNav } from './components/deprecated/TabNav.js';
+export { Dialog } from './components/deprecated/DialogV1.js';
+export { Octicon } from './components/deprecated/Octicon.js';
+export { Tooltip } from './components/deprecated/Tooltip.js';
+export { ActionList } from './components/deprecated/ActionList.js';

package/dist/experimental.d.ts

@@ -42,27 +42,6 @@ Tooltip,
  */
 type TooltipProps, } from './components/Tooltip';
 export { 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-UnderlinePanels, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type UnderlinePanelsProps, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type UnderlinePanelsTabProps, 
-/**
- * @deprecated Usage of the `sx` prop with this component is no longer
- * supported. Use the component from `@primer/react` with CSS Modules instead.
- */
-type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
-export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
  * supported. Use the component from `@primer/react` with CSS Modules instead.

package/dist/experimental.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,eAAe;AAEf;;;GAGG;AACH,KAAK,oBAAoB;AAEzB;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,yBAAyB,GAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,UAAU;AAEf;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,UAAU;AAEf;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}

package/dist/experimental.js

@@ -1,7 +1,4 @@
-import { Dialog } from "./components/Dialog.js";
-import { PageHeader } from "./components/PageHeader.js";
-import { Tooltip } from "./components/Tooltip.js";
-import { UnderlinePanels } from "./components/UnderlinePanels.js";
-import { Table } from "./components/DataTable.js";
-
-export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels };
+export { Dialog } from './components/Dialog.js';
+export { PageHeader } from './components/PageHeader.js';
+export { Tooltip } from './components/Tooltip.js';
+export { Table } from './components/DataTable.js';