@ssa-ui-kit/core 2.22.1 → 2.23.1

package/dist/components/Charts/BarGaugeChart/BarGaugeChart.d.ts

@@ -1,3 +1,3 @@
 import { BarGaugeChartProps } from './types';
-export declare const BarGaugeChartComponent: ({ title, widgetCardProps, bars, features, }: BarGaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BarGaugeChartComponent: ({ title, widgetCardProps, wrapperProps, bars, features, }: BarGaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const BarGaugeChart: typeof BarGaugeChartComponent;

package/dist/components/Charts/BarGaugeChart/types.d.ts

@@ -1,5 +1,6 @@
 import { MustInclude } from '@ssa-ui-kit/utils';
 import { WidgetCardProps } from '../../WidgetCard';
+import Wrapper from '../../Wrapper';
 export type BarGaugeChartFeature = 'header' | 'fullscreenMode';
 export type GaugeBarThreshold = {
     value: number;
@@ -24,4 +25,5 @@ export interface BarGaugeChartProps {
     widgetCardProps?: WidgetCardProps;
     bars?: GaugeBarProps[];
     features?: BarGaugeChartFeature[];
+    wrapperProps?: React.ComponentProps<typeof Wrapper>;
 }

package/dist/components/Charts/GaugeChart/GaugeChart.d.ts

@@ -18,7 +18,8 @@ export interface GaugeChartProps extends Pick<GaugeChartLabelsProps, 'maxLabel'
     trackProps?: Omit<GaugeChartBaseProps, 'data'>;
     features?: GaugeChartFeature[];
     widgetCardProps?: WidgetCardProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-declare const GaugeChartComponent: ({ minLabel, maxLabel, totalLabel, unitLabel, minValue, maxValue, value, title, chartProps, trackProps, widgetCardProps, withLabels, withTrack, withNeedle, features, segments, ticks, }: GaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const GaugeChartComponent: ({ minLabel, maxLabel, totalLabel, unitLabel, minValue, maxValue, value, title, chartProps, trackProps, widgetCardProps, containerProps, withLabels, withTrack, withNeedle, features, segments, ticks, }: GaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const GaugeChart: typeof GaugeChartComponent;
 export {};

package/dist/index.js

@@ -6378,11 +6378,11 @@ const ProgressCircleOuter = /*#__PURE__*/base_default()("div",  true ? {
   size
 }) => size, "px;height:", ({
   size
-}) => size, "px;border-radius:50%;padding:", ({
+}) => size, "px;border:", ({
   size
-}) => size / 10, "px;background:", ({
+}) => size / 10, "px solid ", ({
   theme
-}) => theme.colors.greyLighter, ";" + ( true ? "" : 0));
+}) => theme.colors.greyLighter, ";border-radius:50%;background:none;" + ( true ? "" : 0));
 ;// ./src/components/ProgressCircle/ProgressCircleInner.tsx
 
 const ProgressCircleInner = /*#__PURE__*/base_default()("div",  true ? {
@@ -6391,7 +6391,7 @@ const ProgressCircleInner = /*#__PURE__*/base_default()("div",  true ? {
   size
 }) => size - size / 10 * 2, "px;height:", ({
   size
-}) => size - size / 10 * 2, "px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;" + ( true ? "" : 0));
+}) => size - size / 10 * 2, "px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;" + ( true ? "" : 0));
 ;// ./src/components/ProgressCircle/ProgressCircle.tsx
 
 
@@ -10412,6 +10412,7 @@ const GaugeChartComponent = ({
   chartProps,
   trackProps,
   widgetCardProps,
+  containerProps,
   withLabels = true,
   withTrack = true,
   withNeedle = true,
@@ -10456,6 +10457,7 @@ const GaugeChartComponent = ({
   const pieOffset = centeredOffset(containerSize, pieSize);
   return (0,jsx_runtime_namespaceObject.jsx)("div", {
     css: GaugeChart_ref,
+    ...containerProps,
     children: (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
       features: features,
       cardProps: {
@@ -10669,6 +10671,7 @@ var BarGaugeChart_ref =  true ? {
 const BarGaugeChartComponent = ({
   title,
   widgetCardProps,
+  wrapperProps,
   bars = [],
   features = []
 }) => (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
@@ -10684,6 +10687,7 @@ const BarGaugeChartComponent = ({
     direction: "column",
     alignItems: "start",
     css: BarGaugeChart_ref,
+    ...wrapperProps,
     children: bars.map((barProps, index) => (0,jsx_runtime_namespaceObject.jsx)(GaugeBar, {
       ...barProps
     }, index))