@synerise/ds-panel 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panel@1.2.0...@synerise/ds-panel@1.2.1) (2026-02-26)
+
+### Bug Fixes
+
+- **metric-card:** updated logic for content display ([546cdf6](https://github.com/Synerise/synerise-design/commit/546cdf6abf4d16d37960171f0ee8b3a85772ba9a))
+
 # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-panel@1.1.0...@synerise/ds-panel@1.2.0) (2026-02-05)
 
 ### Features

package/dist/Panel.js

@@ -1,4 +1,4 @@
-var _excluded = ["children"];
+var _excluded = ["children", "radius"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
@@ -6,11 +6,13 @@ import { DEFAULT_PADDING, DEFAULT_RADIUS } from './Panel.const';
 import * as S from './Panel.styles';
 var Panel = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? DEFAULT_RADIUS : _ref$radius,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.PanelWrapper, _extends({
     ref: ref,
     p: DEFAULT_PADDING,
-    radius: DEFAULT_RADIUS
+    $radius: radius
   }, props), children);
 });
 export default Panel;

package/dist/Panel.styles.d.ts

@@ -1,3 +1,4 @@
 export declare const PanelWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@synerise/ds-flex-box").BoxProps>, any, {
-    radius: number;
+    $radius: number;
+    greyBackground?: boolean;
 }, never>;

package/dist/Panel.styles.js

@@ -3,8 +3,10 @@ import { Box } from '@synerise/ds-flex-box';
 export var PanelWrapper = styled(Box).withConfig({
   displayName: "Panelstyles__PanelWrapper",
   componentId: "sc-xt9txn-0"
-})(["border:solid 1px ", ";border-radius:", "px;"], function (props) {
-  return props.theme.palette['grey-200'];
+})(["background-color:", ";", " border-radius:", "px;"], function (props) {
+  return props.theme.palette.white;
 }, function (props) {
-  return props.radius;
+  return props.greyBackground ? "\n         box-shadow: 0 4px 12px 0 rgba(35, 41, 54, 0.04);" : "\n         border: solid 1px " + props.theme.palette['grey-200'] + ";";
+}, function (props) {
+  return props.$radius;
 });

package/dist/Panel.types.d.ts

@@ -1,4 +1,5 @@
 import { type BoxProps } from '@synerise/ds-flex-box';
 export type PanelProps = BoxProps & {
     radius?: number;
+    greyBackground?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-panel",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Panel UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -41,5 +41,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1"
   },
-  "gitHead": "ac8decd9736940735bf05198b24b3eeeb5900b18"
+  "gitHead": "4ffbd56e9bf6277c4507efeaf000b66b9bb09781"
 }