@yahoo/uds 3.31.0-beta.1 → 3.31.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-4YKYM24Q.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("./chunk-NQ7BFO3S.cjs"),t=require("./chunk-T3NVPMAQ.cjs"),r=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-3AYBRPUC.cjs"),n=require("@yahoo/uds/fixtures"),o=require("lodash-es");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(require("tailwindcss/plugin.js")),d=e=>{throw new Error("Didn't expect to get here")};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=(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 s="base"===a?n.base:n.breakpoints?.[a];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${a}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return d()},c=(e,t)=>t in e.font?`var(--${a.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(n.textVariants.flatMap(r=>[[`--${a.FONT_FAMILY_PREFIX}-${r}`,c(e,l(e,r,"fontFamily",t))],[`--${a.FONT_SIZE_PREFIX}-${r}`,l(e,r,"fontSize",t)],[`--${a.FONT_WEIGHT_PREFIX}-${r}`,l(e,r,"fontWeight",t)],[`--${a.FONT_SLANT_PREFIX}-${r}`,l(e,r,"fontSlant",t)],[`--${a.FONT_WIDTH_PREFIX}-${r}`,l(e,r,"fontWidth",t)],[`--${a.LINE_HEIGHT_PREFIX}-${r}`,l(e,r,"lineHeight",t)],[`--${a.TEXT_TRANSFORM_PREFIX}-${r}`,l(e,r,"textTransform",t)]])),f=e=>Object.fromEntries(n.textVariants.map(t=>[t,`var(--${e}-${t})`])),F={fontFamily:f(a.FONT_FAMILY_PREFIX),fontWeight:f(a.FONT_WEIGHT_PREFIX),fontSlant:f(a.FONT_SLANT_PREFIX),fontWidth:f(a.FONT_WIDTH_PREFIX),fontSize:f(a.FONT_SIZE_PREFIX),lineHeight:f(a.LINE_HEIGHT_PREFIX),textTransform:f(a.TEXT_TRANSFORM_PREFIX)};function _(e,{addBase:t}){const r=E(e);for(const e of r)t({"@font-face":e})}var p=i.default.withOptions(function({fontIds:e}){return function({addBase:t}){_(e,{addBase:t})}});function E(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 h(e){return`"${e}"`}function I(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=F,exports.addFontFaceDeclarations=_,exports.addFontsPlugin=p,exports.assertUnreachable=d,exports.getBaseTextVars=e=>u(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=E,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(h).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)`,u(e,t)])),".uds-text-base":u(e,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,u(e,t)]))}},exports.getScaleModeStyles=function(e){return{xSmall:I(e.scaleMode.xSmall),small:I(e.scaleMode.small),medium:I(e.scaleMode.medium),large:I(e.scaleMode.large),xLarge:I(e.scaleMode.xLarge),xxLarge:I(e.scaleMode.xxLarge),xxxLarge:I(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/chunk-TKDMDEZQ.js

@@ -0,0 +1,2 @@
+import{getMotionVar as r}from"./chunk-KYESDN2J.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-2N6GU6KA.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{isString as h}from"lodash-es";import $ from"tailwindcss/plugin.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var v=r=>{throw new Error("Didn't expect to get here")};var g=(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 v()},w=(r,t)=>t in r.font?`var(--${c}-${t})`:t,x=(r,t)=>Object.fromEntries(m.flatMap(a=>[[`--${c}-${a}`,w(r,g(r,a,"fontFamily",t))],[`--${s}-${a}`,g(r,a,"fontSize",t)],[`--${f}-${a}`,g(r,a,"fontWeight",t)],[`--${d}-${a}`,g(r,a,"fontSlant",t)],[`--${i}-${a}`,g(r,a,"fontWidth",t)],[`--${o}-${a}`,g(r,a,"lineHeight",t)],[`--${e}-${a}`,g(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,v 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};