@appquality/unguess-design-system 2.12.37 → 2.12.39

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.
@@ -12,6 +12,7 @@ export interface PieChartProps {
12
12
  centerItem?: {
13
13
  label?: string;
14
14
  value?: string;
15
+ fontSizeMultiplier?: number;
15
16
  };
16
17
  }
17
18
  export {};
@@ -1,10 +1,11 @@
1
- import { theme as globalTheme } from "../../theme";
2
- declare const CenteredItem: ({ centerX, centerY, theme, radius, label, value, }: {
1
+ import { theme as globalTheme } from "../theme";
2
+ declare const CenteredItem: ({ centerX, centerY, theme, radius, label, value, fontSizeMultiplier, }: {
3
3
  centerX: number;
4
4
  centerY: number;
5
5
  radius: number;
6
6
  theme: typeof globalTheme;
7
7
  label?: string | undefined;
8
8
  value?: string | undefined;
9
+ fontSizeMultiplier?: number | undefined;
9
10
  }) => JSX.Element;
10
- export { CenteredItem };
11
+ export default CenteredItem;
@@ -0,0 +1,9 @@
1
+ import { theme as globalTheme } from "../../theme";
2
+ declare const ResetButton: ({ centerX, centerY, radius, theme, onClick, }: {
3
+ centerX: number;
4
+ centerY: number;
5
+ radius: number;
6
+ theme: typeof globalTheme;
7
+ onClick: () => void;
8
+ }) => JSX.Element;
9
+ export default ResetButton;
@@ -1,12 +1,20 @@
1
1
  import { SunburstSvgProps } from "@nivo/sunburst";
2
- interface SunburstData {
2
+ export interface SunburstData {
3
3
  name: string;
4
4
  children?: SunburstData[];
5
- [key: string]: any;
5
+ value?: number;
6
6
  }
7
- export interface SunburstChartProps extends Omit<SunburstSvgProps<SunburstData>, "width" | "height" | "cornerRadius" | "childColor"> {
7
+ export interface SunburstChartProps {
8
8
  data: SunburstData;
9
9
  width?: string;
10
10
  height?: string;
11
+ margin?: SunburstSvgProps<SunburstData>["margin"];
12
+ theme?: SunburstSvgProps<SunburstData>["theme"];
13
+ colors?: SunburstSvgProps<SunburstData>["colors"];
14
+ centerItem?: {
15
+ label?: string;
16
+ value?: string;
17
+ fontSizeMultiplier?: number;
18
+ };
19
+ onChange?: (data: SunburstData) => void;
11
20
  }
12
- export {};
@@ -0,0 +1,3 @@
1
+ import { SunburstData } from "./_types";
2
+ declare const findChildrenByName: (data: SunburstData, name: string) => SunburstData | undefined;
3
+ export default findChildrenByName;
@@ -1,3 +1,3 @@
1
1
  import { SunburstChartProps } from "./_types";
2
- declare const SunburstChart: ({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element;
2
+ declare const SunburstChart: ({ theme, colors, width, height, data, centerItem, margin, onChange, }: SunburstChartProps) => JSX.Element;
3
3
  export { SunburstChart };
@@ -1,5 +1,5 @@
1
1
  import { ComponentMeta, Story } from "@storybook/react";
2
2
  import { SunburstChartProps } from "./_types";
3
3
  export declare const Default: Story<SunburstChartProps>;
4
- declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element>;
4
+ declare const _default: ComponentMeta<({ theme, colors, width, height, data, centerItem, margin, onChange, }: SunburstChartProps) => JSX.Element>;
5
5
  export default _default;
@@ -0,0 +1,11 @@
1
+ import { ITabsProps } from "@zendeskgarden/react-tabs";
2
+ export interface TabsArgs extends ITabsProps {
3
+ /**
4
+ * Arranges the tabs vertically
5
+ */
6
+ isVertical?: boolean;
7
+ /**
8
+ * Specifies the currently selected tab
9
+ */
10
+ selectedItem?: string;
11
+ }
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { TabList as ZendeskTabList, Tab as ZendeskTab, TabPanel as ZendeskTabPanel } from "@zendeskgarden/react-tabs";
3
+ import { TabsArgs } from "./_types";
4
+ declare const Tabs: import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
5
+ List: typeof ZendeskTabList;
6
+ Tab: typeof ZendeskTab;
7
+ Panel: typeof ZendeskTabPanel;
8
+ };
9
+ export { Tabs };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { ComponentMeta, Story } from "@storybook/react";
3
+ import { TabsArgs } from "./_types";
4
+ export declare const Horizontal: Story<TabsArgs>;
5
+ export declare const Vertical: Story<TabsArgs>;
6
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
7
+ List: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
8
+ Tab: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ Panel: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
10
+ }>;
11
+ export default _default;
@@ -7,4 +7,9 @@ export declare const components: {
7
7
  autocomplete: {
8
8
  thumbSize: string;
9
9
  };
10
+ "tabs.tab": ({ isSelected }: {
11
+ isSelected: boolean;
12
+ }) => {
13
+ fontWeight: number;
14
+ } | undefined;
10
15
  };
@@ -0,0 +1,12 @@
1
+ declare const fontWeights: {
2
+ semibold: number;
3
+ thin: number;
4
+ extralight: number;
5
+ light: number;
6
+ regular: number;
7
+ medium: number;
8
+ bold: number;
9
+ extrabold: number;
10
+ black: number;
11
+ };
12
+ export { fontWeights };
@@ -212,6 +212,11 @@ declare const theme: {
212
212
  autocomplete: {
213
213
  thumbSize: string;
214
214
  };
215
+ "tabs.tab": ({ isSelected }: {
216
+ isSelected: boolean;
217
+ }) => {
218
+ fontWeight: number;
219
+ } | undefined;
215
220
  };
216
221
  shadows: {
217
222
  boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;
@@ -1,13 +1,3 @@
1
1
  import { TooltipArgs } from "./_types";
2
- /**
3
- * Tooltips appear when a user hovers or focuses an element. They provide contextual information about the element they are paired with.
4
- * <hr>
5
- * Used for this:
6
- * - To describe the function of an element when it might be ambiguous
7
- * - To describe the function of unlabeled icons
8
- * Not for this:
9
- * - To provide information a user needs to know or remember
10
- * - To display truncated text, use a title attribute instead
11
- */
12
- declare const Tooltip: (props: TooltipArgs) => JSX.Element;
2
+ declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>;
13
3
  export { Tooltip };
@@ -1,5 +1,5 @@
1
1
  import { ComponentMeta, Story } from "@storybook/react";
2
2
  import { TooltipArgs } from "./_types";
3
3
  export declare const Default: Story<TooltipArgs>;
4
- declare const _default: ComponentMeta<(props: TooltipArgs) => JSX.Element>;
4
+ declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>>;
5
5
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "2.12.37",
3
+ "version": "2.12.39",
4
4
  "dependencies": {
5
5
  "@nivo/bar": "^0.80.0",
6
6
  "@nivo/bullet": "^0.80.0",
@@ -29,6 +29,7 @@
29
29
  "@zendeskgarden/react-notifications": "^8.49.0",
30
30
  "@zendeskgarden/react-pagination": "^8.49.0",
31
31
  "@zendeskgarden/react-tables": "^8.49.0",
32
+ "@zendeskgarden/react-tabs": "^8.49.0",
32
33
  "@zendeskgarden/react-tags": "^8.49.0",
33
34
  "@zendeskgarden/react-tooltips": "^8.49.0",
34
35
  "@zendeskgarden/react-typography": "^8.49.0",
@@ -1,6 +0,0 @@
1
- import { BarDatum, BarSvgProps } from "@nivo/bar";
2
- export interface BarChartProps extends Omit<BarSvgProps<BarDatum>, "height" | "width"> {
3
- data: BarDatum[];
4
- width?: string;
5
- height?: string;
6
- }
@@ -1,3 +0,0 @@
1
- import { BarChartProps } from "./_types";
2
- declare const BarChart: ({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element;
3
- export { BarChart };
@@ -1,5 +0,0 @@
1
- import { ComponentMeta, Story } from "@storybook/react";
2
- import { BarChartProps } from "./_types";
3
- export declare const Default: Story<BarChartProps>;
4
- declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element>;
5
- export default _default;
@@ -1,6 +0,0 @@
1
- import { StreamDatum, StreamSvgProps } from "@nivo/stream";
2
- export interface StreamChartProps extends Omit<StreamSvgProps<StreamDatum>, "width" | "height"> {
3
- data: StreamDatum[];
4
- width?: string;
5
- height?: string;
6
- }
@@ -1,3 +0,0 @@
1
- import { StreamChartProps } from "./_types";
2
- declare const StreamChart: ({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element;
3
- export { StreamChart };
@@ -1,5 +0,0 @@
1
- import { ComponentMeta, Story } from "@storybook/react";
2
- import { StreamChartProps } from "./_types";
3
- export declare const Default: Story<StreamChartProps>;
4
- declare const _default: ComponentMeta<({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element>;
5
- export default _default;
@@ -1,8 +0,0 @@
1
- import { SidebarArgs } from "../navigation/sidebar/_types";
2
- import { AppHeaderArgs } from "../navigation/app-header/_types";
3
- export interface PageTemplatesArgs {
4
- sidebar?: SidebarArgs;
5
- header?: AppHeaderArgs;
6
- isLoading?: boolean;
7
- }
8
- export declare const PageTemplate: ({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ComponentMeta, Story } from "@storybook/react";
2
- import { PageTemplatesArgs } from ".";
3
- export declare const Default: Story<PageTemplatesArgs>;
4
- declare const _default: ComponentMeta<({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element>;
5
- export default _default;