@yahoo/uds 3.0.0-beta.1 → 3.0.0

package/cli/ButtonFile2.mock.tsx

@@ -0,0 +1,11 @@
+import { Button, IconButton } from 'another-package';
+import { Link } from '@yahoo/uds-icons';
+
+export const PageB = () => {
+  return (
+    <Button>Click me</Button>
+    <Button type="button">Click me</Button>
+    <Button type="submit">Click me</Button>
+    <IconButton icon={Link} />
+  );
+}

package/cli/codemods/addCommentAboveComponents.ts

@@ -1,7 +1,13 @@
 import { IndentationText, Project } from 'ts-morph';
 
-import { getGlobPattern, getImportsFromPackage, getProject } from './utils';
-import { getJSXElements, hasJSXProperty, matchesJSXTagName } from './utils';
+import {
+  getGlobPattern,
+  getImportsFromPackage,
+  getJSXElements,
+  getProject,
+  hasJSXProperty,
+  matchesJSXTagName,
+} from './utils';
 
 interface LineInfo {
   linePos: number;

package/cli/commands/expo/_setup.ts

@@ -2,6 +2,7 @@ import fs from 'node:fs';
 import os from 'node:os';
 
 // @ts-expect-error this is a transitive dep of expo, which is required in consumers to even run this setup
+// eslint-disable-next-line import/no-unresolved
 import { EasJsonAccessor, EasJsonUtils, Platform } from '@expo/eas-json';
 import { print, type Props } from 'bluebun';
 import { $, semver, which } from 'bun';

package/cli/commands/sync.ts

@@ -1,5 +1,6 @@
 import { magenta, print, Props } from 'bluebun';
 
+import packageJson from '../../package.json';
 import { trackEvent } from '../utils/analytics';
 import { setupConfigWorker } from '../utils/setupConfigWorker';
 import { SyncOptions } from '../utils/types';
@@ -22,10 +23,12 @@ export default {
       print(`${magenta('Usage:')} ${name} ${commandPath} --id <config-id>\n`);
       return;
     }
+
     try {
       await setupConfigWorker({
         id,
         outFile: outFile ?? './uds.config.ts',
+        version: packageJson.version,
         onUpdate: ({ worker }) => {
           if (!options.watch) {
             worker.terminate();

package/cli/preload.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-unresolved
 import { mock, spyOn } from 'bun:test';
 
 spyOn(global.Bun.Glob.prototype, 'scan').mockImplementation(() => {

package/cli/utils/auth.ts

@@ -5,6 +5,7 @@ import util from 'node:util';
 
 import { ask, print, red } from 'bluebun';
 import Bun from 'bun';
+// eslint-disable-next-line import/no-unresolved
 import { type FirebaseUser } from 'root/database/firebase';
 import { v5 as uuidv5 } from 'uuid';
 

package/cli/utils/configWorker.ts

@@ -31,8 +31,8 @@ if (process.env.DATABASE === 'local') {
 }
 
 self.onmessage = async ({ data }: ConfigWorkerThreadMessageEvent) => {
-  const { id } = data.resp;
-  const FETCH_URL = `${CONFIG_ENDPOINT}?id=${id}`;
+  const { id, version } = data.resp;
+  const FETCH_URL = `${CONFIG_ENDPOINT}?id=${id}&version=${version}`;
   if (data.type === 'init') {
     try {
       console.log('Fetching from configurator...');
@@ -50,6 +50,14 @@ self.onmessage = async ({ data }: ConfigWorkerThreadMessageEvent) => {
           `);
         }
 
+        // Needs upgrade
+        if (resp.status === 402) {
+          throw new Error(`
+            ${resp.status} error: ${resp.statusText}\n
+            This usually means you need to upgrade the npm package @yahoo/uds to the latest version.
+          `);
+        }
+
         throw new Error(`Error fetching config id '${id}'. Does it exist in the Configurator?`);
       }
 

package/cli/utils/purgeCSS.ts

@@ -182,15 +182,27 @@ export const getTailwindSafelist = (project: Project, componentList: string[]):
   });
 
   for (const [propName, usedValues] of usedProps) {
-    usedValues.forEach((option) => {
-      safeList.push((variants[propName as never][option] as string)?.replaceAll('\\', ''));
-    });
+    const variantGroup = variants[propName as keyof typeof variants];
+    if (variantGroup) {
+      usedValues.forEach((option) => {
+        const variantClass = (variantGroup as Record<string, string>)[option];
+        if (variantClass) {
+          safeList.push(variantClass.replaceAll('\\', ''));
+        }
+      });
+    }
   }
 
   for (const [variant, variantOptions] of scanGetStylesReferences(project)) {
-    variantOptions.forEach((option) => {
-      safeList.push((variants[variant as never][option] as string)?.replaceAll('\\', ''));
-    });
+    const variantGroup = variants[variant as keyof typeof variants];
+    if (variantGroup) {
+      variantOptions.forEach((option) => {
+        const variantClass = (variantGroup as Record<string, string>)[option];
+        if (variantClass) {
+          safeList.push(variantClass.replaceAll('\\', ''));
+        }
+      });
+    }
   }
 
   // Return a deduped list and strip out any empty strings

package/cli/utils/setupConfigWorker.ts

@@ -7,7 +7,7 @@ interface ConfigWorkerOptions extends SyncOptions {
   onUpdate?: (params: { worker: Worker }) => void;
 }
 
-export async function setupConfigWorker({ id, outFile, onUpdate }: ConfigWorkerOptions) {
+export async function setupConfigWorker({ id, outFile, version, onUpdate }: ConfigWorkerOptions) {
   const workerPath = path.resolve(import.meta.dir, './configWorker');
   const workerURL = Bun.pathToFileURL(workerPath).href;
   const outFilePath = `${Bun.env.PWD}/${outFile}`;
@@ -22,7 +22,7 @@ export async function setupConfigWorker({ id, outFile, onUpdate }: ConfigWorkerO
   const worker = new Worker(workerURL);
 
   worker.addEventListener('open', () => {
-    worker.postMessage({ type: 'init', resp: { id } });
+    worker.postMessage({ type: 'init', resp: { id, version } });
   });
 
   worker.addEventListener('message', async ({ data }: ConfigWorkerMainThreadMessageEvent) => {

package/cli/utils/types.ts

@@ -2,7 +2,7 @@ import { type UniversalTokensConfig } from '@yahoo/uds/tokens';
 
 export type ConfigWorkerThreadMessageEvent = Bun.MessageEvent<{
   type: 'init';
-  resp: { id: string };
+  resp: { id: string; version: string };
 }>;
 export type ConfigWorkerMainThreadMessageEvent = Bun.MessageEvent<{
   type: 'update';
@@ -16,4 +16,6 @@ export type SyncOptions = {
   outFile: string;
   /** Enable watch mode? */
   watch?: boolean;
+  /** The version of the CLI */
+  version: string;
 };

package/dist/{Text-DC5H-ljU.d.cts → Text-yeQcITg9.d.cts}

@@ -216,7 +216,7 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
 type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
 type TextProps<TagName extends TextElementTagName = TextElementTagName> = {

package/dist/{Text-DC5H-ljU.d.ts → Text-yeQcITg9.d.ts}

@@ -216,7 +216,7 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
 type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
 type TextProps<TagName extends TextElementTagName = TextElementTagName> = {

package/dist/{VStack-dsjTgotn.d.ts → VStack-CJs5afN8.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps, h as UniversalInputProps } from './types-oxQ-ciqn.js';
+import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps, h as UniversalInputProps } from './types-d2CfR7zp.js';
 import { HTMLMotionProps } from 'motion/react';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;

package/dist/{VStack-lZcVQtuR.d.cts → VStack-GpQHE4xQ.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps, h as UniversalInputProps } from './types-oxQ-ciqn.cjs';
+import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps, h as UniversalInputProps } from './types-d2CfR7zp.cjs';
 import { HTMLMotionProps } from 'motion/react';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;

package/dist/analytics/server.js

@@ -1 +1 @@
-import e from"node:os";import t from"node:child_process";import i from"os";import{v5 as n}from"uuid";/*! © 2025 Yahoo, Inc. UDS v3.0.0-development */var r=/^(\w+)\:\s+flags=/,s=/^(\w+)\s{2,}link encap:\w+/i,o=/(?:ether|HWaddr)\s+((?:[a-z0-9]{2}\:){5}[a-z0-9]{2})/i,a=/inet\s(?:addr\:)?(\d+\.\d+\.\d+\.\d+)/;function c(){let t="eth";const i=e.platform();return"darwin"===i?t="en":"win32"===i&&(t=void 0),t}function l(e,t){return"IPv4"===t?"IPv4"===e||4===e:"IPv6"===t?"IPv6"===e||6===e:e===t}function d(e,t,i=!1){let n;for(const r of e)if(l(r.family,t)){if(i&&r.address.startsWith("127."))continue;if("IPv6"!==t)return r;if(0===r.scopeid)return r;n||(n=r)}return n}function u(i,n){let l;l=i,l=l||c();const u=function(t,i){const n=e.networkInterfaces(),r=!i;if(t=t||"IPv4",i=i||c())for(let e=-1;e<8;e++){const r=n[i+(e>=0?e:"")];if(r){const e=d(r,t);if(e)return e}}if(r)for(const e in n){const i=n[e];if(i){const e=d(i,t,!0);if(e)return e}}}("IPv4",l);return u?(process.env.CI||"ff:00:00:00:00:00"!==u.mac&&"00:00:00:00:00:00"!==u.mac||(u.mac=""),u.mac?n(null,u.mac):void t.exec("win32"===e.platform()?"ipconfig/all":"/sbin/ifconfig",{timeout:5e3},((e,t)=>{if(e||!t)return n(e);if(!l)return n();const i=function(e,t,i){const n=e.split("\n");for(let e=0;e<n.length;e++){let c=n[e].trimEnd();const l=r.exec(c)||s.exec(c);if(!l)continue;if(0!==l[1].indexOf(t))continue;let d=null,u=null,m=o.exec(c);for(m&&(u=m[1]),e++;;){if(c=n[e],!c||r.exec(c)||s.exec(c)){e--;break}u||(m=o.exec(c),m&&(u=m[1])),d||(m=a.exec(c),m&&(d=m[1])),e++}if(d===i)return u}return null}(t||"",l,u.address);n(null,i)}))):n()}async function m(){const e=await new Promise(((e,t)=>{u("",((i,n)=>{if(i)return t(i);e(n||null)}))}))??i.hostname();return n(e,"6ba7b810-9dad-11d1-80b4-00c04fd430c8")}var f={all:"G-0C2FBF3K5Y",docs:"G-6HSWE4WFFV",cli:"G-4N1G785K8W","figma-plugin":"G-Q1PFL2R17E","figma-dev-mode":"G-ZD8YHG3NWV",metrics:"G-1JW6B5D3JH",configurator:"G-JEHT4QPKB0"},h={all:"GwoNoIVUQwy-AP5hKnoskw",cli:"lrds1CjyTGimkKEA9hvmmQ","figma-plugin":"CgJ4b2ISS8KArcJHihE9og","figma-dev-mode":"Ns1whhmxTE-QIpDdbZr45Q"},p=["development","test"].includes(process.env.NODE_ENV??""),w=new class{#e;#t;#i;#n=!1;appName;user;debugMode;async init({appName:e,measurementId:t,apiSecret:i,debugMode:n,user:r}){if(!this.#n)return this.#e=t,this.#t=i,this.user=r,this.appName=e,this.debugMode=n??p,m().then((e=>{this.#i=e,this.#n=!0,this.#r()}));console.info("UDS analytics: already initialized.")}getClientId(){return this.#i}#r(){if(!this.#n)throw new Error("UDS analytics: not been initialized. Have you called init()?");if(!this.#e)throw new Error("UDS analytics: measurement property ID has not been set.");if(!this.#i)throw new Error("UDS analytics - client ID has not been set.");if(!this.user)throw new Error("UDS analytics: user has not been set.");if(!this.user.analyticsContext)throw new Error("UDS analytics: user is missing analyticsContext.")}pageview(e={}){return this.event("page_view",e)}event(e,t={}){return this.#s(e,t)}error(e={}){return this.#s("error",e)}async#s(e,t={}){this.#r();const{role:i,team:n}=this.user.analyticsContext??{},r=i&&n?{role:{value:i},team:{value:n}}:void 0,s={client_id:this.#i,user_id:this.user.id,user_properties:r,events:[{name:e,params:{app_name:this.appName,engagement_time_msec:"0",...this.debugMode&&{debug_mode:!0},...t}}]},o=[{id:this.#e,apiSecret:this.#t},{id:f.all,apiSecret:h.all}].map((async({id:t,apiSecret:i})=>{try{const n=new URL("https://www.google-analytics.com/mp/collect");n.searchParams.set("measurement_id",t),n.searchParams.set("api_secret",i);const r=await fetch(n.toString(),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!r.ok)throw new Error(`HTTP error status: ${r.status}`);p&&console.log(`UDS analytics: event "${e}" sent successfully to ${t}.`)}catch(e){console.error(`UDS analytics: error sending event to ${t}:`,e)}}));return Promise.allSettled(o)}};export{f as GA_MEASUREMENT_IDS,h as GA_MEASUREMENT_SECRETS,w as track};
+import e from"node:os";import t from"node:child_process";import i from"os";import{v5 as n}from"uuid";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var r=/^(\w+)\:\s+flags=/,s=/^(\w+)\s{2,}link encap:\w+/i,o=/(?:ether|HWaddr)\s+((?:[a-z0-9]{2}\:){5}[a-z0-9]{2})/i,a=/inet\s(?:addr\:)?(\d+\.\d+\.\d+\.\d+)/;function c(){let t="eth";const i=e.platform();return"darwin"===i?t="en":"win32"===i&&(t=void 0),t}function l(e,t){return"IPv4"===t?"IPv4"===e||4===e:"IPv6"===t?"IPv6"===e||6===e:e===t}function d(e,t,i=!1){let n;for(const r of e)if(l(r.family,t)){if(i&&r.address.startsWith("127."))continue;if("IPv6"!==t)return r;if(0===r.scopeid)return r;n||(n=r)}return n}function u(i,n){let l;l=i,l=l||c();const u=function(t,i){const n=e.networkInterfaces(),r=!i;if(t=t||"IPv4",i=i||c())for(let e=-1;e<8;e++){const r=n[i+(e>=0?e:"")];if(r){const e=d(r,t);if(e)return e}}if(r)for(const e in n){const i=n[e];if(i){const e=d(i,t,!0);if(e)return e}}}("IPv4",l);return u?(process.env.CI||"ff:00:00:00:00:00"!==u.mac&&"00:00:00:00:00:00"!==u.mac||(u.mac=""),u.mac?n(null,u.mac):void t.exec("win32"===e.platform()?"ipconfig/all":"/sbin/ifconfig",{timeout:5e3},((e,t)=>{if(e||!t)return n(e);if(!l)return n();const i=function(e,t,i){const n=e.split("\n");for(let e=0;e<n.length;e++){let c=n[e].trimEnd();const l=r.exec(c)||s.exec(c);if(!l)continue;if(0!==l[1].indexOf(t))continue;let d=null,u=null,m=o.exec(c);for(m&&(u=m[1]),e++;;){if(c=n[e],!c||r.exec(c)||s.exec(c)){e--;break}u||(m=o.exec(c),m&&(u=m[1])),d||(m=a.exec(c),m&&(d=m[1])),e++}if(d===i)return u}return null}(t||"",l,u.address);n(null,i)}))):n()}async function m(){const e=await new Promise(((e,t)=>{u("",((i,n)=>{if(i)return t(i);e(n||null)}))}))??i.hostname();return n(e,"6ba7b810-9dad-11d1-80b4-00c04fd430c8")}var f={all:"G-0C2FBF3K5Y",docs:"G-6HSWE4WFFV",cli:"G-4N1G785K8W","figma-plugin":"G-Q1PFL2R17E","figma-dev-mode":"G-ZD8YHG3NWV",metrics:"G-1JW6B5D3JH",configurator:"G-JEHT4QPKB0"},h={all:"GwoNoIVUQwy-AP5hKnoskw",cli:"lrds1CjyTGimkKEA9hvmmQ","figma-plugin":"CgJ4b2ISS8KArcJHihE9og","figma-dev-mode":"Ns1whhmxTE-QIpDdbZr45Q"},p=["development","test"].includes(process.env.NODE_ENV??""),w=new class{#e;#t;#i;#n=!1;appName;user;debugMode;async init({appName:e,measurementId:t,apiSecret:i,debugMode:n,user:r}){if(!this.#n)return this.#e=t,this.#t=i,this.user=r,this.appName=e,this.debugMode=n??p,m().then((e=>{this.#i=e,this.#n=!0,this.#r()}));console.info("UDS analytics: already initialized.")}getClientId(){return this.#i}#r(){if(!this.#n)throw new Error("UDS analytics: not been initialized. Have you called init()?");if(!this.#e)throw new Error("UDS analytics: measurement property ID has not been set.");if(!this.#i)throw new Error("UDS analytics - client ID has not been set.");if(!this.user)throw new Error("UDS analytics: user has not been set.");if(!this.user.analyticsContext)throw new Error("UDS analytics: user is missing analyticsContext.")}pageview(e={}){return this.event("page_view",e)}event(e,t={}){return this.#s(e,t)}error(e={}){return this.#s("error",e)}async#s(e,t={}){this.#r();const{role:i,team:n}=this.user.analyticsContext??{},r=i&&n?{role:{value:i},team:{value:n}}:void 0,s={client_id:this.#i,user_id:this.user.id,user_properties:r,events:[{name:e,params:{app_name:this.appName,engagement_time_msec:"0",...this.debugMode&&{debug_mode:!0},...t}}]},o=[{id:this.#e,apiSecret:this.#t},{id:f.all,apiSecret:h.all}].map((async({id:t,apiSecret:i})=>{try{const n=new URL("https://www.google-analytics.com/mp/collect");n.searchParams.set("measurement_id",t),n.searchParams.set("api_secret",i);const r=await fetch(n.toString(),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!r.ok)throw new Error(`HTTP error status: ${r.status}`);p&&console.log(`UDS analytics: event "${e}" sent successfully to ${t}.`)}catch(e){console.error(`UDS analytics: error sending event to ${t}:`,e)}}));return Promise.allSettled(o)}};export{f as GA_MEASUREMENT_IDS,h as GA_MEASUREMENT_SECRETS,w as track};

package/dist/{chunk-ROCVTVD4.js → chunk-4G4TBHHL.js}

@@ -1,2 +1,2 @@
-/*! © 2025 Yahoo, Inc. UDS v3.0.0-development */
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
 var o="uds",t=`${o}-avatar-size`,e=`${o}-border-radius`,n=`${o}-border-width`,d=`${o}-font`,s=`${o}-font-size`,i=`${o}-font-weight`,r=`${o}-font-slant`,a=`${o}-font-width`,l=`${o}-icon-size`,$=`${o}-line-height`,b=`${o}-motion`,c=`${o}-spectrum-color`,u=`${o}-text-transform`,f=`${o}-color-mode-dark`,h=`${o}-color-mode-light`,m=`${o}-scale-mode-xsmall`,g=`${o}-scale-mode-small`,p=`${o}-scale-mode-medium`,x=`${o}-scale-mode-large`,w=`${o}-scale-mode-xlarge`,v=`${o}-scale-mode-xxlarge`,z=`${o}-scale-mode-xxxlarge`,S=h,W=x,k={borderRadius:`--${o}-button-border-radius`,borderWidth:`--${o}-button-border-width`,color:`--${o}-button-color`,backgroundColor:`--${o}-button-background-color`,borderColor:`--${o}-button-border-color`,padding:`--${o}-button-padding`,columnGap:`--${o}-button-gap`,fontFamily:`--${o}-button-font`,fontWeight:`--${o}-button-font-weight`,fontWidth:`--${o}-button-font-width`,fontSlant:`--${o}-button-font-slant`,fontSize:`--${o}-button-font-size`,lineHeight:`--${o}-button-line-height`,textTransform:`--${o}-button-text-transform`,iconSize:`--${o}-button-icon-size`,dropShadow:`--${o}-button-shadow`,insetShadow:`--${o}-button-inset-shadow`,effects:{scale:{rest:`--${o}-button-effects-scale--rest`,hover:`--${o}-button-effects-scale--hover`,pressed:`--${o}-button-effects-scale--pressed`}}},C={padding:`--${o}-icon-button-padding`,iconSize:`--${o}-icon-button-icon-size`},y={hover:":hover:not([disabled])",pressed:":active:not([disabled])",disabled:":disabled",focused:":focus-visible",focusedWithin:":has(:focus-visible)",notDisabled:":not(:disabled)"};export{t as AVATAR_SIZE_PREFIX,e as BORDER_RADIUS_PREFIX,n as BORDER_WIDTH_PREFIX,k as BUTTON_CSS_VAR_MAP,f as DARK_COLOR_MODE_CLASSNAME,S as DEFAULT_COLOR_MODE_CLASSNAME,W as DEFAULT_SCALE_MODE_CLASSNAME,d as FONT_FAMILY_PREFIX,s as FONT_SIZE_PREFIX,r as FONT_SLANT_PREFIX,i as FONT_WEIGHT_PREFIX,a as FONT_WIDTH_PREFIX,C as ICON_BUTTON_CSS_VAR_MAP,l as ICON_SIZE_PREFIX,x as LARGE_SCALE_MODE_CLASSNAME,h as LIGHT_COLOR_MODE_CLASSNAME,$ as LINE_HEIGHT_PREFIX,p as MEDIUM_SCALE_MODE_CLASSNAME,b as MOTION_PREFIX,y as PSEUDO_STYLE_SELECTOR_MAP,g as SMALL_SCALE_MODE_CLASSNAME,c as SPECTRUM_COLOR_PREFIX,u as TEXT_TRANSFORM_PREFIX,o as UDS_PREFIX,w as XLARGE_SCALE_MODE_CLASSNAME,m as XSMALL_SCALE_MODE_CLASSNAME,v as XXLARGE_SCALE_MODE_CLASSNAME,z as XXXLARGE_SCALE_MODE_CLASSNAME};