@yahoo/uds 3.35.1 → 3.36.0-beta.2

package/cli/FullWidthClassToProp.mock.tsx

@@ -0,0 +1,17 @@
+import { Box, Button, HStack } from '@yahoo/uds';
+import { VStack } from 'another-package';
+
+export const PageA = () => {
+  return (
+    <HStack height="screen" width="full" className="max-h-screen">
+      <Button width="full">Click me</Button>
+      <Box width="full">Click me</Button>
+      <Box className="dont_touch_me">Box</Box>
+    </HStack>
+    <Box>Empty</Box>
+    <div className="w-full h-full">shouldn't be touched</div>
+    <VStack className="w-full">shouldn't be touched</VStack>
+    <Box height="full" width="full" className="foo bar">Box</Box>
+    <Box height="full">Box</Box>
+  );
+}

package/dist/chunk-B5DVYOHR.js

@@ -0,0 +1,2 @@
+import{getMotionVar as r}from"./chunk-KYESDN2J.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-I2KSBIOI.js";import{entries as n}from"./chunk-EWJ3J526.js";import{TEXT_TRANSFORM_PREFIX as e,LINE_HEIGHT_PREFIX as o,FONT_SIZE_PREFIX as s,FONT_WIDTH_PREFIX as i,FONT_SLANT_PREFIX as d,FONT_WEIGHT_PREFIX as f,FONT_FAMILY_PREFIX as c,TEXT_RESPONSIVE_CLASSNAME as l,UDS_PREFIX as u}from"./chunk-24RMELG3.js";import{textVariants as m,motionSpringConfigOptions as p}from"@yahoo/uds/fixtures";import h from"lodash/isString";import $ from"tailwindcss/plugin.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var g=r=>{throw new Error("Didn't expect to get here")};var v=(r,t,a,n)=>{const e=r.typography[t]?.[a];if(!e)throw new Error(`Missing typography data for variant "${t}" and key "${a}"`);const o="base"===n?e.base:e.breakpoints?.[n];if(!o)throw new Error(`Missing value for variant "${t}", key "${a}", and breakpoint "${n}"`);if(h(o))return o;switch(o.type){case"px":return o.value/16+"rem";case"unitless":return String(o.value)}return g()},w=(r,t)=>t in r.font?`var(--${c}-${t})`:t,x=(r,t)=>Object.fromEntries(m.flatMap(a=>[[`--${c}-${a}`,w(r,v(r,a,"fontFamily",t))],[`--${s}-${a}`,v(r,a,"fontSize",t)],[`--${f}-${a}`,v(r,a,"fontWeight",t)],[`--${d}-${a}`,v(r,a,"fontSlant",t)],[`--${i}-${a}`,v(r,a,"fontWidth",t)],[`--${o}-${a}`,v(r,a,"lineHeight",t)],[`--${e}-${a}`,v(r,a,"textTransform",t)]])),b=r=>Object.fromEntries(m.map(t=>[t,`var(--${r}-${t})`])),M={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(o),textTransform:b(e)},k=r=>x(r,"base"),y=r=>{const t=(a=r.breakpoints,Object.entries(a)).sort(([,{value:r}],[,{value:t}])=>r-t);var a;return{[`.${l}`]:Object.fromEntries(t.map(([t,{value:a}])=>[`@media (min-width: ${a}px)`,x(r,t)])),".uds-text-base":x(r,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,x(r,t)]))}};function S(r,{addBase:t}){const a=L(r);for(const r of a)t({"@font-face":r})}var j=$.withOptions(function({fontIds:r}){return function({addBase:t}){S(r,{addBase:t})}});function E(r){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...r.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...r.colorMode.dark._vars}}}function L(r){return r.flatMap(r=>{const{declarations:a,fontFamily:n}=t[r];return a.map(r=>({fontFamily:n,fontDisplay:"swap",...r}))})}function O(r){return`"${r}"`}function W(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,e=t[a];return[n,[e.fontFamily,...e.fallback].map(O).join(", ")]}))}function _(t){const e=n(t).flatMap(([t,a])=>n(a).flatMap(([a,n])=>p.map(e=>[r({variant:t,speed:a,control:e}),`${n[e]}`])));return a(e)}function F(r){return{...r.borderRadius._vars,...r.borderWidth._vars,...r.avatarSizes._vars,...r.iconSizes._vars}}function z(r){return{xSmall:F(r.scaleMode.xSmall),small:F(r.scaleMode.small),medium:F(r.scaleMode.medium),large:F(r.scaleMode.large),xLarge:F(r.scaleMode.xLarge),xxLarge:F(r.scaleMode.xxLarge),xxxLarge:F(r.scaleMode.xxxLarge)}}function B({config:r,shadowType:t}){const e=r.shadow[t],o=n(e).map(([r])=>[`.uds-${t}-shadow-${r}`,{[`--uds-${t}-shadow`]:`var(--${u}-${t}-shadow-${r})`,boxShadow:`var(--${u}-drop-shadow, 0 0 transparent), var(--${u}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]);return a(o)}export{M as RESPONSIVE_TAILWIND_CONFIG_MAP,S as addFontFaceDeclarations,j as addFontsPlugin,g as assertUnreachable,k as getBaseTextVars,E as getColorModeStyles,L as getFontFaceDeclarations,W as getFontStyles,_ as getMotionStyles,y as getResponsiveTextStyles,z as getScaleModeStyles,B as getShadowStyles};

