@jobber/design 0.110.0 → 0.111.0

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { mobileIconStyles } from "./iconStyles/iconStyles.mobile";
 import { iconSizes } from "./iconStyles/iconSizes";
 import { iconColors } from "./iconStyles/iconColors";
 import iconMap from "./assets/icon.map";
+import type { IconNames } from "./iconStyles/icons.types";
 import webTokens from "./assets/tokens.web";
 import androidTokens from "./assets/tokens.android";
 import iosTokens from "./assets/tokens.ios";
@@ -15,7 +16,7 @@ type MobileTokens = typeof androidTokens;
 export { webTokens as tokens, webTokens, allColors, androidTokens, darkTokens, iosTokens, iconMap, webIconStyles, mobileIconStyles, iconSizes, iconColors, type WebTokens, type MobileTokens, colors, semantic, };
 interface IconProps {
     /** The icon to show.  */
-    readonly name: keyof typeof iconMap.icons | ExtraIconNames;
+    readonly name: IconNames;
     /**
      * Changes the size to small or large.
      * @default base
@@ -32,14 +33,14 @@ interface GetIconProps extends IconProps {
     platform: "web" | "mobile";
     format?: "css" | "js";
     /**
-     * Live theme tokens used to resolve token references at render time.
-     * When supplied (mobile/`format: "js"` consumers), color references resolve
-     * against these instead of the light-only `allColors` map. Ignored for
-     * `format: "css"` — web uses CSS variables that resolve at runtime.
+     * Live theme tokens for resolving color references with `format: "js"`;
+     * falls back to the light-only `allColors` map. Ignored for `format: "css"`.
      */
     tokens?: Record<string, unknown>;
+    /** Suppresses `defaultColor`; applying it to paths is the Icon components' job. */
+    customColor?: string;
 }
-export declare function getIcon({ name, color, platform, size, format, tokens, }: GetIconProps): {
+export declare function getIcon({ name, color, customColor, platform, size, format, tokens, }: GetIconProps): {
     readonly svgStyle: {
         fill?: string;
         width: number;
@@ -48,10 +49,9 @@ export declare function getIcon({ name, color, platform, size, format, tokens, }
     readonly pathStyle: {
         fill: string;
     };
-    readonly paths: string[];
+    readonly paths: readonly import("./scripts/iconMap.types").IconPath[] | undefined;
     readonly viewBox: string;
 };
-export type ExtraIconNames = "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "longArrowUpRight" | "remove" | "thumbsDown" | "truck" | "checklist";
-export type IconNames = keyof typeof iconMap.icons | ExtraIconNames;
-export type IconSizes = keyof typeof iconSizes.tokens;
-export type IconColorNames = keyof typeof iconColors.tokens;
+export type { IconColorNames, IconNames, IconPath, IconSizes, } from "./iconStyles/icons.types";
+export declare const iconNames: ReadonlyArray<IconNames>;
+export declare function isIconName(value: unknown): value is IconNames;