@primer/styled-react 1.1.0 → 1.1.1-rc.3fb350b1f

package/dist/polymorphic.d.ts

@@ -1,11 +1,7 @@
-/**
- * This file is originally from `@radix-ui/react-polymorphic` before the package
- * was deprecated. The original source for this lived in the URL below.
- *
- * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
- */
-import * as React from 'react';
-import type { JSX } from 'react';
+import * as React$1 from "react";
+import { JSX } from "react";
+
+//#region src/polymorphic.d.ts
 type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 /**
  * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
@@ -15,25 +11,26 @@ type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
  * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
  */
 type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
-type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
-    as?: E;
+type ForwardRefExoticComponent<E, OwnProps> = React$1.ForwardRefExoticComponent<Merge<E extends React$1.ElementType ? React$1.ComponentPropsWithRef<E> : never, OwnProps & {
+  as?: E;
 }>>;
 interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-    /**
-     * When `as` prop is passed, use this overload.
-     * Merges original own props (without DOM props) and the inferred props
-     * from `as` element with the own props taking precedence.
-     *
-     * We explicitly avoid `React.ElementType` and manually narrow the prop types
-     * so that events are typed when using JSX.IntrinsicElements.
-     */
-    <As = IntrinsicElementString>(props: As extends '' ? {
-        as: keyof JSX.IntrinsicElements;
-    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-    }> : never): React.ReactElement | null;
+  /**
+   * When `as` prop is passed, use this overload.
+   * Merges original own props (without DOM props) and the inferred props
+   * from `as` element with the own props taking precedence.
+   *
+   * We explicitly avoid `React.ElementType` and manually narrow the prop types
+   * so that events are typed when using JSX.IntrinsicElements.
+   */
+  <As = IntrinsicElementString>(props: As extends '' ? {
+    as: keyof JSX.IntrinsicElements;
+  } : As extends React$1.ComponentType<infer P> ? Merge<P, OwnProps & {
+    as: As;
+  }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+    as: As;
+  }> : never): React$1.ReactElement | null;
 }
-export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+//#endregion
+export type { ForwardRefComponent, IntrinsicElement, Merge, OwnProps };
 //# sourceMappingURL=polymorphic.d.ts.map

package/dist/polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../src/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAK9B,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAC,CAAC,CACjG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAKb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC;IACnE;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAC,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAC,GACjC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GAC7B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GACrD,KAAK,GACZ,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7B;AAED,YAAY,EAAC,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,CAAA"}
+{"version":3,"file":"polymorphic.d.ts","names":[],"sources":["../src/polymorphic.ts"],"mappings":";;;;KAaK,KAAA,qBAA0B,IAAA,CAAK,EAAA,QAAU,EAAA,IAAM,EAAA;AAArB;AAAqB;AAAE;AAAvB,KAK1B,QAAA,MAAc,CAAA,SAAU,mBAAmB,iBAAiB,CAAA;AALtD;AAAS;AAAW;AAApB,KAUN,gBAAA,MAAsB,CAAA,SAAU,mBAAmB,iBAAiB,CAAA;AAAA,KAEpE,yBAAA,gBAAyC,OAAA,CAAM,yBAAA,CAClD,KAAA,CAAM,CAAA,SAAU,OAAA,CAAM,WAAA,GAAc,OAAA,CAAM,qBAAA,CAAsB,CAAA,WAAY,QAAA;EAAY,EAAA,GAAK,CAAA;AAAA;AAAA,UAOrF,mBAAA,gDAOA,yBAAA,CAA0B,sBAAA,EAAwB,QAAA;EAtBvD;AAAQ;AAAA;AAAmC;AAAlC;AAAK;AAAU;AAA+B;EAAvD,MA+BG,sBAAA,EACJ,KAAA,EAAO,EAAA;IACF,EAAA,QAAU,GAAA,CAAI,iBAAA;EAAA,IACf,EAAA,SAAW,OAAA,CAAM,aAAA,YACf,KAAA,CAAM,CAAA,EAAG,QAAA;IAAY,EAAA,EAAI,EAAA;EAAA,KACzB,EAAA,eAAiB,GAAA,CAAI,iBAAA,GACnB,KAAA,CAAM,GAAA,CAAI,iBAAA,CAAkB,EAAA,GAAK,QAAA;IAAY,EAAA,EAAI,EAAA;EAAA,aAExD,OAAA,CAAM,YAAA;AAAA"}

