@spark-web/box 2.0.0-rc.17 → 2.0.0-rc.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @spark-web/box
 
+## 2.0.0-rc.18
+
+### Major Changes
+
+- tests
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.18
+  - @spark-web/utils@2.0.0-rc.18
+
 ## 2.0.0-rc.17
 
 ### Major Changes

package/dist/declarations/src/box.d.ts

@@ -21,7 +21,7 @@ export declare type BoxProps = {
 /** Exposes a prop-based API for adding styles to a view, within the constraints of the theme. */
 export declare const Box: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
     as?: Comp | undefined;
-    ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
+    ref?: import("react").Ref<Comp extends "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
 } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
     /** Children element to be rendered inside the component. */
     children?: ReactNode;
@@ -38,11 +38,11 @@ export declare const Box: <Comp extends import("react").ElementType<any, keyof i
      */
     asElement?: keyof HTMLElementTagNameMap | undefined;
 } & {
-    background?: "disabled" | "body" | "input" | "infoLight" | "criticalLight" | "positiveLight" | "cautionLight" | "muted" | "backdrop" | "surface" | "surfaceMuted" | "surfacePressed" | "fieldAccent" | "inputPressed" | "inputDisabled" | "accent" | "accentMuted" | "neutral" | "neutralLow" | "primary" | "primaryLow" | "primaryMuted" | "secondary" | "secondaryLow" | "secondaryMuted" | "caution" | "cautionLow" | "cautionMuted" | "critical" | "criticalLow" | "criticalMuted" | "info" | "infoLow" | "infoMuted" | "positive" | "positiveLow" | "positiveMuted" | undefined;
+    background?: "infoLight" | "criticalLight" | "positiveLight" | "cautionLight" | "muted" | "disabled" | "backdrop" | "body" | "surface" | "surfaceMuted" | "surfacePressed" | "fieldAccent" | "input" | "inputPressed" | "inputDisabled" | "accent" | "accentMuted" | "neutral" | "neutralLow" | "primary" | "primaryLow" | "primaryMuted" | "secondary" | "secondaryLow" | "secondaryMuted" | "caution" | "cautionLow" | "cautionMuted" | "critical" | "criticalLow" | "criticalMuted" | "info" | "infoLow" | "infoMuted" | "positive" | "positiveLow" | "positiveMuted" | undefined;
     cursor?: "default" | "pointer" | undefined;
     minHeight?: 0 | undefined;
     minWidth?: 0 | undefined;
-    overflow?: "auto" | "hidden" | "scroll" | "visible" | undefined;
-    shadow?: "small" | "medium" | "large" | undefined;
+    overflow?: "auto" | "hidden" | "visible" | "scroll" | undefined;
+    shadow?: "small" | "large" | "medium" | undefined;
     userSelect?: "none" | undefined;
 } & import("./use-box-styles.js").ResponsiveBoxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/spark-web-box.cjs.dev.js

@@ -327,17 +327,11 @@ var Box = ts.forwardRefWithAs(function (_ref, forwardedRef) {
     styles = _useBoxProps.styles,
     attributes = _useBoxProps.attributes;
   var resetStyles = internal.resetElementStyles(asElement !== null && asElement !== void 0 ? asElement : Tag);
-  var element = jsxRuntime.jsx(react$1.ClassNames, {
-    children: function children(_ref2) {
-      var css = _ref2.css,
-        cx = _ref2.cx;
-      return jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
-        ref: forwardedRef,
-        id: id,
-        css: [cx(css(resetStyles), css(styles)), cssProps]
-      }, attributes));
-    }
-  });
+  var element = jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id,
+    css: [react$1.css(resetStyles), react$1.css(styles), cssProps]
+  }, attributes));
   return renderBackgroundProvider(props.background, element);
 });
 

package/dist/spark-web-box.cjs.prod.js

@@ -327,17 +327,11 @@ var Box = ts.forwardRefWithAs(function (_ref, forwardedRef) {
     styles = _useBoxProps.styles,
     attributes = _useBoxProps.attributes;
   var resetStyles = internal.resetElementStyles(asElement !== null && asElement !== void 0 ? asElement : Tag);
-  var element = jsxRuntime.jsx(react$1.ClassNames, {
-    children: function children(_ref2) {
-      var css = _ref2.css,
-        cx = _ref2.cx;
-      return jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
-        ref: forwardedRef,
-        id: id,
-        css: [cx(css(resetStyles), css(styles)), cssProps]
-      }, attributes));
-    }
-  });
+  var element = jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id,
+    css: [react$1.css(resetStyles), react$1.css(styles), cssProps]
+  }, attributes));
   return renderBackgroundProvider(props.background, element);
 });
 

package/dist/spark-web-box.esm.js

@@ -3,7 +3,7 @@ import { createContext, useContext } from 'react';
 import { jsx } from '@emotion/react/jsx-runtime';
 import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { ClassNames } from '@emotion/react';
+import { css } from '@emotion/react';
 import { resetElementStyles, buildDataAttributes } from '@spark-web/utils/internal';
 import { forwardRefWithAs } from '@spark-web/utils/ts';
 
@@ -323,17 +323,11 @@ var Box = forwardRefWithAs(function (_ref, forwardedRef) {
     styles = _useBoxProps.styles,
     attributes = _useBoxProps.attributes;
   var resetStyles = resetElementStyles(asElement !== null && asElement !== void 0 ? asElement : Tag);
-  var element = jsx(ClassNames, {
-    children: function children(_ref2) {
-      var css = _ref2.css,
-        cx = _ref2.cx;
-      return jsx(Tag, _objectSpread(_objectSpread({}, data ? buildDataAttributes(data) : undefined), {}, {
-        ref: forwardedRef,
-        id: id,
-        css: [cx(css(resetStyles), css(styles)), cssProps]
-      }, attributes));
-    }
-  });
+  var element = jsx(Tag, _objectSpread(_objectSpread({}, data ? buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id,
+    css: [css(resetStyles), css(styles), cssProps]
+  }, attributes));
   return renderBackgroundProvider(props.background, element);
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/box",
-  "version": "2.0.0-rc.17",
+  "version": "2.0.0-rc.18",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -17,8 +17,8 @@
   "dependencies": {
     "@babel/runtime": "^7.25.0",
     "@emotion/react": "^11.14.0",
-    "@spark-web/theme": "^4.0.0-rc.17",
-    "@spark-web/utils": "^2.0.0-rc.17"
+    "@spark-web/theme": "^4.0.0-rc.18",
+    "@spark-web/utils": "^2.0.0-rc.18"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",