@spark-web/box 2.0.0-rc.14 → 2.0.0-rc.16

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @spark-web/box
 
+## 2.0.0-rc.16
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.16
+  - @spark-web/utils@2.0.0-rc.16
+
+## 2.0.0-rc.15
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.15
+  - @spark-web/utils@2.0.0-rc.15
+
 ## 2.0.0-rc.14
 
 ### Major Changes

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

@@ -42,7 +42,7 @@ export declare const Box: <Comp extends import("react").ElementType<any, keyof i
     cursor?: "default" | "pointer" | undefined;
     minHeight?: 0 | undefined;
     minWidth?: 0 | undefined;
-    overflow?: "hidden" | "scroll" | "auto" | "visible" | undefined;
-    shadow?: "small" | "large" | "medium" | undefined;
+    overflow?: "auto" | "hidden" | "scroll" | "visible" | undefined;
+    shadow?: "small" | "medium" | "large" | 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,14 @@ 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), css(cssProps))
-      }, attributes));
-    }
-  });
+  var element = jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id
+    // css={cx(css(resetStyles), css(styles), css(cssProps))}
+    ,
+
+    css: react$1.css(resetStyles, styles, cssProps)
+  }, attributes));
   return renderBackgroundProvider(props.background, element);
 });
 

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

@@ -327,17 +327,14 @@ 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), css(cssProps))
-      }, attributes));
-    }
-  });
+  var element = jsxRuntime.jsx(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id
+    // css={cx(css(resetStyles), css(styles), css(cssProps))}
+    ,
+
+    css: react$1.css(resetStyles, 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,14 @@ 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), css(cssProps))
-      }, attributes));
-    }
-  });
+  var element = jsx(Tag, _objectSpread(_objectSpread({}, data ? buildDataAttributes(data) : undefined), {}, {
+    ref: forwardedRef,
+    id: id
+    // css={cx(css(resetStyles), css(styles), css(cssProps))}
+    ,
+
+    css: css(resetStyles, styles, cssProps)
+  }, attributes));
   return renderBackgroundProvider(props.background, element);
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/box",
-  "version": "2.0.0-rc.14",
+  "version": "2.0.0-rc.16",
   "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.14",
-    "@spark-web/utils": "^2.0.0-rc.14"
+    "@spark-web/theme": "^4.0.0-rc.16",
+    "@spark-web/utils": "^2.0.0-rc.16"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",