@primer/styled-react 1.0.2 → 1.0.3-rc.1109fb986

package/dist/components/ActionList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { ActionList as ActionList$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledActionList = styled(ActionList$1).withConfig({

package/dist/components/ActionMenu.js

@@ -1,5 +1,5 @@
 import { ActionMenu as ActionMenu$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 
 const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({

package/dist/components/Avatar.js

@@ -1,6 +1,6 @@
 import { Avatar as Avatar$1 } from '@primer/react';
 import { forwardRef } from 'react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {

package/dist/components/Box.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 
 /**
  * @deprecated The Box component is deprecated. Replace with a `div` or
@@ -12,4 +12,4 @@ const Box = styled.div.withConfig({
   componentId: "sc-62in7e-0"
 })(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
 
-export { Box, Box as default };
+export { Box };

package/dist/components/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import { Breadcrumbs as Breadcrumbs$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Button.js

@@ -1,7 +1,7 @@
 import { Button } from '@primer/react';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledButtonComponent = styled(Button).withConfig({

package/dist/components/Button.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+    component: import("../polymorphic").ForwardRefComponent<"button", import("./Button").ButtonComponentProps> & import("@primer/react").SlotMarker;
+};
+export default _default;
+export declare const WithColor: () => import("react").JSX.Element;
+export declare const WithFontSize: () => import("react").JSX.Element;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/components/Button.stories.tsx"],"names":[],"mappings":";;;;AAEA,wBAGC;AAED,eAAO,MAAM,SAAS,mCAAgE,CAAA;AAEtF,eAAO,MAAM,YAAY,mCAA0D,CAAA"}

package/dist/components/CounterLabel.js

@@ -1,5 +1,5 @@
 import { CounterLabel as CounterLabel$1 } from '@primer/react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/DataTable.js

@@ -1,5 +1,5 @@
 import { Table as Table$1 } from '@primer/react/experimental';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Dialog.js

@@ -1,5 +1,5 @@
 import { Dialog as Dialog$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/Flash.js

@@ -1,6 +1,6 @@
 import { Flash as Flash$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 
 const Flash = styled(Flash$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/FormControl.js

@@ -1,6 +1,6 @@
 import { FormControl as FormControl$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 
 const FormControlImpl = styled(FormControl$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/Header.js

@@ -1,6 +1,6 @@
 import { Header as Header$1 } from '@primer/react';
 import { forwardRef } from 'react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {

package/dist/components/Heading.js

@@ -1,5 +1,5 @@
 import { Heading as Heading$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 
 const Heading = styled(Heading$1).withConfig({

package/dist/components/IconButton.js

@@ -2,7 +2,7 @@ import { IconButton as IconButton$1 } from '@primer/react';
 import { generateCustomSxProp } from './Button.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledIconButton = styled(IconButton$1).withConfig({

package/dist/components/Label.js

@@ -1,5 +1,5 @@
 import { Label as Label$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/Link.js

@@ -1,6 +1,6 @@
 import { Link as Link$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/LinkButton.js

@@ -1,6 +1,6 @@
 import { LinkButton as LinkButton$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 
 const LinkButton = styled(LinkButton$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/Overlay.js

@@ -1,6 +1,6 @@
 import { Overlay as Overlay$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 
 const Overlay = styled(Overlay$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/PageHeader.js

@@ -1,7 +1,7 @@
 import { PageHeader as PageHeader$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
-import Box from './Box.js';
+import { sx } from '../sx.js';
+import { Box } from './Box.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/SegmentedControl.js

@@ -1,5 +1,5 @@
 import { SegmentedControl as SegmentedControl$1 } from '@primer/react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const SegmentedControlButton = props => {

package/dist/components/Spinner.js

@@ -1,5 +1,5 @@
 import { Spinner as Spinner$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 
 const Spinner = styled(Spinner$1).withConfig({

package/dist/components/Text.js

@@ -1,5 +1,5 @@
 import { Text as Text$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/TextInput.js

@@ -1,6 +1,6 @@
 import { TextInput as TextInput$1 } from '@primer/react';
 import { forwardRef } from 'react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Textarea.js

@@ -1,6 +1,6 @@
 import { Textarea as Textarea$1 } from '@primer/react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/ThemeProvider.js

@@ -200,4 +200,4 @@ function applyColorScheme(theme, colorScheme) {
   };
 }
 
-export { ThemeProvider, ThemeProvider as default, defaultColorMode, useColorSchemeVar, useTheme };
+export { ThemeProvider, defaultColorMode, useColorSchemeVar, useTheme };

package/dist/components/Timeline.js

@@ -1,5 +1,5 @@
 import { Timeline as Timeline$1 } from '@primer/react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/ToggleSwitch.js

@@ -1,6 +1,6 @@
 import { ToggleSwitch as ToggleSwitch$1 } from '@primer/react';
 import { forwardRef } from 'react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {

package/dist/components/Token.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { Token as Token$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Tooltip.js

@@ -1,5 +1,5 @@
 import { Tooltip as Tooltip$1 } from '@primer/react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Truncate.js

@@ -1,5 +1,5 @@
 import { Truncate as Truncate$1 } from '@primer/react';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import styled from 'styled-components';
 
 const Truncate = styled(Truncate$1).withConfig({

package/dist/components/UnderlineNav.js

@@ -1,8 +1,8 @@
 import { UnderlineNav as UnderlineNav$1 } from '@primer/react';
-import Box from './Box.js';
+import { Box } from './Box.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import sx from '../sx.js';
+import { sx } from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {

package/dist/components/deprecated/ActionList.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import { ActionList as ActionList$1 } from '@primer/react/deprecated';
-import sx from '../../sx.js';
-import Box from '../Box.js';
+import { sx } from '../../sx.js';
+import { Box } from '../Box.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/deprecated/DialogV1.js

@@ -1,5 +1,5 @@
 import { Dialog as Dialog$1 } from '@primer/react/deprecated';
-import Box from '../Box.js';
+import { Box } from '../Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/deprecated/Octicon.js

@@ -1,6 +1,6 @@
 import { Octicon as Octicon$1 } from '@primer/react/deprecated';
 import styled from 'styled-components';
-import sx from '../../sx.js';
+import { sx } from '../../sx.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -36,4 +36,4 @@ const Octicon = /*#__PURE__*/forwardRef(({
   });
 });
 
-export { Octicon, Octicon as default };
+export { Octicon };

package/dist/components/deprecated/TabNav.js

@@ -1,5 +1,5 @@
 import { TabNav as TabNav$1 } from '@primer/react/deprecated';
-import sx from '../../sx.js';
+import { sx } from '../../sx.js';
 import styled from 'styled-components';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/deprecated/Tooltip.js

@@ -1,6 +1,6 @@
 import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
 import { forwardRef } from 'react';
-import sx from '../../sx.js';
+import { sx } from '../../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

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,5 +1,5 @@
 export { TabNav } from './components/deprecated/TabNav.js';
 export { Dialog } from './components/deprecated/DialogV1.js';
-export { default as Octicon } from './components/deprecated/Octicon.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,5 +1,4 @@
 export { Dialog } from './components/Dialog.js';
 export { PageHeader } from './components/PageHeader.js';
 export { Tooltip } from './components/Tooltip.js';
-export { UnderlinePanels } from './components/UnderlinePanels.js';
 export { Table } from './components/DataTable.js';