globalfy-design-system 0.10.0 → 0.12.0

package/dist/components/atoms/Avatar/Avatar.d.ts

@@ -1,2 +1,2 @@
 import { AvatarProps } from "./Avatar.types";
-export declare const Avatar: ({ image, size, border, onLoadingStatusChange }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ size, className, border, image, label, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Avatar/Avatar.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ image, size, border, onLoadingStatusChange }: import("./Avatar.types").AvatarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, className, border, image, label, ...props }: import("./Avatar.types").AvatarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Avatar/Avatar.types.d.ts

@@ -1,7 +1,8 @@
-import { HTMLAttributes } from "react";
 export type AvatarProps = {
-    image: string;
-    size?: "lg" | "md" | "sm" | "xs";
+    size?: "sm" | "md" | "lg" | "xs";
+    image?: string;
+    label?: string;
     border?: boolean;
-    onLoadingStatusChange?: (status: string) => void;
-} & HTMLAttributes<HTMLImageElement>;
+    className?: string;
+    "data-testid"?: string;
+};

package/dist/components/atoms/Chip/Chip.d.ts

@@ -0,0 +1,2 @@
+import { ChipProps } from "./Chip.types";
+export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Chip/Chip.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: import("./Chip.types").ChipProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

package/dist/components/atoms/Chip/Chip.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export type ChipProps = {
+    children: ReactNode;
+    size?: "sm" | "lg";
+    className?: string;
+    "data-testid"?: string;
+    avatar?: string;
+    disabled?: boolean;
+    iconLeft?: string;
+    iconRight?: string;
+};

package/dist/components/atoms/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Chip";
+export * from "./Chip.types";

package/dist/components/atoms/Icon/assets/selection.json.d.ts

@@ -4,18 +4,19 @@ declare const _default: {
     {
       "icon": {
         "paths": [
-          "M482.564 17.663c-81.337 9.181-155.775 61.835-192.251 136.024-18.261 37.12-25.11 67.046-25.11 109.922 0 33.25 2.88 51.809 12.307 79.401 28.683 83.917 98.507 145.157 187.19 164.114 23.374 5.012 71.908 5.012 95.282 0 75.829-16.227 138.357-63.372 172.35-129.971 20.099-39.402 27.145-68.93 27.145-113.545s-7.047-74.141-27.145-113.494c-32.642-62.128-88.993-108.070-156.713-126.199l-1.743-0.397c-18.611-4.778-39.977-7.521-61.983-7.521-10.334 0-20.527 0.604-30.544 1.78l1.215-0.116zM555.067 121.133c46.797 13.697 85.506 52.306 99.947 99.748 4.119 13.547 4.864 19.999 4.864 42.728s-0.744 29.179-4.864 42.728c-15.34 48.21-52.677 85.385-99.91 100.201l-1.081 0.291c-21.538 6.7-61.835 6.7-83.371 0-48.313-15.107-85.65-52.282-100.692-99.414l-0.297-1.080c-4.119-13.547-4.864-19.999-4.864-42.728s0.744-29.179 4.864-42.728c16.928-53.725 61.655-93.904 116.887-104.023l0.926-0.141c16.525-2.978 49.676-0.842 67.591 4.417zM284.059 613.175c-81.337 9.181-155.775 61.835-192.251 136.024-8.608 17.253-15.919 37.356-20.903 58.363l-0.388 1.933c-2.778 12.158-3.572 27.938-4.267 86.548-0.545 47.492-0.15 74.389 1.289 79.599 5.309 19.851 19.502 30.42 42.628 31.909 24.069 1.538 39.849-5.41 48.831-21.488l4.963-8.835 1.142-72.453c1.142-69.475 1.391-73.099 6.053-88.383 15.458-48.453 53.168-85.737 100.803-100.307l1.080-0.283 15.979-4.564h446.634l15.979 4.564c48.719 14.864 86.442 52.145 101.633 99.512l0.299 1.080c4.666 15.283 4.913 18.809 6.005 88.383l1.142 72.453 4.963 8.835c8.286 14.788 22.43 21.935 43.672 21.935s35.382-7.147 43.672-21.935l4.963-8.835v-74.438c0-64.464-0.497-76.671-3.624-91.312-13.994-65.456-51.809-122.279-104.563-157.117-37.417-24.765-69.675-36.673-111.56-41.24-23.224-2.58-431.598-2.481-454.178 0.050z"
+          "M511.987 16c-149.541 0-272.515 116.646-272.515 261.345s122.974 261.318 272.515 261.318c149.541 0 272.54-116.619 272.54-261.318s-123-261.345-272.54-261.345zM511.987 69.327c122.036 0 219.215 93.514 219.215 208.019s-97.181 207.991-219.215 207.991c-122.036 0-219.189-93.488-219.189-207.991s97.154-208.019 219.189-208.019zM511.987 626.151c-122.143 0-233.304 38.294-314.957 101.757s-134.096 153.351-134.096 253.428c0 14.725 11.937 26.663 26.663 26.663v0c14.725 0 26.663-11.937 26.663-26.663v0c0-81.552 42.225-155.929 113.499-211.327s171.288-90.535 282.227-90.535c110.94 0 210.978 35.138 282.254 90.535s113.499 129.773 113.499 211.327c0 14.725 11.937 26.663 26.663 26.663v0c14.725 0 26.663-11.937 26.663-26.663v0c0-100.079-52.443-189.967-134.096-253.428s-192.841-101.757-314.984-101.757z"
         ],
-        "attrs": [{}],
+        "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
         "grid": 0,
-        "tags": ["user"]
+        "tags": ["user"],
+        "colorPermutations": {}
       },
-      "attrs": [{}],
+      "attrs": [],
       "properties": {
-        "order": 13,
-        "id": 10,
+        "order": 18,
+        "id": 11,
         "name": "user",
         "prevSize": 32,
         "code": 59658

package/dist/components/atoms/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,2 @@
+import { SegmentedControlProps } from "./SegmentedControl.types";
+export declare const SegmentedControl: ({ tabs, size, className, ...props }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/SegmentedControl/SegmentedControl.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ tabs, size, className, ...props }: import("./SegmentedControl.types").SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

package/dist/components/atoms/SegmentedControl/SegmentedControl.types.d.ts

@@ -0,0 +1,13 @@
+import { Key, ReactNode } from "react";
+export type SegmentedControlProps = {
+    className?: string;
+    "data-testid"?: string;
+    size?: "sm" | "md" | "lg";
+    tabs: {
+        key: string;
+        title: string;
+        component?: ReactNode;
+    }[];
+    onSelectionChange?: (key: Key) => void;
+    selectedKey?: string | number | null;
+};

package/dist/components/atoms/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SegmentedControl";
+export * from "./SegmentedControl.types";

package/dist/components/atoms/index.d.ts

@@ -8,3 +8,4 @@ export * from "./Checkbox";
 export * from "./Avatar";
 export * from "./RadioGroup";
 export * from "./Button";
+export * from "./Chip";