@occmundial/occ-atomic 3.0.0-beta.41 → 3.0.0-beta.42

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.0.0-beta.42](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.41...v3.0.0-beta.42) (2024-08-08)
+
+
+### Bug Fixes
+
+* Change div divider for box shadow ([a2f1f8d](https://github.com/occmundial/occ-atomic/commit/a2f1f8d1af7b122b7546c6b405c93344a1aa9391))
+
 # [3.0.0-beta.41](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.40...v3.0.0-beta.41) (2024-08-07)
 
 

package/build/SlideDown/SlideDown.js

@@ -120,7 +120,7 @@ function SlideDown(_ref) {
     }
   }, [prevExpanded, expanded]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.wrapper
+    className: "".concat(classes.wrapper).concat(divider ? " ".concat(classes.divider) : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.button, " ").concat(textSize === 'lg' ? classes.largePadding : classes.normalPadding).concat(!noPadding ? " ".concat(classes.buttonPadding) : ''),
     role: "button",
@@ -159,9 +159,7 @@ function SlideDown(_ref) {
     className: "".concat(classes.contentWrapper).concat(_expanded ? " ".concat(classes.showContentWrapper) : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.content).concat(_expanded ? " ".concat(classes.showContent) : '')
-  }, children)), divider ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.divider
-  }) : '');
+  }, children)));
 }
 
 SlideDown.defaultProps = {

package/build/SlideDown/__snapshots__/SlideDown.test.js.snap

@@ -23,8 +23,7 @@ Object {
     "transition": "grid-template-rows cubic-bezier(0.25,0.46,0.45,0.94) 0.2s 0.05s, opacity cubic-bezier(0.25,0.46,0.45,0.94) 0.2s",
   },
   "divider": Object {
-    "border": "1px solid #EDEDF1",
-    "marginTop": "-2px",
+    "boxShadow": "inset 0 -1px 0px 0px #EDEDF1",
   },
   "flexContainer": Object {
     "gap": "16px",

package/build/SlideDown/styles.js

@@ -69,8 +69,7 @@ var _default = {
     transition: 'grid-template-rows cubic-bezier(0.25,0.46,0.45,0.94) 0.2s, opacity cubic-bezier(0.25,0.46,0.45,0.94) 0.2s 0.05s'
   },
   divider: {
-    border: "1px solid ".concat(_colors["default"].border["default"].subtle),
-    marginTop: "-".concat(_spacing["default"]['size-0'])
+    boxShadow: "inset 0 -1px 0px 0px ".concat(_colors["default"].border["default"].subtle)
   },
   flexContainer: {
     gap: _spacing["default"]['size-4']

package/build/tokens/colors.json

@@ -491,7 +491,7 @@
       },
       "inverse": {
         "default": "rgba(255,255,255,0.1)",
-        "gradient": "linear-gradient(90deg rgba(255,255,255,0), rgba(255,255,255,0.1) , rgba(255,255,255,0) )"
+        "gradient": "linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.1) , rgba(255,255,255,0) )"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "3.0.0-beta.41",
+  "version": "3.0.0-beta.42",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",