@primer/styled-react 0.1.0 → 1.0.0-rc.1

package/dist/deprecated.d.ts

@@ -1,2 +1,2 @@
-export { Octicon } from '@primer/react/deprecated';
+export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';
 //# sourceMappingURL=deprecated.d.ts.map

package/dist/deprecated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAA"}

package/dist/deprecated.js

@@ -1 +1 @@
-export { Octicon } from '@primer/react/deprecated';
+export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';

package/dist/experimental.d.ts

@@ -1,2 +1,2 @@
-export { Dialog } from '@primer/react/experimental';
+export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
 //# sourceMappingURL=experimental.d.ts.map

package/dist/experimental.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA"}

package/dist/experimental.js

@@ -1 +1 @@
-export { Dialog } from '@primer/react/experimental';
+export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';

package/dist/index.d.ts

@@ -1,2 +1,5 @@
-export { ActionList, ActionMenu, Box, type BoxProps, Breadcrumbs, Button, Flash, FormControl, Heading, IconButton, Label, Link, LinkButton, PageLayout, Text, TextInput, Truncate, sx, type SxProp, type BetterSystemStyleObject, } from '@primer/react';
+import { createStyledComponent } from './utils/createStyledComponent';
+declare const ToggleSwitch: ReturnType<typeof createStyledComponent>;
+export { ToggleSwitch };
+export { ActionList, ActionMenu, Autocomplete, Avatar, BranchName, Breadcrumbs, Button, Checkbox, CheckboxGroup, CircleBadge, CircleOcticon, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, LabelGroup, Link, LinkButton, NavList, Overlay, PageHeader, PageLayout, Popover, ProgressBar, RadioGroup, RelativeTime, SegmentedControl, Select, SelectPanel, SideNav, Spinner, Stack, StateLabel, SubNav, Text, Textarea, TextInput, TextInputWithTokens, Timeline, Token, Tooltip, Truncate, UnderlineNav, Box, type BoxProps, sx, type SxProp, type BetterSystemStyleObject, } from '@primer/react';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,EACV,GAAG,EACH,KAAK,QAAQ,EACb,WAAW,EACX,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EAGR,EAAE,EACF,KAAK,MAAM,EACX,KAAK,uBAAuB,GAC7B,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAA;AAEnE,QAAA,MAAM,YAAY,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAA2D,CAAA;AACtH,OAAO,EAAC,YAAY,EAAC,CAAA;AAErB,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,MAAM,EACN,UAAU,EACV,WAAW,EACX,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,IAAI,EACJ,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EAGZ,GAAG,EACH,KAAK,QAAQ,EACb,EAAE,EACF,KAAK,MAAM,EACX,KAAK,uBAAuB,GAC7B,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -1 +1,12 @@
-export { ActionList, ActionMenu, Box, Breadcrumbs, Button, Flash, FormControl, Heading, IconButton, Label, Link, LinkButton, PageLayout, Text, TextInput, Truncate, sx } from '@primer/react';
+import { sx, ToggleSwitch as ToggleSwitch$1 } from '@primer/react';
+export { ActionList, ActionMenu, Autocomplete, Avatar, Box, BranchName, Breadcrumbs, Button, Checkbox, CheckboxGroup, CircleBadge, CircleOcticon, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, LabelGroup, Link, LinkButton, NavList, Overlay, PageHeader, PageLayout, Popover, ProgressBar, RadioGroup, RelativeTime, SegmentedControl, Select, SelectPanel, SideNav, Spinner, Stack, StateLabel, SubNav, Text, TextInput, TextInputWithTokens, Textarea, Timeline, Token, Tooltip, Truncate, UnderlineNav, sx } from '@primer/react';
+import styled from 'styled-components';
+import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
+
+function createStyledComponent(Component) {
+  return styled(Component)(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
+}
+
+const ToggleSwitch = /*#__PURE__*/createStyledComponent(ToggleSwitch$1);
+
+export { ToggleSwitch };

package/dist/utils/createStyledComponent.d.ts

@@ -0,0 +1,20 @@
+import type { SxProp } from '@primer/react';
+import type React from 'react';
+import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
+type StyledBoxProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+/**
+ * Utility that mirrors the functionality of the `Box` component from
+ * `@primer/react`. Used to create a styled component variant of a component
+ * from `@primer/react` that no longer supports `sx` or other styled-system
+ * props.
+ *
+ * Note: make sure to include #__PURE__ when using this function to create a
+ * component. For example:
+ *
+ * ```tsx
+ * const Link = \/*#__PURE__*\/ createStyledComponent(PrimerLink)
+ * ```
+ */
+export declare function createStyledComponent<P>(Component: React.ComponentType<P>): import("styled-components").StyledComponent<React.ComponentType<P>, any, StyledBoxProps, never>;
+export {};
+//# sourceMappingURL=createStyledComponent.d.ts.map

package/dist/utils/createStyledComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledComponent.d.ts","sourceRoot":"","sources":["../../src/utils/createStyledComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AAEtB,KAAK,cAAc,GAAG,MAAM,GAC1B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mGAczE"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.1.0",
+  "version": "1.0.0-rc.1",
   "type": "module",
   "exports": {
     ".": {
-      "types": "dist/index.d.ts",
-      "default": "dist/index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./deprecated": {
-      "types": "dist/deprecated.d.ts",
-      "default": "dist/deprecated.js"
+      "types": "./dist/deprecated.d.ts",
+      "default": "./dist/deprecated.js"
     },
     "./experimental": {
-      "types": "dist/experimental.d.ts",
-      "default": "dist/experimental.js"
+      "types": "./dist/experimental.d.ts",
+      "default": "./dist/experimental.js"
     }
   },
   "files": [
@@ -23,24 +23,27 @@
   "scripts": {
     "build": "script/build",
     "clean": "rimraf dist",
+    "lint:npm": "publint --types",
     "type-check": "tsc --noEmit"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "^37.31.0",
+    "@primer/react": "^38.0.0-rc.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "publint": "^0.3.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rollup": "4.45.1",
+    "rollup": "4.48.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
-    "typescript": "^5.8.2"
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "^37.29.1",
+    "@primer/react": "38.0.0-rc.1",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/__tests__/exports.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=exports.test.d.ts.map

package/dist/__tests__/exports.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":""}