@dreamcommerce/aurora 3.0.0-8 → 3.0.0-9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -35,6 +35,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
35
35
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.objectSpread2({
36
36
  "aria-expanded": open,
37
37
  ref: sidebarRef,
38
+ className: cn.cn(className),
38
39
  style: {
39
40
  width: open ? width : 0,
40
41
  maxWidth: open ? width : 0,
@@ -42,12 +43,11 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
42
43
  height: height,
43
44
  minHeight: minHeight,
44
45
  maxHeight: maxHeight
45
- },
46
- className: cn.cn("aurora-bg aurora-relative aurora-transition-all aurora-duration-200 aurora-ease-linear aurora-h-full")
46
+ }
47
47
  }, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
48
48
  side: side
49
49
  }) : null, /*#__PURE__*/React.createElement("div", {
50
- className: cn.cn({
50
+ className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
51
51
  'aurora-opacity-0': !open,
52
52
  'aurora-opacity-100': open
53
53
  })
@@ -31,6 +31,7 @@ var Sidebar = /*#__PURE__*/forwardRef(function (_ref, ref) {
31
31
  return /*#__PURE__*/createElement("div", _objectSpread2({
32
32
  "aria-expanded": open,
33
33
  ref: sidebarRef,
34
+ className: cn(className),
34
35
  style: {
35
36
  width: open ? width : 0,
36
37
  maxWidth: open ? width : 0,
@@ -38,12 +39,11 @@ var Sidebar = /*#__PURE__*/forwardRef(function (_ref, ref) {
38
39
  height: height,
39
40
  minHeight: minHeight,
40
41
  maxHeight: maxHeight
41
- },
42
- className: cn("aurora-bg aurora-relative aurora-transition-all aurora-duration-200 aurora-ease-linear aurora-h-full")
42
+ }
43
43
  }, props), TriggerButton ? /*#__PURE__*/createElement(TriggerButton, {
44
44
  side: side
45
45
  }) : null, /*#__PURE__*/createElement("div", {
46
- className: cn({
46
+ className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
47
47
  'aurora-opacity-0': !open,
48
48
  'aurora-opacity-100': open
49
49
  })