@zonos/amino 5.2.10 → 5.2.12

package/components/danger-zone/DangerZone.d.ts

@@ -1,14 +1,6 @@
 import type { ReactNode } from 'react';
 import { type CardProps } from "../card/Card";
 import type { BaseProps } from "../../types/BaseProps";
-export declare const DangerZone: ({ children, className, style, ...props }: BaseProps & {
-    actions?: ReactNode;
-    children: ReactNode;
-    footerActions?: ReactNode;
-    footerContent?: ReactNode;
-    footerHeight?: number | undefined;
-    label?: ReactNode;
-    spacing?: string | undefined;
-} & {
+export declare const DangerZone: ({ children, className, style, ...props }: BaseProps & CardProps & {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/components/thumbnail/Thumbnail.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ImageSize } from "../avatar/AvatarBase";
 import type { BaseProps } from "../../types/BaseProps";
-import type { ColorPrefix } from "../../types/Color";
+import type { Color, ColorPrefix } from "../../types/Color";
 declare const thumbnailShapes: {
     readonly round: "50%";
     readonly rounded: "20%";
@@ -9,14 +9,19 @@ declare const thumbnailShapes: {
 };
 export type ThumbnailProps = BaseProps & {
     /** @default 'gray' */
+    /** @description automatically applies a color scheme based on the color passed */
     color?: ColorPrefix;
     icon: ReactNode;
     /** @default 'full' */
     intent?: 'full' | 'outline' | 'bordered';
+    /** @description mainColorOverride is used if the "color" prop is not sufficient for your needs */
+    mainColorOverride?: Color;
+    /** @description secondaryColorOverride is used if the "color" prop is not sufficient for your needs */
+    secondaryColorOverride?: Color;
     /** @default 'round' */
     shape?: keyof typeof thumbnailShapes;
     /** @default 32 */
     size?: ImageSize;
 };
-export declare const Thumbnail: ({ className, color, icon, intent, shape, size, style, }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thumbnail: ({ className, color, icon, intent, mainColorOverride, secondaryColorOverride, shape, size, style, }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";var i=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),a=require("clsx"),n=require("../../styles/constants/theme.js"),e=require("../../style-inject.es-d4ddeae4.js");function r(i){return i&&i.__esModule?i:{default:i}}var l=r(a),m="Amino_Thumbnail-module__wrapper--oG7iK",u="Amino_Thumbnail-module__bordered--hqPCS",t="Amino_Thumbnail-module__outline--BntlJ";e.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var s={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(a){var e=a.className,r=a.color,d=void 0===r?"gray":r,c=a.icon,h=a.intent,b=void 0===h?"full":h,_=a.shape,v=void 0===_?"round":_,g=a.size,p=void 0===g?32:g,y=a.style;return o.jsx("div",{className:l.default(e,m,"bordered"===b&&u,"outline"===b&&t),style:i.__assign(i.__assign({},y),{"--amino-thumbnail-background-color":n.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":s[v],"--amino-thumbnail-size":"".concat(p,"px"),"--amino-thumbnail-svg-main-color":n.theme["".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":n.theme["".concat(d,"400")]}),children:c})};
+"use strict";var i=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),a=require("clsx"),n=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");function e(i){return i&&i.__esModule?i:{default:i}}var l=e(a),m="Amino_Thumbnail-module__wrapper--oG7iK",u="Amino_Thumbnail-module__bordered--hqPCS",t="Amino_Thumbnail-module__outline--BntlJ";r.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var s={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(a){var r=a.className,e=a.color,d=void 0===e?"gray":e,c=a.icon,h=a.intent,b=void 0===h?"full":h,_=a.mainColorOverride,v=a.secondaryColorOverride,g=a.shape,p=void 0===g?"round":g,y=a.size,T=void 0===y?32:y,A=a.style;return o.jsx("div",{className:l.default(r,m,"bordered"===b&&u,"outline"===b&&t),style:i.__assign(i.__assign({},A),{"--amino-thumbnail-background-color":n.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":s[p],"--amino-thumbnail-size":"".concat(T,"px"),"--amino-thumbnail-svg-main-color":n.theme[_||"".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":n.theme[v||"".concat(d,"400")]}),children:c})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.2.10",
+  "version": "5.2.12",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/utils/getFuzzySearch.d.ts

@@ -1,8 +1,8 @@
 import Fuse from 'fuse.js';
 export declare const getFuzzySearch: <T extends unknown>({ array, index, options, }: {
     array: T[];
-    index?: Fuse.FuseIndex<T> | undefined;
-    options?: Fuse.IFuseOptions<T> | undefined;
+    index?: Fuse.FuseIndex<T>;
+    options?: Fuse.IFuseOptions<T>;
 }) => {
     fuzzySearch: Fuse<T>;
 };

package/utils/getIsInternalLink.d.ts

@@ -1,7 +1,7 @@
 export declare const getIsInternalLink: ({ href, internalPaths, shouldWarn, }: {
-    href?: string | undefined;
-    internalPaths?: string[] | undefined;
-    shouldWarn?: boolean | undefined;
+    href?: string;
+    internalPaths?: string[];
+    shouldWarn?: boolean;
 }) => {
     isBrokenLink: boolean;
     isInternalLink: boolean | undefined;

package/utils/getTestId.d.ts

@@ -1,5 +1,5 @@
 export type TestIdFormat = `amino--${string}`;
 export declare const getTestId: ({ componentName, name, }: {
-    componentName?: string | undefined;
-    name?: string | undefined;
+    componentName?: string;
+    name?: string;
 }) => TestIdFormat;

package/utils/handleFetch.d.ts

@@ -13,10 +13,7 @@ export type RequestOptions<ResponseBody, RequestBody> = {
     body?: NoInfer<RequestBody>;
     testExpectedData?: (data: ResponseBody) => boolean;
 } & Omit<RequestInit, 'body'>;
-export declare const handleFetch: <ResponseBody extends unknown, RequestBody = unknown>(url: string, _opts?: ({
-    body?: NoInfer<RequestBody> | undefined;
-    testExpectedData?: ((data: ResponseBody) => boolean) | undefined;
-} & Omit<RequestInit, "body"> & {
-    logRequestIfError?: boolean | undefined;
-}) | undefined) => Promise<HandleFetchReturn<ResponseBody>>;
+export declare const handleFetch: <ResponseBody extends unknown, RequestBody = unknown>(url: string, _opts?: RequestOptions<ResponseBody, RequestBody> & {
+    logRequestIfError?: boolean;
+}) => Promise<HandleFetchReturn<ResponseBody>>;
 export declare const fetcher: <ResponseBody extends unknown, RequestBody = unknown>(url: string, options?: RequestOptions<ResponseBody, RequestBody>) => Promise<FetcherReturn<ResponseBody>>;

package/utils/hooks/_useGraphiqlExplorer.d.ts

@@ -12,6 +12,6 @@ type GraphiQlColors = {
     variable: string;
 };
 export declare const useGraphiqlExplorer: ({ overrideColor, }: {
-    overrideColor?: GraphiQlColors | undefined;
+    overrideColor?: GraphiQlColors;
 }) => import("@graphiql/react").GraphiQLPlugin;
 export {};

package/utils/hooks/useStorage.d.ts

@@ -10,9 +10,7 @@ export declare const useStorage: <TValue extends unknown, TKey extends AminoStor
     setValue: (value: TValue) => void;
     value: TValue;
 };
-export declare const useStorageWithLifetime: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, key, lifetime, schema, type, }: StorageParams<TValue, TKey> & {
-    defaultValue: TValue;
-} & {
+export declare const useStorageWithLifetime: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, key, lifetime, schema, type, }: UseStorageParams<TValue, TKey> & {
     lifetime: Dayjs;
 }) => {
     setValue: (value: TValue) => void;

package/utils/hooks/useSwrt.d.ts

@@ -17,5 +17,5 @@ type UseSwrArgs<ResponseData> = readonly [Key] | readonly [Key, Fetcher<SwrtPara
  *   fetcher
  * );
  */
-export declare const useSwrt: <ResponseData = unknown>(...params: UseSwrArgs<ResponseData>) => import("swr").SWRResponse<SwrtParams<ResponseData>, FetcherError, Partial<import("swr/_internal").PublicConfiguration<SwrtParams<ResponseData>, FetcherError, import("swr").BareFetcher<SwrtParams<ResponseData>>>> | undefined>;
+export declare const useSwrt: <ResponseData = unknown>(...params: UseSwrArgs<ResponseData>) => import("swr").SWRResponse<SwrtParams<ResponseData>, FetcherError, SWRConfiguration<SwrtParams<ResponseData>, FetcherError, import("swr").BareFetcher<SwrtParams<ResponseData>>> | undefined>;
 export {};

package/utils/storage.d.ts

@@ -14,9 +14,7 @@ type SetParams<Value> = Omit<StorageParams<Value>, 'schema'> & {
 };
 export declare const getStorageItem: <Value extends unknown>({ key, schema, type, }: StorageParams<Value>) => Value | null;
 export declare const setStorageItem: <Value extends unknown>({ key, type, value, }: SetParams<Value>) => void;
-export declare const setStorageItemWithLifetime: <Value extends unknown>({ key, lifetime, type, value, }: Omit<StorageParams<Value, string>, "schema"> & {
-    value: Value;
-} & {
+export declare const setStorageItemWithLifetime: <Value extends unknown>({ key, lifetime, type, value, }: SetParams<Value> & {
     lifetime: Dayjs;
 }) => void;
 export declare const getShouldUpdateStorageItem: <Value extends unknown>({ key, type, }: StorageParams<Value>) => boolean;