@spark-web/box 2.0.0-rc.11 → 2.0.0-rc.12

package/CHANGELOG.md

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

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

@@ -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?: "body" | "input" | "infoLight" | "criticalLight" | "positiveLight" | "cautionLight" | "muted" | "disabled" | "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;
     cursor?: "default" | "pointer" | undefined;
     minHeight?: 0 | undefined;
     minWidth?: 0 | undefined;
-    overflow?: "auto" | "hidden" | "scroll" | "visible" | undefined;
-    shadow?: "small" | "medium" | "large" | undefined;
+    overflow?: "hidden" | "scroll" | "auto" | "visible" | 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,11 +327,17 @@ 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(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
-    ref: forwardedRef,
-    id: id,
-    css: react$1.css(cssProps, styles, resetStyles)
-  }, attributes));
+  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,
+        className: cx(css(resetStyles), css(styles, cssProps))
+      }, attributes));
+    }
+  });
   return renderBackgroundProvider(props.background, element);
 });
 

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

@@ -327,11 +327,17 @@ 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(Tag, _objectSpread(_objectSpread({}, data ? internal.buildDataAttributes(data) : undefined), {}, {
-    ref: forwardedRef,
-    id: id,
-    css: react$1.css(cssProps, styles, resetStyles)
-  }, attributes));
+  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,
+        className: cx(css(resetStyles), 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 { css } from '@emotion/react';
+import { ClassNames } from '@emotion/react';
 import { resetElementStyles, buildDataAttributes } from '@spark-web/utils/internal';
 import { forwardRefWithAs } from '@spark-web/utils/ts';
 
@@ -323,11 +323,17 @@ 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(Tag, _objectSpread(_objectSpread({}, data ? buildDataAttributes(data) : undefined), {}, {
-    ref: forwardedRef,
-    id: id,
-    css: css(cssProps, styles, resetStyles)
-  }, attributes));
+  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,
+        className: cx(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.11",
+  "version": "2.0.0-rc.12",
   "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.11",
-    "@spark-web/utils": "^2.0.0-rc.11"
+    "@spark-web/theme": "^4.0.0-rc.12",
+    "@spark-web/utils": "^2.0.0-rc.12"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",