@cronocode/react-box 1.1.5 → 1.1.7

package/types.d.ts

@@ -38,6 +38,7 @@ export declare const styleVariables: {
     flexSelf: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
     outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
     transition: readonly ["none"];
+    background: readonly ["none"];
 };
 declare type GapType = (typeof styleVariables.gap)[number];
 declare type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
@@ -55,6 +56,7 @@ declare type TextTransformType = (typeof styleVariables.textTransform)[number];
 declare type TextAlignType = (typeof styleVariables.textAlign)[number];
 declare type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
 declare type TransitionType = (typeof styleVariables.transition)[number];
+declare type BackgroundType = (typeof styleVariables.background)[number];
 interface BoxPseudoClasses {
     hover?: boolean;
     focus?: boolean;
@@ -149,8 +151,8 @@ interface BoxShadow {
     shadow?: string;
 }
 interface BoxBackground {
-    background?: string;
-    bg?: string;
+    background?: BackgroundType | string;
+    bg?: BackgroundType | string;
 }
 interface BoxColors {
     color?: ColorType | string;

package/components/uncontrolledRadioButtonCore.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type UncontrolledRadioButtonCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'defaultChecked'>;
-interface Props extends Omit<BoxProps, 'props'> {
-    name: string;
-    props?: UncontrolledRadioButtonCoreTagProps;
-    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    value?: string | number;
-    autoFocus?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "b" | "br" | "p" | "style" | "className" | "hover" | "focus" | "display" | "inline" | "boxSizing" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "margin" | "m" | "marginHorizontal" | "mx" | "marginVertical" | "my" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "padding" | "paddingHorizontal" | "px" | "paddingVertical" | "py" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "border" | "borderHorizontal" | "bx" | "borderVertical" | "by" | "borderTop" | "bt" | "borderRight" | "borderBottom" | "bb" | "borderLeft" | "bl" | "borderStyle" | "borderRadius" | "borderRadiusTop" | "borderRadiusRight" | "borderRadiusBottom" | "borderRadiusLeft" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomLeft" | "borderRadiusBottomRight" | "shadow" | "background" | "bg" | "color" | "backgroundColor" | "bgColor" | "borderColor" | "outlineColor" | "cursor" | "zIndex" | "overflow" | "overflowX" | "overflowY" | "opacity" | "fontSize" | "lineHeight" | "fontWeight" | "letterSpacing" | "textDecoration" | "textTransform" | "textAlign" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "flex1" | "flexDirection" | "gap" | "rowGap" | "columnGap" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifySelf" | "outline" | "outlineStyle" | "outlineOffset" | "transition" | "hoverH" | "focusH" | "displayH" | "inlineH" | "boxSizingH" | "positionH" | "insetH" | "topH" | "rightH" | "bottomH" | "leftH" | "widthH" | "heightH" | "minWidthH" | "minHeightH" | "maxWidthH" | "maxHeightH" | "marginH" | "mH" | "marginHorizontalH" | "mxH" | "marginVerticalH" | "myH" | "marginTopH" | "mtH" | "marginRightH" | "mrH" | "marginBottomH" | "mbH" | "marginLeftH" | "mlH" | "paddingH" | "pH" | "paddingHorizontalH" | "pxH" | "paddingVerticalH" | "pyH" | "paddingTopH" | "ptH" | "paddingRightH" | "prH" | "paddingBottomH" | "pbH" | "paddingLeftH" | "plH" | "borderH" | "bH" | "borderHorizontalH" | "bxH" | "borderVerticalH" | "byH" | "borderTopH" | "btH" | "borderRightH" | "brH" | "borderBottomH" | "bbH" | "borderLeftH" | "blH" | "borderStyleH" | "borderRadiusH" | "borderRadiusTopH" | "borderRadiusRightH" | "borderRadiusBottomH" | "borderRadiusLeftH" | "borderRadiusTopLeftH" | "borderRadiusTopRightH" | "borderRadiusBottomLeftH" | "borderRadiusBottomRightH" | "shadowH" | "backgroundH" | "bgH" | "colorH" | "backgroundColorH" | "bgColorH" | "borderColorH" | "outlineColorH" | "cursorH" | "zIndexH" | "overflowH" | "overflowXH" | "overflowYH" | "opacityH" | "fontSizeH" | "lineHeightH" | "fontWeightH" | "letterSpacingH" | "textDecorationH" | "textTransformH" | "textAlignH" | "flexWrapH" | "justifyContentH" | "alignItemsH" | "alignContentH" | "flex1H" | "flexDirectionH" | "gapH" | "rowGapH" | "columnGapH" | "orderH" | "flexGrowH" | "flexShrinkH" | "alignSelfH" | "justifySelfH" | "outlineH" | "outlineStyleH" | "outlineOffsetH" | "transitionH" | "hoverF" | "focusF" | "displayF" | "inlineF" | "boxSizingF" | "positionF" | "insetF" | "topF" | "rightF" | "bottomF" | "leftF" | "widthF" | "heightF" | "minWidthF" | "minHeightF" | "maxWidthF" | "maxHeightF" | "marginF" | "mF" | "marginHorizontalF" | "mxF" | "marginVerticalF" | "myF" | "marginTopF" | "mtF" | "marginRightF" | "mrF" | "marginBottomF" | "mbF" | "marginLeftF" | "mlF" | "paddingF" | "pF" | "paddingHorizontalF" | "pxF" | "paddingVerticalF" | "pyF" | "paddingTopF" | "ptF" | "paddingRightF" | "prF" | "paddingBottomF" | "pbF" | "paddingLeftF" | "plF" | "borderF" | "bF" | "borderHorizontalF" | "bxF" | "borderVerticalF" | "byF" | "borderTopF" | "btF" | "borderRightF" | "brF" | "borderBottomF" | "bbF" | "borderLeftF" | "blF" | "borderStyleF" | "borderRadiusF" | "borderRadiusTopF" | "borderRadiusRightF" | "borderRadiusBottomF" | "borderRadiusLeftF" | "borderRadiusTopLeftF" | "borderRadiusTopRightF" | "borderRadiusBottomLeftF" | "borderRadiusBottomRightF" | "shadowF" | "backgroundF" | "bgF" | "colorF" | "backgroundColorF" | "bgColorF" | "borderColorF" | "outlineColorF" | "cursorF" | "zIndexF" | "overflowF" | "overflowXF" | "overflowYF" | "opacityF" | "fontSizeF" | "lineHeightF" | "fontWeightF" | "letterSpacingF" | "textDecorationF" | "textTransformF" | "textAlignF" | "flexWrapF" | "justifyContentF" | "alignItemsF" | "alignContentF" | "flex1F" | "flexDirectionF" | "gapF" | "rowGapF" | "columnGapF" | "orderF" | "flexGrowF" | "flexShrinkF" | "alignSelfF" | "justifySelfF" | "outlineF" | "outlineStyleF" | "outlineOffsetF" | "transitionF" | "hoverA" | "focusA" | "displayA" | "inlineA" | "boxSizingA" | "positionA" | "insetA" | "topA" | "rightA" | "bottomA" | "leftA" | "widthA" | "heightA" | "minWidthA" | "minHeightA" | "maxWidthA" | "maxHeightA" | "marginA" | "mA" | "marginHorizontalA" | "mxA" | "marginVerticalA" | "myA" | "marginTopA" | "mtA" | "marginRightA" | "mrA" | "marginBottomA" | "mbA" | "marginLeftA" | "mlA" | "paddingA" | "pA" | "paddingHorizontalA" | "pxA" | "paddingVerticalA" | "pyA" | "paddingTopA" | "ptA" | "paddingRightA" | "prA" | "paddingBottomA" | "pbA" | "paddingLeftA" | "plA" | "borderA" | "bA" | "borderHorizontalA" | "bxA" | "borderVerticalA" | "byA" | "borderTopA" | "btA" | "borderRightA" | "brA" | "borderBottomA" | "bbA" | "borderLeftA" | "blA" | "borderStyleA" | "borderRadiusA" | "borderRadiusTopA" | "borderRadiusRightA" | "borderRadiusBottomA" | "borderRadiusLeftA" | "borderRadiusTopLeftA" | "borderRadiusTopRightA" | "borderRadiusBottomLeftA" | "borderRadiusBottomRightA" | "shadowA" | "backgroundA" | "bgA" | "colorA" | "backgroundColorA" | "bgColorA" | "borderColorA" | "outlineColorA" | "cursorA" | "zIndexA" | "overflowA" | "overflowXA" | "overflowYA" | "opacityA" | "fontSizeA" | "lineHeightA" | "fontWeightA" | "letterSpacingA" | "textDecorationA" | "textTransformA" | "textAlignA" | "flexWrapA" | "justifyContentA" | "alignItemsA" | "alignContentA" | "flex1A" | "flexDirectionA" | "gapA" | "rowGapA" | "columnGapA" | "orderA" | "flexGrowA" | "flexShrinkA" | "alignSelfA" | "justifySelfA" | "outlineA" | "outlineStyleA" | "outlineOffsetA" | "transitionA" | "children" | "tag" | "props" | "name" | "defaultChecked" | "placeholder" | "onChange" | "onInput" | "autoFocus" | "disabled" | "value" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
-export default _default;

package/components/uncontrolledRadioButtonCore.mjs

@@ -1,27 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import C from "../box.mjs";
-import "../box.module.css.mjs";
-import "../utils/utils.mjs";
-function h(o, r) {
-  const { props: t, name: e, disabled: n, placeholder: a, value: d, onInput: i, onChange: p, autoFocus: u, readOnly: l, required: s, defaultChecked: c } = o, m = {
-    ...t,
-    type: "radio",
-    name: e,
-    disabled: n,
-    placeholder: a,
-    onInput: i,
-    onChange: p,
-    value: d,
-    autoFocus: u,
-    readOnly: l,
-    required: s,
-    defaultChecked: c,
-    ref: r
-  };
-  return /* @__PURE__ */ f(C, { tag: "input", inline: !0, ...o, props: m });
-}
-const P = g(h);
-export {
-  P as default
-};

package/components/uncontrolledTextareaCore.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box<'textarea'>>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type UncontrolledTextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'placeholder' | 'disabled' | 'defaultValue' | 'rows' | 'cols' | 'autoFocus' | 'maxLength' | 'minLength' | 'readOnly' | 'required'>;
-interface Props extends Omit<BoxProps, 'props'> {
-    name: string;
-    props?: UncontrolledTextareaCoreTagProps;
-    onInput?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
-    onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    defaultValue?: string | number;
-    rows?: number;
-    cols?: number;
-    autoFocus?: boolean;
-    maxLength?: number;
-    minLength?: number;
-    readOnly?: boolean;
-    required?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "b" | "br" | "p" | "style" | "className" | "hover" | "focus" | "display" | "inline" | "boxSizing" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "margin" | "m" | "marginHorizontal" | "mx" | "marginVertical" | "my" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "padding" | "paddingHorizontal" | "px" | "paddingVertical" | "py" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "border" | "borderHorizontal" | "bx" | "borderVertical" | "by" | "borderTop" | "bt" | "borderRight" | "borderBottom" | "bb" | "borderLeft" | "bl" | "borderStyle" | "borderRadius" | "borderRadiusTop" | "borderRadiusRight" | "borderRadiusBottom" | "borderRadiusLeft" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomLeft" | "borderRadiusBottomRight" | "shadow" | "background" | "bg" | "color" | "backgroundColor" | "bgColor" | "borderColor" | "outlineColor" | "cursor" | "zIndex" | "overflow" | "overflowX" | "overflowY" | "opacity" | "fontSize" | "lineHeight" | "fontWeight" | "letterSpacing" | "textDecoration" | "textTransform" | "textAlign" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "flex1" | "flexDirection" | "gap" | "rowGap" | "columnGap" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifySelf" | "outline" | "outlineStyle" | "outlineOffset" | "transition" | "hoverH" | "focusH" | "displayH" | "inlineH" | "boxSizingH" | "positionH" | "insetH" | "topH" | "rightH" | "bottomH" | "leftH" | "widthH" | "heightH" | "minWidthH" | "minHeightH" | "maxWidthH" | "maxHeightH" | "marginH" | "mH" | "marginHorizontalH" | "mxH" | "marginVerticalH" | "myH" | "marginTopH" | "mtH" | "marginRightH" | "mrH" | "marginBottomH" | "mbH" | "marginLeftH" | "mlH" | "paddingH" | "pH" | "paddingHorizontalH" | "pxH" | "paddingVerticalH" | "pyH" | "paddingTopH" | "ptH" | "paddingRightH" | "prH" | "paddingBottomH" | "pbH" | "paddingLeftH" | "plH" | "borderH" | "bH" | "borderHorizontalH" | "bxH" | "borderVerticalH" | "byH" | "borderTopH" | "btH" | "borderRightH" | "brH" | "borderBottomH" | "bbH" | "borderLeftH" | "blH" | "borderStyleH" | "borderRadiusH" | "borderRadiusTopH" | "borderRadiusRightH" | "borderRadiusBottomH" | "borderRadiusLeftH" | "borderRadiusTopLeftH" | "borderRadiusTopRightH" | "borderRadiusBottomLeftH" | "borderRadiusBottomRightH" | "shadowH" | "backgroundH" | "bgH" | "colorH" | "backgroundColorH" | "bgColorH" | "borderColorH" | "outlineColorH" | "cursorH" | "zIndexH" | "overflowH" | "overflowXH" | "overflowYH" | "opacityH" | "fontSizeH" | "lineHeightH" | "fontWeightH" | "letterSpacingH" | "textDecorationH" | "textTransformH" | "textAlignH" | "flexWrapH" | "justifyContentH" | "alignItemsH" | "alignContentH" | "flex1H" | "flexDirectionH" | "gapH" | "rowGapH" | "columnGapH" | "orderH" | "flexGrowH" | "flexShrinkH" | "alignSelfH" | "justifySelfH" | "outlineH" | "outlineStyleH" | "outlineOffsetH" | "transitionH" | "hoverF" | "focusF" | "displayF" | "inlineF" | "boxSizingF" | "positionF" | "insetF" | "topF" | "rightF" | "bottomF" | "leftF" | "widthF" | "heightF" | "minWidthF" | "minHeightF" | "maxWidthF" | "maxHeightF" | "marginF" | "mF" | "marginHorizontalF" | "mxF" | "marginVerticalF" | "myF" | "marginTopF" | "mtF" | "marginRightF" | "mrF" | "marginBottomF" | "mbF" | "marginLeftF" | "mlF" | "paddingF" | "pF" | "paddingHorizontalF" | "pxF" | "paddingVerticalF" | "pyF" | "paddingTopF" | "ptF" | "paddingRightF" | "prF" | "paddingBottomF" | "pbF" | "paddingLeftF" | "plF" | "borderF" | "bF" | "borderHorizontalF" | "bxF" | "borderVerticalF" | "byF" | "borderTopF" | "btF" | "borderRightF" | "brF" | "borderBottomF" | "bbF" | "borderLeftF" | "blF" | "borderStyleF" | "borderRadiusF" | "borderRadiusTopF" | "borderRadiusRightF" | "borderRadiusBottomF" | "borderRadiusLeftF" | "borderRadiusTopLeftF" | "borderRadiusTopRightF" | "borderRadiusBottomLeftF" | "borderRadiusBottomRightF" | "shadowF" | "backgroundF" | "bgF" | "colorF" | "backgroundColorF" | "bgColorF" | "borderColorF" | "outlineColorF" | "cursorF" | "zIndexF" | "overflowF" | "overflowXF" | "overflowYF" | "opacityF" | "fontSizeF" | "lineHeightF" | "fontWeightF" | "letterSpacingF" | "textDecorationF" | "textTransformF" | "textAlignF" | "flexWrapF" | "justifyContentF" | "alignItemsF" | "alignContentF" | "flex1F" | "flexDirectionF" | "gapF" | "rowGapF" | "columnGapF" | "orderF" | "flexGrowF" | "flexShrinkF" | "alignSelfF" | "justifySelfF" | "outlineF" | "outlineStyleF" | "outlineOffsetF" | "transitionF" | "hoverA" | "focusA" | "displayA" | "inlineA" | "boxSizingA" | "positionA" | "insetA" | "topA" | "rightA" | "bottomA" | "leftA" | "widthA" | "heightA" | "minWidthA" | "minHeightA" | "maxWidthA" | "maxHeightA" | "marginA" | "mA" | "marginHorizontalA" | "mxA" | "marginVerticalA" | "myA" | "marginTopA" | "mtA" | "marginRightA" | "mrA" | "marginBottomA" | "mbA" | "marginLeftA" | "mlA" | "paddingA" | "pA" | "paddingHorizontalA" | "pxA" | "paddingVerticalA" | "pyA" | "paddingTopA" | "ptA" | "paddingRightA" | "prA" | "paddingBottomA" | "pbA" | "paddingLeftA" | "plA" | "borderA" | "bA" | "borderHorizontalA" | "bxA" | "borderVerticalA" | "byA" | "borderTopA" | "btA" | "borderRightA" | "brA" | "borderBottomA" | "bbA" | "borderLeftA" | "blA" | "borderStyleA" | "borderRadiusA" | "borderRadiusTopA" | "borderRadiusRightA" | "borderRadiusBottomA" | "borderRadiusLeftA" | "borderRadiusTopLeftA" | "borderRadiusTopRightA" | "borderRadiusBottomLeftA" | "borderRadiusBottomRightA" | "shadowA" | "backgroundA" | "bgA" | "colorA" | "backgroundColorA" | "bgColorA" | "borderColorA" | "outlineColorA" | "cursorA" | "zIndexA" | "overflowA" | "overflowXA" | "overflowYA" | "opacityA" | "fontSizeA" | "lineHeightA" | "fontWeightA" | "letterSpacingA" | "textDecorationA" | "textTransformA" | "textAlignA" | "flexWrapA" | "justifyContentA" | "alignItemsA" | "alignContentA" | "flex1A" | "flexDirectionA" | "gapA" | "rowGapA" | "columnGapA" | "orderA" | "flexGrowA" | "flexShrinkA" | "alignSelfA" | "justifySelfA" | "outlineA" | "outlineStyleA" | "outlineOffsetA" | "transitionA" | "children" | "tag" | "props" | "name" | "defaultValue" | "placeholder" | "onChange" | "onInput" | "autoFocus" | "disabled" | "maxLength" | "minLength" | "readOnly" | "required" | "cols" | "rows"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default _default;

package/components/uncontrolledTextareaCore.mjs

@@ -1,44 +0,0 @@
-import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import C from "../box.mjs";
-import "../box.module.css.mjs";
-import "../utils/utils.mjs";
-function T(o, e) {
-  const {
-    props: r,
-    name: t,
-    disabled: n,
-    placeholder: a,
-    defaultValue: l,
-    onInput: p,
-    onChange: s,
-    rows: i,
-    cols: m,
-    autoFocus: u,
-    maxLength: d,
-    minLength: c,
-    readOnly: f,
-    required: x
-  } = o, g = {
-    ...r,
-    name: t,
-    disabled: n,
-    placeholder: a,
-    onInput: p,
-    onChange: s,
-    defaultValue: l,
-    rows: i,
-    cols: m,
-    autoFocus: u,
-    maxLength: d,
-    minLength: c,
-    readOnly: f,
-    required: x,
-    ref: e
-  };
-  return /* @__PURE__ */ h(C, { tag: "textarea", inline: !0, ...o, props: g });
-}
-const y = w(T);
-export {
-  y as default
-};