@primer/styled-react 0.0.0-20251205154953 → 0.0.0-20251205165836

package/dist/index.js

@@ -1,48 +1,46 @@
-'use client';
-
-import { merge, sx } from "./sx.js";
-import { Box } from "./components/Box.js";
-import { ThemeProvider, useColorSchemeVar, useTheme } from "./components/ThemeProvider.js";
-import { BaseStyles } from "./components/BaseStyles.js";
-import { get } from "./theme-get.js";
-import { ActionList } from "./components/ActionList.js";
-import { ActionMenu } from "./components/ActionMenu.js";
-import { Autocomplete } from "./components/Autocomplete.js";
-import { Avatar } from "./components/Avatar.js";
-import { Breadcrumb, Breadcrumbs } from "./components/Breadcrumbs.js";
-import { ButtonComponent } from "./components/Button.js";
-import { Checkbox } from "./components/Checkbox.js";
-import { CheckboxGroup } from "./components/CheckboxGroup.js";
-import { CircleBadge } from "./components/CircleBadge.js";
-import { CounterLabel } from "./components/CounterLabel.js";
-import { Dialog } from "./components/Dialog.js";
-import { Flash } from "./components/Flash.js";
-import { FormControl } from "./components/FormControl.js";
-import { Header } from "./components/Header.js";
-import { Heading } from "./components/Heading.js";
-import { IconButton } from "./components/IconButton.js";
-import { Label } from "./components/Label.js";
-import { Link } from "./components/Link.js";
-import { LinkButton } from "./components/LinkButton.js";
-import { NavList } from "./components/NavList.js";
-import { Overlay } from "./components/Overlay.js";
-import { PageHeader } from "./components/PageHeader.js";
-import { RadioGroup } from "./components/RadioGroup.js";
-import { RelativeTime } from "./components/RelativeTime.js";
-import { SegmentedControl } from "./components/SegmentedControl.js";
-import { Select } from "./components/Select.js";
-import { Spinner } from "./components/Spinner.js";
-import { StateLabel } from "./components/StateLabel.js";
-import { SubNav } from "./components/SubNav.js";
-import { Text } from "./components/Text.js";
-import { Textarea } from "./components/Textarea.js";
-import { TextInput } from "./components/TextInput.js";
-import { Timeline } from "./components/Timeline.js";
-import { ToggleSwitch } from "./components/ToggleSwitch.js";
-import { Tooltip } from "./components/Tooltip.js";
-import { Token } from "./components/Token.js";
-import { Truncate } from "./components/Truncate.js";
-import { UnderlineNav } from "./components/UnderlineNav.js";
-import { Details, ProgressBar, theme } from "@primer/react";
-
-export { ActionList, ActionMenu, Autocomplete, Avatar, BaseStyles, Box, Breadcrumb, Breadcrumbs, ButtonComponent as Button, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, NavList, Overlay, PageHeader, ProgressBar, RadioGroup, RelativeTime, SegmentedControl, Select, Spinner, StateLabel, SubNav, Text, TextInput, Textarea, ThemeProvider, Timeline, ToggleSwitch, Token, Tooltip, Truncate, UnderlineNav, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };
+"use client";
+export { default as Box } from './components/Box.js';
+export { Details, ProgressBar, theme } from '@primer/react';
+export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
+export { BaseStyles } from './components/BaseStyles.js';
+export { get as themeGet } from './theme-get.js';
+export { ActionList } from './components/ActionList.js';
+export { ActionMenu } from './components/ActionMenu.js';
+export { Autocomplete } from './components/Autocomplete.js';
+export { Avatar } from './components/Avatar.js';
+export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
+export { ButtonComponent as Button } from './components/Button.js';
+export { Checkbox } from './components/Checkbox.js';
+export { CheckboxGroup } from './components/CheckboxGroup.js';
+export { CircleBadge } from './components/CircleBadge.js';
+export { CounterLabel } from './components/CounterLabel.js';
+export { Dialog } from './components/Dialog.js';
+export { Flash } from './components/Flash.js';
+export { FormControl } from './components/FormControl.js';
+export { Header } from './components/Header.js';
+export { Heading } from './components/Heading.js';
+export { IconButton } from './components/IconButton.js';
+export { Label } from './components/Label.js';
+export { Link } from './components/Link.js';
+export { LinkButton } from './components/LinkButton.js';
+export { NavList } from './components/NavList.js';
+export { Overlay } from './components/Overlay.js';
+export { PageHeader } from './components/PageHeader.js';
+export { RadioGroup } from './components/RadioGroup.js';
+export { RelativeTime } from './components/RelativeTime.js';
+export { SegmentedControl } from './components/SegmentedControl.js';
+export { Select } from './components/Select.js';
+export { Spinner } from './components/Spinner.js';
+export { StateLabel } from './components/StateLabel.js';
+export { SubNav } from './components/SubNav.js';
+export { Text } from './components/Text.js';
+export { Textarea } from './components/Textarea.js';
+export { TextInput } from './components/TextInput.js';
+export { Timeline } from './components/Timeline.js';
+export { ToggleSwitch } from './components/ToggleSwitch.js';
+export { Tooltip } from './components/Tooltip.js';
+export { Token } from './components/Token.js';
+export { Truncate } from './components/Truncate.js';
+export { UnderlineNav } from './components/UnderlineNav.js';
+export { default as sx } from './sx.js';
+export { default as merge } from 'deepmerge';

package/dist/sx.js

@@ -1,9 +1,8 @@
-import css from "@styled-system/css";
-import merge from "deepmerge";
+import css from '@styled-system/css';
+export { default as merge } from 'deepmerge';
 
-//#region src/sx.ts
-const sx = (props) => css(props.sx);
-var sx_default = sx;
+// Support CSS custom properties in the `sx` prop
 
-//#endregion
-export { sx_default as default, merge, sx };
+const sx = props => css(props.sx);
+
+export { sx as default, sx };

package/dist/theme-get.js

@@ -1,10 +1,10 @@
-import * as styledSystem from "styled-system";
-import { theme } from "@primer/react";
-import { themeGet } from "@styled-system/theme-get";
+import { themeGet } from '@styled-system/theme-get';
+import * as styledSystem from 'styled-system';
+import { theme } from '@primer/react';
 
-//#region src/theme-get.ts
-const { get: getKey } = styledSystem;
-const get = (key) => themeGet(key, getKey(theme, key));
+const {
+  get: getKey
+} = styledSystem;
+const get = key => themeGet(key, getKey(theme, key));
 
-//#endregion
-export { get };
+export { get };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251205154953",
+  "version": "0.0.0-20251205165836",
   "type": "module",
   "exports": {
     ".": {
@@ -38,15 +38,12 @@
     "@types/styled-system": "^5.1.23",
     "@types/styled-system__css": "^5.0.16",
     "@types/styled-system__theme-get": "^5.0.1",
-    "clsx": "^2.1.1",
-    "deepmerge": "^4.3.1",
-    "focus-visible": "^5.2.1",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@primer/react": "0.0.0-20251205154953",
+    "@primer/react": "0.0.0-20251205165836",
     "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -57,13 +54,13 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rolldown": "^1.0.0-beta.52",
+    "rollup": "4.53.1",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251205154953",
+    "@primer/react": "0.0.0-20251205165836",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",