@epignosis_llc/gnosis 6.6.19 → 6.7.1

package/dist/types/components/SegmentedButtons/SegmentedButtons.d.ts

@@ -0,0 +1,16 @@
+import React, { FC, ReactNode } from "react";
+import { IconType } from "types/common";
+export type SegmentedButtonOption = {
+    value: string;
+    label?: ReactNode;
+    icon?: IconType;
+    disabled?: boolean;
+};
+export type SegmentedButtonsProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "role"> & {
+    options: SegmentedButtonOption[];
+    value: string;
+    onChange: (value: string) => void;
+    ariaLabel?: string;
+};
+declare const SegmentedButtons: FC<SegmentedButtonsProps>;
+export default SegmentedButtons;

package/dist/types/components/SegmentedButtons/styles.d.ts

@@ -0,0 +1,11 @@
+import { Theme, SerializedStyles } from "@emotion/react";
+type SegmentedButtonAttrs = {
+    isSelected: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    hasLabel: boolean;
+    hasIcon: boolean;
+};
+export declare const container: SerializedStyles;
+export declare const segmentedButton: ({ typeScaleSizes, segmentedButtons }: Theme, { isSelected, isFirst, isLast, hasLabel, hasIcon }: SegmentedButtonAttrs) => SerializedStyles;
+export {};

package/dist/types/index.d.ts

@@ -20,6 +20,7 @@ export { default as Table } from "./components/Table/Table";
 export { default as Dropdown } from "./components/Dropdown/Dropdown";
 export { default as StatusTag } from "./components/StatusTag/StatusTag";
 export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export { default as SegmentedButtons } from "./components/SegmentedButtons/SegmentedButtons";
 export { default as ToastNotification } from "./components/Toast/ToastNotifications";
 export { default as Heading } from "./components/Heading/Heading";
 export { default as Text } from "./components/Text/Text";
@@ -44,4 +45,5 @@ export type { Column, Row } from "./components/Table/types";
 export type { DropdownProps, DropdownItem } from "./components/Dropdown/types";
 export type { TableHandlers } from "./components/Table/types";
 export type { StatusTagColors } from "./components/StatusTag/StatusTag";
+export type { SegmentedButtonsProps, SegmentedButtonOption, } from "./components/SegmentedButtons/SegmentedButtons";
 export type { Color } from "./components/Button/Button";

package/dist/types/theme/default/config/index.d.ts

@@ -18,5 +18,6 @@ export { default as tag } from "./tag";
 export { default as tooltip } from "./tooltip";
 export { default as pagination } from "./pagination";
 export { default as scrollbar } from "./scrollbar";
+export { default as segmentedButtons } from "./segmentedButtons";
 export { default as statusTag } from "./statusTag";
 export { default as toastNotifications } from "./toastNotifications";

package/dist/types/theme/default/config/segmentedButtons.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    default: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    hover: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    active: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    disabled: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+};
+export default _default;

package/dist/types/theme/default/defaultTheme.d.ts

@@ -466,6 +466,28 @@ declare const defaultTheme: {
         color: string;
         background: string;
     };
+    segmentedButtons: {
+        default: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
     statusTag: {
         neutral: string;
         positive: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epignosis_llc/gnosis",
-  "version": "6.6.19",
+  "version": "6.7.1",
   "type": "module",
   "description": "Epignosis official react design system.",
   "homepage": "https://github.com/epignosis/gnosis",
@@ -124,7 +124,6 @@
     "@emotion/react": "^11.13.3",
     "@tippyjs/react": "^4.2.6",
     "ahooks": "^3.8.1",
-    "canvas": "^2.11.2",
     "classnames": "^2.5.1",
     "color": "^4.2.3",
     "core-js": "^3.38.1",
@@ -136,6 +135,9 @@
     "react-spinners": "^0.13.6",
     "tslib": "^2.7.0"
   },
+  "optionalDependencies": {
+    "canvas": "^3.0.0"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/epignosis/gnosis.git"