@atlaskit/forge-react-types 0.38.0 → 0.39.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/forge-react-types
 
+## 0.39.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.39.0
+
+### Minor Changes
+
+- [#130095](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130095)
+  [`5cbce3c0a85b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5cbce3c0a85b2) -
+  Update props for chart components to remove showBorder and colors props. Add prop types for
+  DonutChart component
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.38.0
 
 ### Minor Changes

package/dist/cjs/components/charts/BarChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/components/charts/DonutChartProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/components/charts/LineChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/components/charts/PieChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/es2019/components/charts/BarChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/components/charts/DonutChartProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/components/charts/LineChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/components/charts/PieChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/charts/BarChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/charts/DonutChartProps.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/charts/LineChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/charts/PieChartProps.js

@@ -1 +0,0 @@
-export {};

package/dist/types/components/charts/BarChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type BarChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
@@ -39,11 +34,6 @@ export type BarChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 type StackChartProps = BarChartProps & {
     /**

package/dist/types/components/charts/DonutChartProps.d.ts

@@ -0,0 +1,15 @@
+import { type PieChartProps } from './PieChartProps';
+export type DonutChartProps = PieChartProps & {
+    /**
+     * The radius of the inner circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    innerRadius?: number;
+    /**
+     * The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    outerRadius?: number;
+};
+/**
+ * A visual representation of data proportions in a donut format.
+ */
+export type TDonutChart<T> = (props: DonutChartProps) => T;

package/dist/types/components/charts/LineChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,7 +13,6 @@ export type LineChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#2--array-of-objects).
      */
     data: unknown[];
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#data).
@@ -36,11 +34,6 @@ export type LineChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each line with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data showing trends.

package/dist/types/components/charts/PieChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type PieChartProps = {
      * 2. [Array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the color grouping. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#data).
@@ -39,19 +34,10 @@ export type PieChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * Boolean to render the pie as the donut variation. Defaults to `false`.
-     */
-    isDonut?: boolean;
     /**
      * Boolean to display labels on top of each slice. Defaults to `false`.
      */
     showMarkLabels?: boolean;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each slice with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data proportions in a circular format.

package/dist/types/components/charts/index.d.ts

@@ -1,4 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, } from './BarChartProps';
 export type { LineChartProps, TLineChart } from './LineChartProps';
-export type { SingleValueChartProps, TSingleValueChart } from './SingleValueChartProps';
 export type { PieChartProps, TPieChart } from './PieChartProps';
+export type { DonutChartProps, TDonutChart } from './DonutChartProps';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export type { AdfRendererProps, BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBleed, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TSingleValueChart, TPieChart, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChartColorTokens } from './types';

package/dist/types-ts4.5/components/charts/BarChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type BarChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type BarChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
@@ -39,11 +34,6 @@ export type BarChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 type StackChartProps = BarChartProps & {
     /**

package/dist/types-ts4.5/components/charts/DonutChartProps.d.ts

@@ -0,0 +1,15 @@
+import { type PieChartProps } from './PieChartProps';
+export type DonutChartProps = PieChartProps & {
+    /**
+     * The radius of the inner circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    innerRadius?: number;
+    /**
+     * The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+     */
+    outerRadius?: number;
+};
+/**
+ * A visual representation of data proportions in a donut format.
+ */
+export type TDonutChart<T> = (props: DonutChartProps) => T;

package/dist/types-ts4.5/components/charts/LineChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type LineChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,7 +13,6 @@ export type LineChartProps = {
      * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#2--array-of-objects).
      */
     data: unknown[];
-    showBorder?: boolean;
     /**
      * Accessor to define the x-axis values. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#data).
@@ -36,11 +34,6 @@ export type LineChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each line with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data showing trends.

package/dist/types-ts4.5/components/charts/PieChartProps.d.ts

@@ -1,4 +1,3 @@
-import type { ChartColorTokens } from '../../types';
 export type PieChartProps = {
     /**
      * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -14,10 +13,6 @@ export type PieChartProps = {
      * 2. [Array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#2--array-of-objects).
      */
     data: unknown[];
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
     /**
      * Accessor to define the color grouping. This can be a numerical or string index.
      * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#data).
@@ -39,19 +34,10 @@ export type PieChartProps = {
      * A string value that represents the subtitle of the chart. This appears below the title.
      */
     subtitle?: string;
-    /**
-     * Boolean to render the pie as the donut variation. Defaults to `false`.
-     */
-    isDonut?: boolean;
     /**
      * Boolean to display labels on top of each slice. Defaults to `false`.
      */
     showMarkLabels?: boolean;
-    /**
-     * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-     * This is utilized to render each slice with the specified colors, based on the color grouping given by colorAccessor.
-     */
-    colors?: ChartColorTokens[];
 };
 /**
  * A visual representation of data proportions in a circular format.

package/dist/types-ts4.5/components/charts/index.d.ts

@@ -1,4 +1,4 @@
 export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, } from './BarChartProps';
 export type { LineChartProps, TLineChart } from './LineChartProps';
-export type { SingleValueChartProps, TSingleValueChart } from './SingleValueChartProps';
 export type { PieChartProps, TPieChart } from './PieChartProps';
+export type { DonutChartProps, TDonutChart } from './DonutChartProps';

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,3 @@
 export type { AdfRendererProps, BadgeProps, BleedProps, BoxProps, ButtonGroupProps, ButtonProps, CalendarProps, CheckboxProps, CheckboxGroupProps, CodeBlockProps, CodeProps, DatePickerProps, DynamicTableProps, EmptyStateProps, ErrorMessageProps, FlexProps, FormFooterProps, FormHeaderProps, FormProps, FormSectionProps, GridProps, HeadingProps, HelperMessageProps, IconProps, InlineProps, LabelProps, LinkButtonProps, ListProps, ListItemProps, LoadingButtonProps, LozengeProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioGroupProps, RadioProps, RangeProps, SectionMessageActionProps, SectionMessageProps, SelectProps, SpinnerProps, StackProps, TabListProps, TabPanelProps, TabProps, TabsProps, TagGroupProps, TagProps, TextProps, TextAreaProps, TextfieldProps, ToggleProps, TooltipProps, TimePickerProps, ValidMessageProps, PopupProps, InlineEditProps, TBadge, TBleed, TBox, TButtonGroup, TButton, TCalendar, TCheckbox, TCheckboxGroup, TCodeBlock, TCode, TDatePicker, TDynamicTable, TEmptyState, TErrorMessage, TFlex, TFormFooter, TFormHeader, TForm, TFormSection, TGrid, THeading, THelperMessage, TIcon, TInline, TInlineEdit, TLabel, TLinkButton, TList, TListItem, TLoadingButton, TLozenge, TModalBody, TModalFooter, TModalHeader, TModal, TModalTitle, TModalTransition, TProgressBar, TProgressTracker, TRadioGroup, TRadio, TRange, TSectionMessageAction, TSectionMessage, TSelect, TSpinner, TStack, TTabList, TTabPanel, TTab, TTabs, TTagGroup, TTag, TTextArea, TTextfield, TTimePicker, TToggle, TTooltip, TValidMessage, TPopup, TAdfRenderer, TText, } from './components/__generated__';
-export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, SingleValueChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TSingleValueChart, TPieChart, } from './components/charts';
+export type { BarChartProps, StackBarChartProps, HorizontalStackBarChartProps, HorizontalBarChartProps, LineChartProps, DonutChartProps, PieChartProps, TBarChart, TStackBarChart, THorizontalStackBarChart, THorizontalBarChart, TLineChart, TDonutChart, TPieChart, } from './components/charts';
 export type { ChartColorTokens } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.38.0",
+	"version": "0.39.1",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/badge": "^18.1.0",
-		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/button": "^22.0.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.0.0",
 		"@atlaskit/code": "^16.1.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/inline-edit": "^15.1.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/modal-dialog": "^14.0.0",
-		"@atlaskit/popup": "^2.0.0",
+		"@atlaskit/popup": "^3.0.0",
 		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/progress-bar": "^4.0.0",
 		"@atlaskit/progress-tracker": "^10.0.0",

package/src/components/charts/BarChartProps.tsx

@@ -1,5 +1,3 @@
-import type { ChartColorTokens } from '../../types';
-
 export type BarChartProps = {
 	/**
 	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -15,10 +13,6 @@ export type BarChartProps = {
 	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
 	 */
 	data: unknown[];
-	/**
-	 * Boolean to display the chart border. Defaults to `false`.
-	 */
-	showBorder?: boolean;
 	/**
 	 * Accessor to define the x-axis values. This can be a numerical or string index.
 	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
@@ -40,11 +34,6 @@ export type BarChartProps = {
 	 * A string value that represents the subtitle of the chart. This appears below the title.
 	 */
 	subtitle?: string;
-	/**
-	 * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-	 * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
-	 */
-	colors?: ChartColorTokens[];
 };
 
 type StackChartProps = BarChartProps & {

package/src/components/charts/DonutChartProps.tsx

@@ -0,0 +1,17 @@
+import { type PieChartProps } from './PieChartProps';
+
+export type DonutChartProps = PieChartProps & {
+	/**
+	 * The radius of the inner circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+	 */
+	innerRadius?: number;
+	/**
+	 * The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
+	 */
+	outerRadius?: number;
+};
+
+/**
+ * A visual representation of data proportions in a donut format.
+ */
+export type TDonutChart<T> = (props: DonutChartProps) => T;

package/src/components/charts/LineChartProps.tsx

@@ -1,5 +1,3 @@
-import type { ChartColorTokens } from '../../types';
-
 export type LineChartProps = {
 	/**
 	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -15,7 +13,6 @@ export type LineChartProps = {
 	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#2--array-of-objects).
 	 */
 	data: unknown[];
-	showBorder?: boolean;
 	/**
 	 * Accessor to define the x-axis values. This can be a numerical or string index.
 	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/#data).
@@ -37,11 +34,6 @@ export type LineChartProps = {
 	 * A string value that represents the subtitle of the chart. This appears below the title.
 	 */
 	subtitle?: string;
-	/**
-	 * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-	 * This is utilized to render each line with the specified colors, based on the color grouping given by colorAccessor.
-	 */
-	colors?: ChartColorTokens[];
 };
 
 /**

package/src/components/charts/PieChartProps.tsx

@@ -1,5 +1,3 @@
-import type { ChartColorTokens } from '../../types';
-
 export type PieChartProps = {
 	/**
 	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -15,10 +13,6 @@ export type PieChartProps = {
 	 * 2. [Array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#2--array-of-objects).
 	 */
 	data: unknown[];
-	/**
-	 * Boolean to display the chart border. Defaults to `false`.
-	 */
-	showBorder?: boolean;
 	/**
 	 * Accessor to define the color grouping. This can be a numerical or string index.
 	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/#data).
@@ -40,19 +34,10 @@ export type PieChartProps = {
 	 * A string value that represents the subtitle of the chart. This appears below the title.
 	 */
 	subtitle?: string;
-	/**
-	 * Boolean to render the pie as the donut variation. Defaults to `false`.
-	 */
-	isDonut?: boolean;
 	/**
 	 * Boolean to display labels on top of each slice. Defaults to `false`.
 	 */
 	showMarkLabels?: boolean;
-	/**
-	 * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
-	 * This is utilized to render each slice with the specified colors, based on the color grouping given by colorAccessor.
-	 */
-	colors?: ChartColorTokens[];
 };
 
 /**

package/src/components/charts/index.ts

@@ -10,5 +10,5 @@ export type {
 } from './BarChartProps';
 
 export type { LineChartProps, TLineChart } from './LineChartProps';
-export type { SingleValueChartProps, TSingleValueChart } from './SingleValueChartProps';
 export type { PieChartProps, TPieChart } from './PieChartProps';
+export type { DonutChartProps, TDonutChart } from './DonutChartProps';

package/src/index.ts

@@ -131,14 +131,14 @@ export type {
 	HorizontalStackBarChartProps,
 	HorizontalBarChartProps,
 	LineChartProps,
-	SingleValueChartProps,
+	DonutChartProps,
 	PieChartProps,
 	TBarChart,
 	TStackBarChart,
 	THorizontalStackBarChart,
 	THorizontalBarChart,
 	TLineChart,
-	TSingleValueChart,
+	TDonutChart,
 	TPieChart,
 } from './components/charts';
 

package/dist/cjs/components/charts/SingleValueChartProps.js

@@ -1 +0,0 @@
-"use strict";

package/dist/types/components/charts/SingleValueChartProps.d.ts

@@ -1,33 +0,0 @@
-export type SingleValueChartProps = {
-    /**
-     * Data can be one of two formats:
-     * 1. A **number** - The value that is displayed, abbreviated at the thousand, millions, trillions and billions.
-     * 2. An **array of numbers**: The first number in the array is used as the display value, the second number in the array is used to calculate the increase/decrease percentage relative to the first number.
-     */
-    data: number | number[];
-    /**
-     * The static width of the chart in pixels. If this is not specified, the width is responsive.
-     */
-    width?: number;
-    /**
-     * The static height of the chart in pixels. Defaults to `120`.
-     */
-    height?: number;
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
-    /**
-     * A string value that represents the title of the chart.
-     */
-    title?: string;
-    /**
-     * A string value that represents the subtitle of the chart. This appears below the metric value.
-     */
-    subtitle?: string;
-};
-/**
- * A visualization representation of information with a single value as its metrics.
- * The metric can be displayed with a increase/decrease indicator to display trends or changes over time.
- */
-export type TSingleValueChart<T> = (props: SingleValueChartProps) => T;

package/dist/types-ts4.5/components/charts/SingleValueChartProps.d.ts

@@ -1,33 +0,0 @@
-export type SingleValueChartProps = {
-    /**
-     * Data can be one of two formats:
-     * 1. A **number** - The value that is displayed, abbreviated at the thousand, millions, trillions and billions.
-     * 2. An **array of numbers**: The first number in the array is used as the display value, the second number in the array is used to calculate the increase/decrease percentage relative to the first number.
-     */
-    data: number | number[];
-    /**
-     * The static width of the chart in pixels. If this is not specified, the width is responsive.
-     */
-    width?: number;
-    /**
-     * The static height of the chart in pixels. Defaults to `120`.
-     */
-    height?: number;
-    /**
-     * Boolean to display the chart border. Defaults to `false`.
-     */
-    showBorder?: boolean;
-    /**
-     * A string value that represents the title of the chart.
-     */
-    title?: string;
-    /**
-     * A string value that represents the subtitle of the chart. This appears below the metric value.
-     */
-    subtitle?: string;
-};
-/**
- * A visualization representation of information with a single value as its metrics.
- * The metric can be displayed with a increase/decrease indicator to display trends or changes over time.
- */
-export type TSingleValueChart<T> = (props: SingleValueChartProps) => T;

package/src/components/charts/SingleValueChartProps.tsx

@@ -1,34 +0,0 @@
-export type SingleValueChartProps = {
-	/**
-	 * Data can be one of two formats:
-	 * 1. A **number** - The value that is displayed, abbreviated at the thousand, millions, trillions and billions.
-	 * 2. An **array of numbers**: The first number in the array is used as the display value, the second number in the array is used to calculate the increase/decrease percentage relative to the first number.
-	 */
-	data: number | number[];
-	/**
-	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
-	 */
-	width?: number;
-	/**
-	 * The static height of the chart in pixels. Defaults to `120`.
-	 */
-	height?: number;
-	/**
-	 * Boolean to display the chart border. Defaults to `false`.
-	 */
-	showBorder?: boolean;
-	/**
-	 * A string value that represents the title of the chart.
-	 */
-	title?: string;
-	/**
-	 * A string value that represents the subtitle of the chart. This appears below the metric value.
-	 */
-	subtitle?: string;
-};
-
-/**
- * A visualization representation of information with a single value as its metrics.
- * The metric can be displayed with a increase/decrease indicator to display trends or changes over time.
- */
-export type TSingleValueChart<T> = (props: SingleValueChartProps) => T;