package/dist/chunk-PZY3L2VB.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("./chunk-NQ7BFO3S.cjs"),t=require("./chunk-LAIVXF4G.cjs"),r=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-3AYBRPUC.cjs"),n=require("@yahoo/uds/fixtures"),o=require("lodash/isString"),s=require("tailwindcss/plugin.js");function i(e){return e&&e.__esModule?e:{default:e}}var d=i(o),l=i(s),c=e=>{throw new Error("Didn't expect to get here")};var u=(e,t,r,a)=>{const n=e.typography[t]?.[r];if(!n)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const o="base"===a?n.base:n.breakpoints?.[a];if(!o)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${a}"`);if(d.default(o))return o;switch(o.type){case"px":return o.value/16+"rem";case"unitless":return String(o.value)}return c()},f=(e,t)=>t in e.font?`var(--${a.FONT_FAMILY_PREFIX}-${t})`:t,F=(e,t)=>Object.fromEntries(n.textVariants.flatMap(r=>[[`--${a.FONT_FAMILY_PREFIX}-${r}`,f(e,u(e,r,"fontFamily",t))],[`--${a.FONT_SIZE_PREFIX}-${r}`,u(e,r,"fontSize",t)],[`--${a.FONT_WEIGHT_PREFIX}-${r}`,u(e,r,"fontWeight",t)],[`--${a.FONT_SLANT_PREFIX}-${r}`,u(e,r,"fontSlant",t)],[`--${a.FONT_WIDTH_PREFIX}-${r}`,u(e,r,"fontWidth",t)],[`--${a.LINE_HEIGHT_PREFIX}-${r}`,u(e,r,"lineHeight",t)],[`--${a.TEXT_TRANSFORM_PREFIX}-${r}`,u(e,r,"textTransform",t)]])),_=e=>Object.fromEntries(n.textVariants.map(t=>[t,`var(--${e}-${t})`])),p={fontFamily:_(a.FONT_FAMILY_PREFIX),fontWeight:_(a.FONT_WEIGHT_PREFIX),fontSlant:_(a.FONT_SLANT_PREFIX),fontWidth:_(a.FONT_WIDTH_PREFIX),fontSize:_(a.FONT_SIZE_PREFIX),lineHeight:_(a.LINE_HEIGHT_PREFIX),textTransform:_(a.TEXT_TRANSFORM_PREFIX)};function E(e,{addBase:t}){const r=I(e);for(const e of r)t({"@font-face":e})}var h=l.default.withOptions(function({fontIds:e}){return function({addBase:t}){E(e,{addBase:t})}});function I(e){return e.flatMap(e=>{const{declarations:r,fontFamily:a}=t.FONT_DECLARATIONS_MAP[e];return r.map(e=>({fontFamily:a,fontDisplay:"swap",...e}))})}function g(e){return`"${e}"`}function m(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=p,exports.addFontFaceDeclarations=E,exports.addFontsPlugin=h,exports.assertUnreachable=c,exports.getBaseTextVars=e=>F(e,"base"),exports.getColorModeStyles=function(e){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...e.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...e.colorMode.dark._vars}}},exports.getFontFaceDeclarations=I,exports.getFontStyles=function(e){return t.fromEntries(r.entries(e).map(([e,r])=>{const n=`--${a.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[n,[o.fontFamily,...o.fallback].map(g).join(", ")]}))},exports.getMotionStyles=function(a){const o=r.entries(a).flatMap(([t,a])=>r.entries(a).flatMap(([r,a])=>n.motionSpringConfigOptions.map(n=>[e.getMotionVar({variant:t,speed:r,control:n}),`${a[n]}`])));return t.fromEntries(o)},exports.getResponsiveTextStyles=e=>{const t=(r=e.breakpoints,Object.entries(r)).sort(([,{value:e}],[,{value:t}])=>e-t);var r;return{[`.${a.TEXT_RESPONSIVE_CLASSNAME}`]:Object.fromEntries(t.map(([t,{value:r}])=>[`@media (min-width: ${r}px)`,F(e,t)])),".uds-text-base":F(e,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,F(e,t)]))}},exports.getScaleModeStyles=function(e){return{xSmall:m(e.scaleMode.xSmall),small:m(e.scaleMode.small),medium:m(e.scaleMode.medium),large:m(e.scaleMode.large),xLarge:m(e.scaleMode.xLarge),xxLarge:m(e.scaleMode.xxLarge),xxxLarge:m(e.scaleMode.xxxLarge)}},exports.getShadowStyles=function({config:e,shadowType:n}){const o=e.shadow[n],s=r.entries(o).map(([e])=>[`.uds-${n}-shadow-${e}`,{[`--uds-${n}-shadow`]:`var(--${a.UDS_PREFIX}-${n}-shadow-${e})`,boxShadow:`var(--${a.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${a.UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]);return t.fromEntries(s)};

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +1 @@
-"use client";
 "use strict";var e=require("../../chunk-6SO7GS3O.cjs"),t=require("../../chunk-Y5TAAZAI.cjs"),a=require("../../chunk-5IKCFMD6.cjs"),o=require("motion/react-m"),i=require("react"),r=require("react/jsx-runtime");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var c=()=>import("../../domMax-ZTC57OAI.cjs").then(({domMax:e})=>e),s=n(o).create(a.Box),l=i.forwardRef(function({id:o,isOn:n,defaultIsOn:l,onChange:d,label:u,labelPosition:h="start",size:f="md",onIcon:x,offIcon:m,reduceMotion:p,disabled:y,required:b,onFocus:w,onBlur:v,className:S,layerClassNames:g,...j},C){const N=i.useId(),I=o??`uds-input-${N}`,k=i.useRef(null),V=void 0!==n,[O,A]=i.useState(V?n:l),q=i.useCallback(e=>{d?.(e),V||A(e.target.checked)},[V,d]),M=i.useCallback(e=>{w?.(e)},[w]),z=i.useCallback(e=>{v?.(e)},[v]),B=p?"always":"user",P=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{V&&A(n)},[n,V]);const H={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",className:a.cx("group","flex","items-center","start"===h?"flex-row":"flex-row-reverse",...y?["cursor-default","opacity-50"]:["cursor-pointer"],g?.root,S)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:O?"on":"off",className:a.cx("uds-ring","uds-ring-within","relative","rounded-full","items-center",P,"transition-[background-color,box-shadow]",g?.switch)}),handleContainer:a.cx("pointer-events-none","relative","w-full","h-full"),handle:a.getStyles({switchSizeHandle:f,className:a.cx("absolute","top-0","bottom-0",O?"right-0":"left-0",g?.handle)}),handleContents:a.cx("relative","w-full","h-full","rounded-full","overflow-hidden",!y&&"group-hover:scale-105","opacity-95",!y&&"group-hover:opacity-100",P,"transition-[transform,opacity]"),handleCircle:a.getStyles({switchVariantActiveHandle:O?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",P,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===h?"text-start":"text-end",g?.label)},F=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:B,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(F,{className:H.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:H.switch,children:[r.jsx("input",{type:"checkbox",...j,ref:e=>{k.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:M,onBlur:z,id:I,disabled:y,required:b,checked:V?O:void 0,defaultChecked:V?void 0:l,onChange:q,className:H.htmlCheckbox,style:{}}),r.jsx(a.Box,{className:H.handleContainer,children:r.jsx(s,{className:H.handle,layout:"position",layoutDependency:O,children:r.jsxs(a.Box,{className:H.handleContents,children:[r.jsx(a.Box,{className:H.handleCircle}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(H.handleIcon,O?"opacity-100":"opacity-0")}),m&&r.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(H.handleIcon,O?"opacity-0":"opacity-100")})]})})})]}),u&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:H.label})]})})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */l.displayName="SwitchV2";var d=t.AvoidMotionLibraryProvider;exports.SwitchV2=l,exports.SwitchV2AvoidMotionLibraryProvider=d;