@theme-ui/components
Advanced tools
Comparing version 0.16.2 to 0.17.0-develop.0
@@ -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 @@ /** |
@@ -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; |
@@ -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; |
@@ -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; |
@@ -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>; |
@@ -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]; |
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 @@ } |
@@ -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 @@ /** |
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 @@ } |
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'> { |
@@ -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 @@ /** |
@@ -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 @@ /** |
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; |
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; |
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 @@ /** |
@@ -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; |
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 @@ /** |
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 @@ } |
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; |
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 @@ } |
@@ -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"; |
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; |
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 @@ } |
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 @@ } |
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; |
@@ -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 @@ /** |
@@ -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 @@ /** |
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 @@ } |
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 @@ } |
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 @@ } |
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; |
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 @@ } |
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; |
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; |
@@ -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 @@ /** |
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 @@ } |
@@ -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= |
@@ -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, |
@@ -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, |
@@ -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, |
{ | ||
"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": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
236434
99
7341
+ 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)