package/dist/styled-props.d.ts

@@ -1,4 +1,8 @@
-import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
-import type { SxProp } from './sx';
-export type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+import { SxProp } from "./sx.js";
+import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from "styled-system";
+
+//#region src/styled-props.d.ts
+type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+//#endregion
+export { StyledProps };
 //# sourceMappingURL=styled-props.d.ts.map

package/dist/styled-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-props.d.ts","sourceRoot":"","sources":["../src/styled-props.ts"],"names":[],"mappings":"AAAA,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;AACtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG,MAAM,GAC9B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA"}
+{"version":3,"file":"styled-props.d.ts","names":[],"sources":["../src/styled-props.ts"],"mappings":";;;;KAcY,WAAA,GAAc,MAAA,GACxB,UAAA,GACA,UAAA,GACA,eAAA,GACA,WAAA,GACA,YAAA,GACA,SAAA,GACA,eAAA,GACA,WAAA,GACA,aAAA,GACA,WAAA"}

package/dist/sx.d.ts

@@ -1,26 +1,26 @@
-import type { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
-import type { ThemeColorPaths, ThemeShadowPaths } from '@primer/react';
-import type { ColorProps, BorderColorProps, ShadowProps } from 'styled-system';
-import merge from 'deepmerge';
-export type BetterCssProperties = {
-    [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof BorderColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
-};
-export type CSSCustomProperties = {
-    [key: `--${string}`]: string | number;
+import { ThemeColorPaths, ThemeShadowPaths } from "./theme-types.js";
+import { BorderColorProps, ColorProps, ShadowProps } from "styled-system";
+import { SystemCssProperties, SystemStyleObject } from "@styled-system/css";
+import merge from "deepmerge";
+
+//#region src/sx.d.ts
+type BetterCssProperties = { [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof BorderColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K] };
+type CSSCustomProperties = {
+  [key: `--${string}`]: string | number;
 };
 type CSSSelectorObject = {
-    [cssSelector: string]: SystemStyleObject | CSSCustomProperties;
+  [cssSelector: string]: SystemStyleObject | CSSCustomProperties;
 };
-export type BetterSystemStyleObject = BetterCssProperties | SystemStyleObject | CSSCustomProperties | CSSSelectorObject;
-export interface SxProp {
-    /**
-     * @deprecated The `sx` prop is deprecated. Replace with a `div` or
-     * appropriate HTML element instead, with a CSS class for styling.
-     * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
-     * */
-    sx?: BetterSystemStyleObject;
+type BetterSystemStyleObject = BetterCssProperties | SystemStyleObject | CSSCustomProperties | CSSSelectorObject;
+interface SxProp {
+  /**
+   * @deprecated The `sx` prop is deprecated. Replace with a `div` or
+   * appropriate HTML element instead, with a CSS class for styling.
+   * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+   * */
+  sx?: BetterSystemStyleObject;
 }
 declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
-export default sx;
-export { merge, sx };
+//#endregion
+export { BetterCssProperties, BetterSystemStyleObject, CSSCustomProperties, SxProp, sx as default, sx, merge };
 //# sourceMappingURL=sx.d.ts.map

package/dist/sx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACpE,OAAO,KAAK,EAAC,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAC5E,OAAO,KAAK,MAAM,WAAW,CAAA;AAE7B,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,mBAAmB,GAAG,CAAC,SAAS,MAAM,UAAU,GACxD,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,gBAAgB,GAC9B,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,WAAW,GACzB,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACzC,mBAAmB,CAAC,CAAC,CAAC;CAC/B,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;CAC/D,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,iBAAiB,CAAA;AAEvH,MAAM,WAAW,MAAM;IACrB;;;;SAIK;IACL,EAAE,CAAC,EAAE,uBAAuB,CAAA;CAC7B;AAED,QAAA,MAAM,EAAE,GAAI,OAAO,MAAM,uDAAkB,CAAA;AAE3C,eAAe,EAAE,CAAA;AAEjB,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC,CAAA"}
+{"version":3,"file":"sx.d.ts","names":[],"sources":["../src/sx.ts"],"mappings":";;;;;;KAMY,mBAAA,iBACE,mBAAA,GAAsB,CAAA,eAAgB,UAAA,GAC9C,eAAA,GAAkB,mBAAA,CAAoB,CAAA,IACtC,CAAA,eAAgB,gBAAA,GACd,eAAA,GAAkB,mBAAA,CAAoB,CAAA,IACtC,CAAA,eAAgB,WAAA,GACd,gBAAA,GAAmB,mBAAA,CAAoB,CAAA,IACvC,mBAAA,CAAoB,CAAA;AAAA,KAIlB,mBAAA;EAAA,CACT,GAAkB;AAAA;AAAA,KAGhB,iBAAA;EAAA,CACF,WAAA,WAAsB,iBAAA,GAAoB,mBAAmB;AAAA;AAAA,KAGpD,uBAAA,GAA0B,mBAAA,GAAsB,iBAAA,GAAoB,mBAAA,GAAsB,iBAAA;AAAA,UAErF,MAAA;EAlBX;AAAgB;AACd;AAAkB;AAAoB;EAuB5C,EAAA,GAAK,uBAAuB;AAAA;AAAA,cAGxB,EAAA,GAAM,KAAA,EAAO,MAAM,kCAAA,qBAAA"}

package/dist/sx.js

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

package/dist/theme-get.d.ts

@@ -1,2 +1,5 @@
-export declare const get: (key: string) => (props: any) => any;
+//#region src/theme-get.d.ts
+declare const get: (key: string) => (props: any) => any;
+//#endregion
+export { get };
 //# sourceMappingURL=theme-get.d.ts.map

package/dist/theme-get.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-get.d.ts","sourceRoot":"","sources":["../src/theme-get.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,wBAAsC,CAAA"}
+{"version":3,"file":"theme-get.d.ts","names":[],"sources":["../src/theme-get.ts"],"mappings":";cAOa,GAAA,GAAO,GAAA,cAAW,KAAA"}

package/dist/theme-get.js

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

package/dist/theme-types.d.ts

@@ -0,0 +1,94 @@
+//#region src/theme-types.d.ts
+type KeyPaths<O> = { [K in keyof O]: K extends string ? (O[K] extends Record<string, unknown> ? `${K}.${KeyPaths<O[K]>}` : `${K}`) : never }[keyof O];
+type ThemeColors = {
+  fg: {
+    default: string;
+    muted: string;
+    subtle: string;
+    onEmphasis: string;
+  };
+  canvas: {
+    default: string;
+    overlay: string;
+    inset: string;
+    subtle: string;
+  };
+  border: {
+    default: string;
+    muted: string;
+    subtle: string;
+  };
+  neutral: {
+    emphasisPlus: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  accent: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  success: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  attention: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  severe: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  danger: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  open: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  closed: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  done: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+  sponsors: {
+    fg: string;
+    emphasis: string;
+    muted: string;
+    subtle: string;
+  };
+};
+type ThemeShadows = {
+  shadow: {
+    small: string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+  };
+};
+type ThemeColorPaths = KeyPaths<ThemeColors>;
+type ThemeShadowPaths = KeyPaths<ThemeShadows>;
+//#endregion
+export { ThemeColorPaths, ThemeShadowPaths };
+//# sourceMappingURL=theme-types.d.ts.map

package/dist/theme-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-types.d.ts","names":[],"sources":["../src/theme-types.ts"],"mappings":";KACK,QAAA,oBACS,CAAA,GAAI,CAAA,mBAAoB,CAAA,CAAE,CAAA,UAAW,MAAA,uBAA6B,CAAA,IAAK,QAAA,CAAS,CAAA,CAAE,CAAA,UAAW,CAAA,oBACnG,CAAA;AAAA,KAKH,WAAA;EACH,EAAA;IACE,OAAA;IACA,KAAA;IACA,MAAA;IACA,UAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,KAAA;IACA,MAAA;EAAA;EAIF,OAAA;IACE,YAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,OAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,SAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,IAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,IAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,QAAA;IACE,EAAA;IACA,QAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,KAIC,YAAA;EACH,MAAA;IACE,KAAA;IACA,MAAA;IACA,KAAA;IACA,UAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,QAAQ,CAAC,WAAA;AAAA,KAC3B,gBAAA,GAAmB,QAAQ,CAAC,YAAA"}