@yahoo/uds-icons 0.0.13 → 0.0.14

package/dist/icons/index.d.ts

@@ -530,4 +530,4 @@ export { WritingAi } from './WritingAi.js';
 export { XLSFile } from './XLSFile.js';
 export { ZIP } from './ZIP.js';
 import 'react/jsx-runtime';
-import '../types.js';
+import '@yahoo/uds-icons/types';

package/dist/tokens.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+/*! © 2024 Yahoo, Inc. UDS v0.0.14 */
+const o={sm:16,md:24,lg:32};
+
+exports.ICON_SIZE_MAP = o;

package/dist/tokens.d.cts

@@ -0,0 +1,7 @@
+declare const ICON_SIZE_MAP: {
+    readonly sm: 16;
+    readonly md: 24;
+    readonly lg: 32;
+};
+
+export { ICON_SIZE_MAP };

package/dist/tokens.d.ts

@@ -0,0 +1,7 @@
+declare const ICON_SIZE_MAP: {
+    readonly sm: 16;
+    readonly md: 24;
+    readonly lg: 32;
+};
+
+export { ICON_SIZE_MAP };

package/dist/tokens.js

@@ -0,0 +1,4 @@
+/*! © 2024 Yahoo, Inc. UDS v0.0.14 */
+const o={sm:16,md:24,lg:32};
+
+export { o as ICON_SIZE_MAP };

package/dist/types.d.cts

@@ -1,31 +1,9 @@
-declare const alwaysPalette: {
-    white: string;
-    black: string;
-    transparent: string;
-    current: string;
-};
-
-type CorePaletteAlias = 'accent' | 'alert' | 'brand' | 'positive' | 'warning';
-type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color';
-type AlwaysPalette = typeof alwaysPalette;
-type AlwaysPaletteAlias = keyof AlwaysPalette;
-type ForegroundColor = CorePaletteAlias | ForegroundPaletteAlias | AlwaysPaletteAlias;
-type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
-type IconSize = TShirtSizeCommon;
-interface UniversalIconProps {
-    /** Icon to render from the icons package. */
-    name: SvgIcon;
-    /** Size of the icon. */
+type IconPixelSize = 16 | 24 | 32;
+type IconSize = 'sm' | 'md' | 'lg';
+type IconVariant = 'fill' | 'outline';
+interface SvgIconProps {
     size?: IconSize;
-    /** Variant for icon. Either fill or outline. */
-    variant?: 'fill' | 'outline';
-    /** Color of the icon. */
-    color?: ForegroundColor;
-}
-
-interface SvgIconProps extends Partial<UniversalIconProps> {
+    variant?: IconVariant;
 }
-type SvgIcon = (props: SvgIconProps) => JSX.Element;
 
-export type { SvgIcon, SvgIconProps };
+export type { IconPixelSize, IconSize, IconVariant, SvgIconProps };

package/dist/types.d.ts

@@ -1,31 +1,9 @@
-declare const alwaysPalette: {
-    white: string;
-    black: string;
-    transparent: string;
-    current: string;
-};
-
-type CorePaletteAlias = 'accent' | 'alert' | 'brand' | 'positive' | 'warning';
-type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color';
-type AlwaysPalette = typeof alwaysPalette;
-type AlwaysPaletteAlias = keyof AlwaysPalette;
-type ForegroundColor = CorePaletteAlias | ForegroundPaletteAlias | AlwaysPaletteAlias;
-type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
-type IconSize = TShirtSizeCommon;
-interface UniversalIconProps {
-    /** Icon to render from the icons package. */
-    name: SvgIcon;
-    /** Size of the icon. */
+type IconPixelSize = 16 | 24 | 32;
+type IconSize = 'sm' | 'md' | 'lg';
+type IconVariant = 'fill' | 'outline';
+interface SvgIconProps {
     size?: IconSize;
-    /** Variant for icon. Either fill or outline. */
-    variant?: 'fill' | 'outline';
-    /** Color of the icon. */
-    color?: ForegroundColor;
-}
-
-interface SvgIconProps extends Partial<UniversalIconProps> {
+    variant?: IconVariant;
 }
-type SvgIcon = (props: SvgIconProps) => JSX.Element;
 
-export type { SvgIcon, SvgIconProps };
+export type { IconPixelSize, IconSize, IconVariant, SvgIconProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-icons",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "files": [
     "dist/**",
@@ -28,15 +28,34 @@
         "default": "./dist/iconNames.cjs"
       }
     },
+    "./tokens": {
+      "import": {
+        "default": "./dist/tokens.js",
+        "tokens": "./dist/tokens.d.ts"
+      },
+      "require": {
+        "default": "./dist/tokens.cjs",
+        "tokens": "./dist/tokens.d.cts"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./dist/types.d.ts",
+        "default": "./dist/types.js"
+      },
+      "require": {
+        "types": "./dist/types.d.cts",
+        "default": "./dist/types.cjs"
+      }
+    },
     "./scripts/*": {
       "types": "./scripts/*.ts",
       "default": "./scripts/*.ts"
     },
-    "./types": "./dist/types.d.ts",
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "rm -rf dist && tsup",
     "clean": "rm -rf .turbo && rm -rf .next && rm -rf node_modules && rm -rf dist && rm -rf ./assets",
     "dev": "tsup --watch",
     "icons:codegen": "bun ./scripts/codegen.ts --assetDir ./assets --outputDir ./generated",
@@ -51,7 +70,7 @@
   "devDependencies": {
     "@types/node": "^20.12.4",
     "bluebun": "^0.0.34",
-    "eslint-config-custom": "0.0.11",
+    "eslint-config-custom": "0.0.12",
     "figma-api": "^1.11.0",
     "jsdom": "^24.0.0",
     "lodash-es": "^4.17.21",