@appquality/unguess-design-system 2.12.37 → 2.12.38

package/build/stories/charts/pie/_types.d.ts

@@ -12,6 +12,7 @@ export interface PieChartProps {
     centerItem?: {
         label?: string;
         value?: string;
+        fontSizeMultiplier?: number;
     };
 }
 export {};

package/build/stories/charts/{pie/CenteredItem.d.ts → pieCenteredItem.d.ts}

@@ -1,10 +1,11 @@
-import { theme as globalTheme } from "../../theme";
-declare const CenteredItem: ({ centerX, centerY, theme, radius, label, value, }: {
+import { theme as globalTheme } from "../theme";
+declare const CenteredItem: ({ centerX, centerY, theme, radius, label, value, fontSizeMultiplier, }: {
     centerX: number;
     centerY: number;
     radius: number;
     theme: typeof globalTheme;
     label?: string | undefined;
     value?: string | undefined;
+    fontSizeMultiplier?: number | undefined;
 }) => JSX.Element;
-export { CenteredItem };
+export default CenteredItem;

package/build/stories/charts/sunburst/ResetButton.d.ts

@@ -0,0 +1,9 @@
+import { theme as globalTheme } from "../../theme";
+declare const ResetButton: ({ centerX, centerY, radius, theme, onClick, }: {
+    centerX: number;
+    centerY: number;
+    radius: number;
+    theme: typeof globalTheme;
+    onClick: () => void;
+}) => JSX.Element;
+export default ResetButton;

package/build/stories/charts/sunburst/_types.d.ts

@@ -1,12 +1,20 @@
 import { SunburstSvgProps } from "@nivo/sunburst";
-interface SunburstData {
+export interface SunburstData {
     name: string;
     children?: SunburstData[];
-    [key: string]: any;
+    value?: number;
 }
-export interface SunburstChartProps extends Omit<SunburstSvgProps<SunburstData>, "width" | "height" | "cornerRadius" | "childColor"> {
+export interface SunburstChartProps {
     data: SunburstData;
     width?: string;
     height?: string;
+    margin?: SunburstSvgProps<SunburstData>["margin"];
+    theme?: SunburstSvgProps<SunburstData>["theme"];
+    colors?: SunburstSvgProps<SunburstData>["colors"];
+    centerItem?: {
+        label?: string;
+        value?: string;
+        fontSizeMultiplier?: number;
+    };
+    onChange?: (data: SunburstData) => void;
 }
-export {};

package/build/stories/charts/sunburst/findChildrenByName.d.ts

@@ -0,0 +1,3 @@
+import { SunburstData } from "./_types";
+declare const findChildrenByName: (data: SunburstData, name: string) => SunburstData | undefined;
+export default findChildrenByName;

package/build/stories/charts/sunburst/index.d.ts

@@ -1,3 +1,3 @@
 import { SunburstChartProps } from "./_types";
-declare const SunburstChart: ({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element;
+declare const SunburstChart: ({ theme, colors, width, height, data, centerItem, margin, onChange, }: SunburstChartProps) => JSX.Element;
 export { SunburstChart };

package/build/stories/charts/sunburst/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from "@storybook/react";
 import { SunburstChartProps } from "./_types";
 export declare const Default: Story<SunburstChartProps>;
-declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: SunburstChartProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ theme, colors, width, height, data, centerItem, margin, onChange, }: SunburstChartProps) => JSX.Element>;
 export default _default;

package/build/stories/tabs/_types.d.ts

@@ -0,0 +1,11 @@
+import { ITabsProps } from "@zendeskgarden/react-tabs";
+export interface TabsArgs extends ITabsProps {
+    /**
+     * Arranges the tabs vertically
+     */
+    isVertical?: boolean;
+    /**
+     * Specifies the currently selected tab
+     */
+    selectedItem?: string;
+}

package/build/stories/tabs/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TabList as ZendeskTabList, Tab as ZendeskTab, TabPanel as ZendeskTabPanel } from "@zendeskgarden/react-tabs";
+import { TabsArgs } from "./_types";
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
+    List: typeof ZendeskTabList;
+    Tab: typeof ZendeskTab;
+    Panel: typeof ZendeskTabPanel;
+};
+export { Tabs };

package/build/stories/tabs/index.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { TabsArgs } from "./_types";
+export declare const Horizontal: Story<TabsArgs>;
+export declare const Vertical: Story<TabsArgs>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<TabsArgs & import("react").RefAttributes<HTMLDivElement>> & {
+    List: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Tab: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabProps & import("react").RefAttributes<HTMLDivElement>>;
+    Panel: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tabs").ITabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+}>;
+export default _default;

package/build/stories/theme/components.d.ts

@@ -7,4 +7,9 @@ export declare const components: {
     autocomplete: {
         thumbSize: string;
     };
+    "tabs.tab": ({ isSelected }: {
+        isSelected: boolean;
+    }) => {
+        fontWeight: number;
+    } | undefined;
 };

package/build/stories/theme/fontWeights.d.ts

@@ -0,0 +1,12 @@
+declare const fontWeights: {
+    semibold: number;
+    thin: number;
+    extralight: number;
+    light: number;
+    regular: number;
+    medium: number;
+    bold: number;
+    extrabold: number;
+    black: number;
+};
+export { fontWeights };

package/build/stories/theme/index.d.ts

@@ -212,6 +212,11 @@ declare const theme: {
         autocomplete: {
             thumbSize: string;
         };
+        "tabs.tab": ({ isSelected }: {
+            isSelected: boolean;
+        }) => {
+            fontWeight: number;
+        } | undefined;
     };
     shadows: {
         boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;

package/build/stories/tooltip/index.d.ts

@@ -1,13 +1,3 @@
 import { TooltipArgs } from "./_types";
-/**
- * Tooltips appear when a user hovers or focuses an element. They provide contextual information about the element they are paired with.
- * <hr>
- * Used for this:
- *    - To describe the function of an element when it might be ambiguous
- *    - To describe the function of unlabeled icons
- * Not for this:
- *    - To provide information a user needs to know or remember
- *    - To display truncated text, use a title attribute instead
- */
-declare const Tooltip: (props: TooltipArgs) => JSX.Element;
+declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>;
 export { Tooltip };

package/build/stories/tooltip/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from "@storybook/react";
 import { TooltipArgs } from "./_types";
 export declare const Default: Story<TooltipArgs>;
-declare const _default: ComponentMeta<(props: TooltipArgs) => JSX.Element>;
+declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.37",
+  "version": "2.12.38",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",
@@ -29,6 +29,7 @@
     "@zendeskgarden/react-notifications": "^8.49.0",
     "@zendeskgarden/react-pagination": "^8.49.0",
     "@zendeskgarden/react-tables": "^8.49.0",
+    "@zendeskgarden/react-tabs": "^8.49.0",
     "@zendeskgarden/react-tags": "^8.49.0",
     "@zendeskgarden/react-tooltips": "^8.49.0",
     "@zendeskgarden/react-typography": "^8.49.0",

package/build/stories/charts/bar/_types.d.ts

@@ -1,6 +0,0 @@
-import { BarDatum, BarSvgProps } from "@nivo/bar";
-export interface BarChartProps extends Omit<BarSvgProps<BarDatum>, "height" | "width"> {
-    data: BarDatum[];
-    width?: string;
-    height?: string;
-}

package/build/stories/charts/bar/index.d.ts

@@ -1,3 +0,0 @@
-import { BarChartProps } from "./_types";
-declare const BarChart: ({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element;
-export { BarChart };

package/build/stories/charts/bar/index.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { BarChartProps } from "./_types";
-export declare const Default: Story<BarChartProps>;
-declare const _default: ComponentMeta<({ theme, colors, width, height, ...props }: BarChartProps) => JSX.Element>;
-export default _default;

package/build/stories/charts/stream/_types.d.ts

@@ -1,6 +0,0 @@
-import { StreamDatum, StreamSvgProps } from "@nivo/stream";
-export interface StreamChartProps extends Omit<StreamSvgProps<StreamDatum>, "width" | "height"> {
-    data: StreamDatum[];
-    width?: string;
-    height?: string;
-}

package/build/stories/charts/stream/index.d.ts

@@ -1,3 +0,0 @@
-import { StreamChartProps } from "./_types";
-declare const StreamChart: ({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element;
-export { StreamChart };

package/build/stories/charts/stream/index.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { StreamChartProps } from "./_types";
-export declare const Default: Story<StreamChartProps>;
-declare const _default: ComponentMeta<({ theme, colors, height, width, ...props }: StreamChartProps) => JSX.Element>;
-export default _default;

package/build/stories/page/index.d.ts

@@ -1,8 +0,0 @@
-import { SidebarArgs } from "../navigation/sidebar/_types";
-import { AppHeaderArgs } from "../navigation/app-header/_types";
-export interface PageTemplatesArgs {
-    sidebar?: SidebarArgs;
-    header?: AppHeaderArgs;
-    isLoading?: boolean;
-}
-export declare const PageTemplate: ({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element;

package/build/stories/page/index.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { PageTemplatesArgs } from ".";
-export declare const Default: Story<PageTemplatesArgs>;
-declare const _default: ComponentMeta<({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element>;
-export default _default;