@theme-ui/components - npm Package Compare versions

Comparing version 0.16.2 to 0.17.0-develop.0

dist/declarations/src/Alert.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export type AlertProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/AspectImage.d.ts

@@ -1,3 +0,3 @@
-import { ImageProps } from './Image';
-import type { ForwardRef } from './types';
+import { ImageProps } from "./Image.js";
+import type { ForwardRef } from "./types.js";
 export interface AspectImageProps extends ImageProps {
@@ -4,0 +4,0 @@ ratio?: number;

dist/declarations/src/AspectRatio.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export interface AspectRatioProps extends BoxProps {
@@ -4,0 +4,0 @@ ratio?: number;

dist/declarations/src/Avatar.d.ts

@@ -1,3 +0,3 @@
-import { ImageProps } from './Image';
-import type { ForwardRef } from './types';
+import { ImageProps } from "./Image.js";
+import type { ForwardRef } from "./types.js";
 export interface AvatarProps extends ImageProps {
@@ -4,0 +4,0 @@ size?: number | string;

dist/declarations/src/Badge.d.ts

@@ -1,4 +0,4 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export type BadgeProps = BoxProps;
 export declare const Badge: ForwardRef<HTMLDivElement, BadgeProps>;

dist/declarations/src/Box.d.ts

@@ -5,3 +5,3 @@ import { Interpolation } from '@emotion/react';
 import { Theme } from '@theme-ui/core';
-import type { Assign, ForwardRef } from './types';
+import type { Assign, ForwardRef } from "./types.js";
 declare const boxSystemProps: readonly ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "m", "mt", "mr", "mb", "ml", "mx", "my", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "p", "pt", "pr", "pb", "pl", "px", "py", "color", "backgroundColor", "bg", "opacity"];
@@ -8,0 +8,0 @@ type BoxSystemPropsKeys = (typeof boxSystemProps)[number];

dist/declarations/src/Button.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface ButtonProps extends Assign<React.ComponentPropsWithRef<'button'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Card.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export type CardProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/Checkbox.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import { Assign, ForwardRef } from "./types.js";
 export interface CheckboxProps extends Assign<React.ComponentPropsWithRef<'input'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Close.d.ts

 import React from 'react';
-import { IconButtonProps } from './IconButton';
-import type { ForwardRef } from './types';
+import { IconButtonProps } from "./IconButton.js";
+import type { ForwardRef } from "./types.js";
 export declare const CloseIcon: React.JSX.Element;
@@ -5,0 +5,0 @@ export interface CloseProps extends Omit<IconButtonProps, 'children'> {

dist/declarations/src/Container.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export type ContainerProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/Divider.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export type DividerProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/Donut.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface DonutProps extends Assign<Omit<React.ComponentPropsWithRef<'svg'>, 'opacity' | 'color' | 'css' | 'sx' | 'max' | 'min'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ value: number;

dist/declarations/src/Embed.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import { Assign, ForwardRef } from "./types.js";
 export interface EmbedProps extends Assign<React.ComponentPropsWithRef<'iframe'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ variant?: string;

dist/declarations/src/Field.d.ts

 import React from 'react';
-import { InputProps } from './Input';
-import { MarginProps } from './util';
+import { InputProps } from "./Input.js";
+import { MarginProps } from "./util.js";
 export interface FieldOwnProps extends MarginProps {
@@ -5,0 +5,0 @@ /**

dist/declarations/src/Flex.d.ts

@@ -1,3 +0,3 @@
-import { BoxOwnProps, BoxProps } from './Box';
-import { ForwardRef } from './types';
+import { BoxOwnProps, BoxProps } from "./Box.js";
+import { ForwardRef } from "./types.js";
 export type FlexOwnProps = BoxOwnProps;
@@ -4,0 +4,0 @@ export type FlexProps = BoxProps;

dist/declarations/src/Grid.d.ts

 import type { ResponsiveStyleValue } from '@theme-ui/css';
-import { BoxProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export interface GridProps extends BoxProps {
@@ -5,0 +5,0 @@ /**

dist/declarations/src/Heading.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface HeadingProps extends Assign<React.ComponentPropsWithRef<'h2'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/IconButton.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface IconButtonProps extends Assign<React.ComponentPropsWithRef<'button'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ size?: number | string;

dist/declarations/src/Image.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface ImageProps extends Assign<React.ComponentPropsWithRef<'img'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/index.d.ts

@@ -1,35 +0,35 @@
-export * from './Box';
-export * from './Flex';
-export * from './Grid';
-export * from './Button';
-export * from './Link';
-export * from './Paragraph';
-export * from './Text';
-export * from './Heading';
-export * from './Image';
-export * from './Card';
-export * from './Label';
-export * from './Input';
-export * from './Select';
-export * from './Textarea';
-export * from './Radio';
-export * from './Checkbox';
-export * from './Switch';
-export * from './Slider';
-export * from './Field';
-export * from './Progress';
-export * from './Donut';
-export * from './Spinner';
-export * from './Avatar';
-export * from './Badge';
-export * from './Close';
-export * from './Alert';
-export * from './Divider';
-export * from './Embed';
-export * from './AspectRatio';
-export * from './AspectImage';
-export * from './Container';
-export * from './NavLink';
-export * from './Message';
-export * from './IconButton';
-export * from './MenuButton';
+export * from "./Box.js";
+export * from "./Flex.js";
+export * from "./Grid.js";
+export * from "./Button.js";
+export * from "./Link.js";
+export * from "./Paragraph.js";
+export * from "./Text.js";
+export * from "./Heading.js";
+export * from "./Image.js";
+export * from "./Card.js";
+export * from "./Label.js";
+export * from "./Input.js";
+export * from "./Select.js";
+export * from "./Textarea.js";
+export * from "./Radio.js";
+export * from "./Checkbox.js";
+export * from "./Switch.js";
+export * from "./Slider.js";
+export * from "./Field.js";
+export * from "./Progress.js";
+export * from "./Donut.js";
+export * from "./Spinner.js";
+export * from "./Avatar.js";
+export * from "./Badge.js";
+export * from "./Close.js";
+export * from "./Alert.js";
+export * from "./Divider.js";
+export * from "./Embed.js";
+export * from "./AspectRatio.js";
+export * from "./AspectImage.js";
+export * from "./Container.js";
+export * from "./NavLink.js";
+export * from "./Message.js";
+export * from "./IconButton.js";
+export * from "./MenuButton.js";

dist/declarations/src/Input.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface InputProps extends Assign<React.ComponentPropsWithRef<'input'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ autofillBackgroundColor?: string;

dist/declarations/src/Label.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface LabelProps extends Assign<React.ComponentPropsWithRef<'label'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Link.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface LinkProps extends Assign<React.ComponentPropsWithRef<'a'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/MenuButton.d.ts

 import React from 'react';
-import { IconButtonProps } from './IconButton';
-import type { ForwardRef } from './types';
+import { IconButtonProps } from "./IconButton.js";
+import type { ForwardRef } from "./types.js";
 export declare const MenuIcon: ({ size }: {
@@ -5,0 +5,0 @@ size?: number | undefined;

dist/declarations/src/Message.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import { ForwardRef } from "./types.js";
 export type MessageProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/NavLink.d.ts

@@ -1,3 +0,3 @@
-import { LinkProps } from './Link';
-import type { ForwardRef } from './types';
+import { LinkProps } from "./Link.js";
+import type { ForwardRef } from "./types.js";
 export type NavLinkProps = LinkProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/Paragraph.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface ParagraphProps extends Assign<React.ComponentPropsWithRef<'p'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Progress.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface ProgressProps extends Assign<React.ComponentPropsWithRef<'progress'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Radio.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface RadioProps extends Assign<React.ComponentPropsWithRef<'input'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Select.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import { Assign, ForwardRef } from "./types.js";
 export interface SelectProps extends Assign<React.ComponentPropsWithRef<'select'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ arrow?: React.ReactElement;

dist/declarations/src/Slider.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import { Assign, ForwardRef } from "./types.js";
 export interface SliderProps extends Assign<React.ComponentPropsWithRef<'input'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/declarations/src/Spinner.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { ForwardRef } from "./types.js";
 export interface SpinnerProps extends Omit<React.ComponentPropsWithRef<'svg'>, 'opacity' | 'color' | 'css' | 'sx' | 'strokeWidth'>, BoxOwnProps {
@@ -5,0 +5,0 @@ size?: number;

dist/declarations/src/Switch.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface SwitchProps extends Assign<React.ComponentPropsWithRef<'input'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ label?: string;

dist/declarations/src/Text.d.ts

@@ -1,3 +0,3 @@
-import { BoxProps } from './Box';
-import { ForwardRef } from './types';
+import { BoxProps } from "./Box.js";
+import { ForwardRef } from "./types.js";
 export type TextProps = BoxProps;
@@ -4,0 +4,0 @@ /**

dist/declarations/src/Textarea.d.ts

 import React from 'react';
-import { BoxOwnProps } from './Box';
-import type { Assign, ForwardRef } from './types';
+import { BoxOwnProps } from "./Box.js";
+import type { Assign, ForwardRef } from "./types.js";
 export interface TextareaProps extends Assign<React.ComponentPropsWithRef<'textarea'>, BoxOwnProps> {
@@ -5,0 +5,0 @@ }

dist/theme-ui-components.cjs.d.ts

@@ -1,2 +0,2 @@
-export * from "./declarations/src/index";
-//# sourceMappingURL=theme-ui-components.cjs.d.ts.map
+export * from "./declarations/src/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtdWktY29tcG9uZW50cy5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=

dist/theme-ui-components.cjs.dev.js

@@ -1000,4 +1000,3 @@ 'use strict';
 }, ref) {
-  var _css;
-  const emotionCssLabel = ((_css = props.__css) == null ? void 0 : _css.label) || 'IconButton';
+  const emotionCssLabel = props.__css?.label || 'IconButton';
   return jsxRuntime.jsx(Box$1, {
@@ -1004,0 +1003,0 @@ ref: ref,

dist/theme-ui-components.cjs.prod.js

@@ -1000,4 +1000,3 @@ 'use strict';
 }, ref) {
-  var _css;
-  const emotionCssLabel = ((_css = props.__css) == null ? void 0 : _css.label) || 'IconButton';
+  const emotionCssLabel = props.__css?.label || 'IconButton';
   return jsxRuntime.jsx(Box$1, {
@@ -1004,0 +1003,0 @@ ref: ref,

dist/theme-ui-components.esm.js

@@ -992,4 +992,3 @@ import { useTheme } from '@emotion/react';
 }, ref) {
-  var _css;
-  const emotionCssLabel = ((_css = props.__css) == null ? void 0 : _css.label) || 'IconButton';
+  const emotionCssLabel = props.__css?.label || 'IconButton';
   return jsx(Box$1, {
@@ -996,0 +995,0 @@ ref: ref,

package.json

 {
   "name": "@theme-ui/components",
-  "version": "0.16.2",
+  "version": "0.17.0-develop.0",
   "main": "dist/theme-ui-components.cjs.js",
@@ -13,15 +13,15 @@ "module": "dist/theme-ui-components.esm.js",
     "@types/styled-system": "^5.1.13",
-    "@theme-ui/css": "^0.16.2",
-    "@theme-ui/core": "^0.16.2"
+    "@theme-ui/css": "^0.17.0-develop.0",
+    "@theme-ui/core": "^0.17.0-develop.0"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.13.3",
     "react": ">=18",
-    "@theme-ui/theme-provider": "^0.16.2"
+    "@theme-ui/theme-provider": "^0.17.0-develop.0"
   },
   "devDependencies": {
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.13.3",
     "@types/react": "^18.2.12",
     "react": "^18.1.0",
-    "@theme-ui/test-utils": "^0.16.2"
+    "@theme-ui/test-utils": "^0.17.0-develop.0"
   },
@@ -28,0 +28,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

236434

decreased by-0.01%

Number of package files

99

decreased by-1.98%

Lines of code

7341

decreased by-0.14%

Dependency changes

• + Added@theme-ui/color-modes@0.17.1(transitive)

• + Added@theme-ui/core@0.17.1(transitive)

• + Added@theme-ui/css@0.17.1(transitive)

• + Added@theme-ui/theme-provider@0.17.1(transitive)

• - Removed@theme-ui/color-modes@0.16.2(transitive)

• - Removed@theme-ui/core@0.16.2(transitive)

• - Removed@theme-ui/css@0.16.2(transitive)

• - Removed@theme-ui/theme-provider@0.16.2(transitive)

• Updated@theme-ui/core@^0.17.0-develop.0

• Updated@theme-ui/css@^0.17.0-develop.0