@yahoo/uds 1.1.2 → 1.1.3
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/{chunk-LHJHFGKQ.cjs → chunk-7UKDFATG.cjs} +1 -1
- package/dist/{chunk-XJMVPGBH.cjs → chunk-A5DQMIPY.cjs} +1 -1
- package/dist/{chunk-RDB36LP5.js → chunk-CXEWB6BJ.js} +1 -1
- package/dist/{chunk-SFZOXSVA.cjs → chunk-E6QH3JG3.cjs} +1 -1
- package/dist/{chunk-EAYMRYPF.cjs → chunk-GERQ6KU3.cjs} +2 -2
- package/dist/{chunk-GL6YFZ6M.js → chunk-GZJKXMFV.js} +4 -4
- package/dist/chunk-HLKHW673.js +2 -0
- package/dist/chunk-J7FW2E3Q.cjs +3 -0
- package/dist/{chunk-Q3FBFHUG.cjs → chunk-KPMTVHLY.cjs} +2 -2
- package/dist/{chunk-E4P2JJND.js → chunk-LE3OYIN6.js} +2 -2
- package/dist/{chunk-6V27ERSN.js → chunk-MU7EHP3T.js} +2 -2
- package/dist/{chunk-BVYYTXL4.js → chunk-PBEPBBPS.js} +2 -2
- package/dist/chunk-QNSGFU4R.cjs +3 -0
- package/dist/chunk-QZWUGDVE.js +3 -0
- package/dist/{chunk-2XDBRKZ2.js → chunk-TJ7DD5FY.js} +1 -1
- package/dist/{chunk-WC3BJLIW.cjs → chunk-VALCERQG.cjs} +3 -3
- package/dist/{chunk-2ES5G2LV.cjs → chunk-W3EPQTBQ.cjs} +2 -2
- package/dist/{chunk-F5XE4336.js → chunk-XINYRISP.js} +1 -1
- package/dist/client/index.cjs +2 -2
- package/dist/client/index.d.cts +1 -1
- package/dist/client/index.d.ts +1 -1
- package/dist/client/index.js +5 -5
- package/dist/experimental/index.cjs +2 -2
- package/dist/experimental/index.js +2 -2
- package/dist/experimental/index.native.cjs +1 -1
- package/dist/experimental/index.native.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/index.native.cjs +1 -1
- package/dist/index.native.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/tailwind/plugin.cjs +3 -3
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +3 -3
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/tsMorph.cjs +2 -2
- package/dist/tailwind/tsMorph.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +26 -26
- package/dist/tailwind/utils.d.ts +26 -26
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +2 -2
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/index.native.cjs +1 -1
- package/dist/tokens/index.native.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.d.cts +2 -2
- package/dist/tokens/parseTokens.d.ts +2 -2
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/{types-CDWK8Kiq.d.cts → types-CpZ2ERLZ.d.cts} +1 -1
- package/dist/{types-CDWK8Kiq.d.ts → types-CpZ2ERLZ.d.ts} +1 -1
- package/package.json +2 -2
- package/dist/chunk-U3UWTVPP.cjs +0 -3
- package/dist/chunk-UZUZHTZX.js +0 -3
- /package/dist/{motionFeatures-7CSRSR25.cjs → motionFeatures-QBO7YXXL.cjs} +0 -0
- /package/dist/{motionFeatures-IDNJEKPI.js → motionFeatures-VMVMWCFA.js} +0 -0
package/dist/tailwind/plugin.cjs
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.
|
3
|
-
function(e,
|
1
|
+
"use strict";var e=require("../chunk-W3EPQTBQ.cjs"),t=require("../chunk-QNSGFU4R.cjs"),o=require("../chunk-J7FW2E3Q.cjs"),i=require("../chunk-VALCERQG.cjs"),n=require("../chunk-7UKDFATG.cjs"),r=require("../chunk-A5DQMIPY.cjs"),a=require("../chunk-E6QH3JG3.cjs"),s=require("@yahoo/uds/fixtures"),l=require("tailwindcss/plugin.js"),d=require("tailwindcss/defaultTheme.js");function u(e){return e&&e.__esModule?e:{default:e}}var _=u(l),c=u(d);var S="sm";function f(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function A(e,{type:t,value:o},i){const n="color"===e?"textColor":e;if("palette"===t)return s.alwaysPaletteAliases.includes(o)?o:i(`${n}.${o}`);{const[e,t]=o.split("-");return i(`colors.${e}.${t}`)}}function T({scale:e}){return s.scaleEffectMap[e][S]}function C({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},a){return{[r.BUTTON_CSS_VAR_MAP.backgroundColor]:A("backgroundColor",e,a),[r.BUTTON_CSS_VAR_MAP.borderColor]:A("borderColor",t,a),[r.BUTTON_CSS_VAR_MAP.color]:A("color",o,a),...i&&{[r.BUTTON_CSS_VAR_MAP.borderRadius]:a(`borderRadius.${i}`)},...n&&{[r.BUTTON_CSS_VAR_MAP.borderWidth]:a(`borderWidth.${n}`)}}}function g(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:a,iconSize:s}=e;return{[r.BUTTON_CSS_VAR_MAP.padding]:`${t(`spacing[${i}]`)} ${t(`spacing[${o}]`)}`,[r.BUTTON_CSS_VAR_MAP.columnGap]:t(`spacing[${n}]`),[r.BUTTON_CSS_VAR_MAP.fontFamily]:t(`typography.fontFamily.${a}`),[r.BUTTON_CSS_VAR_MAP.fontWeight]:t(`typography.fontWeight.${a}`),[r.BUTTON_CSS_VAR_MAP.fontSize]:t(`typography.fontSize.${a}`),[r.BUTTON_CSS_VAR_MAP.lineHeight]:t(`typography.lineHeight.${a}`),[r.BUTTON_CSS_VAR_MAP.textTransform]:t(`typography.textTransform.${a}`),[r.BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${s}`)}}function p(e,t){const o=e.palette[e.defaults.palette][e.defaults.variant],i=e.size[e.defaults.size],a=o.base.scale,l=o.effect.hover.scale.value,d=o.effect.pressed.scale.value,u={...C(o.base,t),...g(i,t),[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:T({scale:a}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:T({scale:l}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:T({scale:d})},_={borderRadius:f(r.BUTTON_CSS_VAR_MAP,"borderRadius",u),boxShadow:`inset 0 0 0 ${f(r.BUTTON_CSS_VAR_MAP,"borderWidth",u)} ${f(r.BUTTON_CSS_VAR_MAP,"borderColor",u)}`,color:f(r.BUTTON_CSS_VAR_MAP,"color",u),backgroundColor:f(r.BUTTON_CSS_VAR_MAP,"backgroundColor",u),padding:f(r.BUTTON_CSS_VAR_MAP,"padding",u),fontFamily:f(r.BUTTON_CSS_VAR_MAP,"fontFamily",u),fontWeight:f(r.BUTTON_CSS_VAR_MAP,"fontWeight",u),fontSize:f(r.BUTTON_CSS_VAR_MAP,"fontSize",u),lineHeight:f(r.BUTTON_CSS_VAR_MAP,"lineHeight",u),textTransform:f(r.BUTTON_CSS_VAR_MAP,"textTransform",u),outline:"none",display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",...u,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},c=C(o.state.hover,t),S=C(o.state.pressed,t),A={cursor:"not-allowed",opacity:"0.2",[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:T({scale:"none"}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:T({scale:"none"})},p={outlineOffset:"2px",outlineWidth:"2px",outlineColor:t("colors.accent"),outlineStyle:"solid"},h={".uds-button":_,".uds-button .uds-button-icon":{width:f(r.BUTTON_CSS_VAR_MAP,"iconSize",u),height:f(r.BUTTON_CSS_VAR_MAP,"iconSize",u)},".uds-button .uds-button-spacer":{height:f(r.BUTTON_CSS_VAR_MAP,"iconSize",u)},[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]:c,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]:S,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.disabled}`]:A,".disabled .uds-button":A,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.focused}`]:p,".focused .uds-button":p,".uds-ring":{outline:"none"},[`.uds-ring${r.PSEUDO_STYLE_SELECTOR_MAP.focused}`]:p,".focused .uds-ring":p},E={".hover":{".uds-button":c},".pressed":{".uds-button":S}};for(const[o,i]of n.entries(e.size))h[`.uds-button-${o}`]=g(i,t);function O(o,{palette:i,variant:n}){const a=e.palette[i][n],s=a.base,l=a.state,d=a.effect,u={rest:{...C(s,t)},restScale:{[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:T({scale:s.scale}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:T({scale:d.hover.scale.value}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:T({scale:d.pressed.scale.value})},hover:C(l.hover,t),pressed:C(l.pressed,t)};h[o]=u.rest,h[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.notDisabled}`]=u.restScale,h[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]=u.hover,h[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]=u.pressed,E[".hover"][o]=u.hover,E[".pressed"][o]=u.pressed}for(const t of s.buttonPalettes){O(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of s.buttonVariants)O(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&O(`.uds-button-${o}`,{palette:t,variant:o})}return{...h,...E}}var h="44px";function E(e,t){const{spacing:o,iconSize:i}=e;return{[r.ICON_BUTTON_CSS_VAR_MAP.padding]:t(`spacing[${o}]`),[r.ICON_BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${i}`)}}function O(e,t){const o=E(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:f(r.ICON_BUTTON_CSS_VAR_MAP,"padding",o)}},".uds-icon-button .uds-button-icon":{width:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o),height:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o)}};for(const[o,r]of n.entries(e.size))i[`.uds-icon-button-${o}`]=E(r,t);return i}var M={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},b={fontSize:M,lineHeight:M,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function R(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var m={...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE],fontSize:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.fontSize,(e=>R(c.default.fontSize[e][0])))},lineHeight:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.lineHeight,(e=>R(c.default.fontSize[e][1].lineHeight))),display1:R(c.default.fontSize[b.fontSize.display1][0]),display2:R(c.default.fontSize[b.fontSize.display2][0])},fontWeight:n.mapValues(i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontWeight,(()=>"regular")),borderRadius:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].borderRadius,...n.mapValues(b.borderRadius,(e=>R(c.default.borderRadius[e])))},borderWidth:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].borderWidth,...n.mapValues(b.borderWidth,(e=>R(c.default.borderWidth[e])))}};function L(e){return{...i.defaultTokensConfig.scaleMode[e],fontWeight:m.fontWeight,fontSize:n.mapValues(m.fontSize,((t,o)=>t+s.fontSizeRamp[e][o])),lineHeight:n.mapValues(m.lineHeight,((t,o)=>t+s.lineHeightRamp[e][o])),borderRadius:n.mapValues(m.borderRadius,((t,o)=>t+s.borderRadiusRamp[e][o])),borderWidth:n.mapValues(m.borderWidth,((t,o)=>t+s.borderWidthRamp[e][o]))}}var P={...i.defaultTokensConfig,scaleMode:{xSmall:L("xSmall"),small:L("small"),medium:L("medium"),large:L("large"),xLarge:L("xLarge"),xxLarge:L("xxLarge"),xxxLarge:L("xxxLarge")}};var U=_.default.withOptions((function({config:n=i.defaultTokensConfig,disableFontFaceDeclarations:a=!1}){return function({addBase:s,matchUtilities:l,addComponents:d,theme:u}){const _=e.parseTokens(n),c=Object.values(n.font);if(!1===a&&t.addFontFaceDeclarations(c,s),function(e,o){o({":root":t.getFontStyles(e)})}(n.font,s),
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v1.1.3 */
|
3
|
+
function(e,o){const n=t.getColorModeStyles(e);o({":root":n[i.DEFAULT_COLOR_MODE],[`.${r.LIGHT_COLOR_MODE_CLASSNAME}`]:n.light,[`.${r.DARK_COLOR_MODE_CLASSNAME}`]:n.dark})}(_,s),function(e,o){const n=t.getScaleModeStyles(e);o({":root":n[i.DEFAULT_SCALE_MODE],[`.${r.XSMALL_SCALE_MODE_CLASSNAME}`]:n.xSmall,[`.${r.SMALL_SCALE_MODE_CLASSNAME}`]:n.small,[`.${r.MEDIUM_SCALE_MODE_CLASSNAME}`]:n.medium,[`.${r.LARGE_SCALE_MODE_CLASSNAME}`]:n.large,[`.${r.XLARGE_SCALE_MODE_CLASSNAME}`]:n.xLarge,[`.${r.XXLARGE_SCALE_MODE_CLASSNAME}`]:n.xxLarge,[`.${r.XXXLARGE_SCALE_MODE_CLASSNAME}`]:n.xxxLarge})}(_,s),n.button){const e=function(e,t){return p(e,t)}(n.button,u);d(e)}if(n.iconButton){const e=function(e,t){return O(e,t)}(n.iconButton,u);d(e)}n.motion&&function(e,t){t({":root":o.getMotionStyles(e)})}(n.motion,s);s({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${h}, 100%)`,height:`max(${h}, 100%)`,transform:"translate(-50%, -50%)"}}}),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:u("sizing.icon")}),l({avatarSize:e=>({width:e,height:e})},{values:u("sizing.avatar")}),l({case:e=>({"text-transform":e})},{values:u("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:u("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:u("typography.fontSize")})}}),(function({config:t=i.defaultTokensConfig,safelist:o=[]}){const a=e.parseTokens(t),l=a.colorMode[i.DEFAULT_COLOR_MODE].tailwindConfig,d=a.scaleMode[i.DEFAULT_SCALE_MODE],u=n.mapValues(l.spectrum,((e,t)=>({...e,...s.tailwindColorsAsUds[t]}))),_=l.palette.core,c={...s.tailwindColorsAsUds,...u,...i.alwaysPalette,..._},S=l.palette.foreground,f=l.palette.background,A=l.palette.line,T=i.fromEntries(n.entries(b.fontSize).map((([e,t])=>[t,[`var(--${r.FONT_SIZE_PREFIX}-${e})`,{lineHeight:`var(--${r.LINE_HEIGHT_PREFIX}-${e})`}]]))),C=i.fromEntries(n.entries(b.borderRadius).map((([e,t])=>[t,`var(--${r.BORDER_RADIUS_PREFIX}-${e})`]))),g={...d.borderRadius.tailwindConfig,...C},p=i.fromEntries(n.entries(b.borderWidth).map((([e,t])=>[t,`var(--${r.BORDER_WIDTH_PREFIX}-${e})`]))),h={...d.borderWidth.tailwindConfig,...p};return{darkMode:["class",r.DARK_COLOR_MODE_CLASSNAME],safelist:[r.DARK_COLOR_MODE_CLASSNAME,...o],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:g,borderWidth:h,outlineWidth:h,fontFamily:{...Object.fromEntries(s.fontAliases.map((e=>[e,`var(--${r.FONT_FAMILY_PREFIX}-${e})`]))),...Object.fromEntries(s.textVariants.map((e=>[e,`var(--${r.FONT_FAMILY_PREFIX}-${e})`])))},fontSize:T,lineHeight:d.lineHeight.tailwindConfig,colors:c,backgroundColor:f,textColor:S,borderColor:A,fill:f,caretColor:S,placeholderColor:S,textDecorationColor:S,divideColor:A,outlineColor:A,ringColor:A,ringOffsetColor:A,stroke:A,typography:{fontFamily:d.fontFamily.tailwindConfig,fontWeight:d.fontWeight.tailwindConfig,fontSize:d.fontSize.tailwindConfig,lineHeight:d.lineHeight.tailwindConfig,textTransform:d.textTransform.tailwindConfig},sizing:{icon:d.iconSizes.tailwindConfig,avatar:d.avatarSizes.tailwindConfig}}}}}));exports.defaultTailwindThemeAsUdsConfig=P,exports.getButtonColorForProperty=A,exports.getButtonStyles=p,exports.getIconButtonStyles=O,exports.getUDSContent=()=>[a.__require.resolve("@yahoo/uds"),a.__require.resolve("@yahoo/uds/client"),a.__require.resolve("@yahoo/uds/experimental")],exports.tailwindPlugin=U,exports.udsToTailwindMap=b;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-
|
2
|
+
import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-CpZ2ERLZ.cjs';
|
3
3
|
import defaultTailwindTheme from 'tailwindcss/defaultTheme';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'framer-motion';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-
|
2
|
+
import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-CpZ2ERLZ.js';
|
3
3
|
import defaultTailwindTheme from 'tailwindcss/defaultTheme';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'framer-motion';
|
package/dist/tailwind/plugin.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
import{parseTokens as e}from"../chunk-
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.
|
3
|
-
function(e,t){const i=o(e);t({":root":i[d],[`.${v}`]:i.light,[`.${m}`]:i.dark})}(
|
1
|
+
import{parseTokens as e}from"../chunk-MU7EHP3T.js";import{addFontFaceDeclarations as t,getColorModeStyles as o,getFontStyles as i,getScaleModeStyles as n}from"../chunk-QZWUGDVE.js";import{getMotionStyles as r}from"../chunk-HLKHW673.js";import{defaultTokensConfig as a,DEFAULT_SCALE_MODE as s,fromEntries as l,DEFAULT_COLOR_MODE as d,alwaysPalette as c}from"../chunk-GZJKXMFV.js";import{mapValues as u,entries as f}from"../chunk-CXEWB6BJ.js";import{FONT_SIZE_PREFIX as h,LINE_HEIGHT_PREFIX as p,BORDER_RADIUS_PREFIX as g,BORDER_WIDTH_PREFIX as b,DARK_COLOR_MODE_CLASSNAME as m,LIGHT_COLOR_MODE_CLASSNAME as v,XSMALL_SCALE_MODE_CLASSNAME as $,SMALL_SCALE_MODE_CLASSNAME as x,MEDIUM_SCALE_MODE_CLASSNAME as z,LARGE_SCALE_MODE_CLASSNAME as S,XLARGE_SCALE_MODE_CLASSNAME as y,XXLARGE_SCALE_MODE_CLASSNAME as C,XXXLARGE_SCALE_MODE_CLASSNAME as W,BUTTON_CSS_VAR_MAP as w,PSEUDO_STYLE_SELECTOR_MAP as k,ICON_BUTTON_CSS_VAR_MAP as H,FONT_FAMILY_PREFIX as F}from"../chunk-TJ7DD5FY.js";import{__require as R}from"../chunk-XINYRISP.js";import{tailwindColorsAsUds as M,alwaysPaletteAliases as T,buttonPalettes as L,buttonVariants as j,fontSizeRamp as D,lineHeightRamp as E,borderRadiusRamp as O,borderWidthRamp as B,fontAliases as U,textVariants as I,scaleEffectMap as V}from"@yahoo/uds/fixtures";import G from"tailwindcss/plugin";import J from"tailwindcss/defaultTheme";var P="sm";function X(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function A(e,{type:t,value:o},i){const n="color"===e?"textColor":e;if("palette"===t)return T.includes(o)?o:i(`${n}.${o}`);{const[e,t]=o.split("-");return i(`colors.${e}.${t}`)}}function K({scale:e}){return V[e][P]}function Y({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},r){return{[w.backgroundColor]:A("backgroundColor",e,r),[w.borderColor]:A("borderColor",t,r),[w.color]:A("color",o,r),...i&&{[w.borderRadius]:r(`borderRadius.${i}`)},...n&&{[w.borderWidth]:r(`borderWidth.${n}`)}}}function Z(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:r,iconSize:a}=e;return{[w.padding]:`${t(`spacing[${i}]`)} ${t(`spacing[${o}]`)}`,[w.columnGap]:t(`spacing[${n}]`),[w.fontFamily]:t(`typography.fontFamily.${r}`),[w.fontWeight]:t(`typography.fontWeight.${r}`),[w.fontSize]:t(`typography.fontSize.${r}`),[w.lineHeight]:t(`typography.lineHeight.${r}`),[w.textTransform]:t(`typography.textTransform.${r}`),[w.iconSize]:t(`sizing.icon.${a}`)}}function N(e,t){const o=e.palette[e.defaults.palette][e.defaults.variant],i=e.size[e.defaults.size],n=o.base.scale,r=o.effect.hover.scale.value,a=o.effect.pressed.scale.value,s={...Y(o.base,t),...Z(i,t),[w.effects.scale.rest]:K({scale:n}),[w.effects.scale.hover]:K({scale:r}),[w.effects.scale.pressed]:K({scale:a})},l={borderRadius:X(w,"borderRadius",s),boxShadow:`inset 0 0 0 ${X(w,"borderWidth",s)} ${X(w,"borderColor",s)}`,color:X(w,"color",s),backgroundColor:X(w,"backgroundColor",s),padding:X(w,"padding",s),fontFamily:X(w,"fontFamily",s),fontWeight:X(w,"fontWeight",s),fontSize:X(w,"fontSize",s),lineHeight:X(w,"lineHeight",s),textTransform:X(w,"textTransform",s),outline:"none",display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",...s,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},d=Y(o.state.hover,t),c=Y(o.state.pressed,t),u={cursor:"not-allowed",opacity:"0.2",[w.effects.scale.hover]:K({scale:"none"}),[w.effects.scale.pressed]:K({scale:"none"})},h={outlineOffset:"2px",outlineWidth:"2px",outlineColor:t("colors.accent"),outlineStyle:"solid"},p={".uds-button":l,".uds-button .uds-button-icon":{width:X(w,"iconSize",s),height:X(w,"iconSize",s)},".uds-button .uds-button-spacer":{height:X(w,"iconSize",s)},[`.uds-button${k.hover}`]:d,[`.uds-button${k.pressed}`]:c,[`.uds-button${k.disabled}`]:u,".disabled .uds-button":u,[`.uds-button${k.focused}`]:h,".focused .uds-button":h,".uds-ring":{outline:"none"},[`.uds-ring${k.focused}`]:h,".focused .uds-ring":h},g={".hover":{".uds-button":d},".pressed":{".uds-button":c}};for(const[o,i]of f(e.size))p[`.uds-button-${o}`]=Z(i,t);function b(o,{palette:i,variant:n}){const r=e.palette[i][n],a=r.base,s=r.state,l=r.effect,d={rest:{...Y(a,t)},restScale:{[w.effects.scale.rest]:K({scale:a.scale}),[w.effects.scale.hover]:K({scale:l.hover.scale.value}),[w.effects.scale.pressed]:K({scale:l.pressed.scale.value})},hover:Y(s.hover,t),pressed:Y(s.pressed,t)};p[o]=d.rest,p[`${o}${k.notDisabled}`]=d.restScale,p[`${o}${k.hover}`]=d.hover,p[`${o}${k.pressed}`]=d.pressed,g[".hover"][o]=d.hover,g[".pressed"][o]=d.pressed}for(const t of L){b(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of j)b(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&b(`.uds-button-${o}`,{palette:t,variant:o})}return{...p,...g}}var Q="44px";function q(e,t){const{spacing:o,iconSize:i}=e;return{[H.padding]:t(`spacing[${o}]`),[H.iconSize]:t(`sizing.icon.${i}`)}}function _(e,t){const o=q(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:X(H,"padding",o)}},".uds-icon-button .uds-button-icon":{width:X(H,"iconSize",o),height:X(H,"iconSize",o)}};for(const[o,n]of f(e.size))i[`.uds-icon-button-${o}`]=q(n,t);return i}var ee={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},te={fontSize:ee,lineHeight:ee,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function oe(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ie={...a.scaleMode[s],fontSize:{...a.scaleMode[s].fontSize,...u(te.fontSize,(e=>oe(J.fontSize[e][0])))},lineHeight:{...a.scaleMode[s].fontSize,...u(te.lineHeight,(e=>oe(J.fontSize[e][1].lineHeight))),display1:oe(J.fontSize[te.fontSize.display1][0]),display2:oe(J.fontSize[te.fontSize.display2][0])},fontWeight:u(a.scaleMode[s].fontWeight,(()=>"regular")),borderRadius:{...a.scaleMode[s].borderRadius,...u(te.borderRadius,(e=>oe(J.borderRadius[e])))},borderWidth:{...a.scaleMode[s].borderWidth,...u(te.borderWidth,(e=>oe(J.borderWidth[e])))}};function ne(e){return{...a.scaleMode[e],fontWeight:ie.fontWeight,fontSize:u(ie.fontSize,((t,o)=>t+D[e][o])),lineHeight:u(ie.lineHeight,((t,o)=>t+E[e][o])),borderRadius:u(ie.borderRadius,((t,o)=>t+O[e][o])),borderWidth:u(ie.borderWidth,((t,o)=>t+B[e][o]))}}var re={...a,scaleMode:{xSmall:ne("xSmall"),small:ne("small"),medium:ne("medium"),large:ne("large"),xLarge:ne("xLarge"),xxLarge:ne("xxLarge"),xxxLarge:ne("xxxLarge")}};var ae=G.withOptions((function({config:l=a,disableFontFaceDeclarations:c=!1}){return function({addBase:a,matchUtilities:u,addComponents:f,theme:h}){const p=e(l),g=Object.values(l.font);if(!1===c&&t(g,a),function(e,t){t({":root":i(e)})}(l.font,a),
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v1.1.3 */
|
3
|
+
function(e,t){const i=o(e);t({":root":i[d],[`.${v}`]:i.light,[`.${m}`]:i.dark})}(p,a),function(e,t){const o=n(e);t({":root":o[s],[`.${$}`]:o.xSmall,[`.${x}`]:o.small,[`.${z}`]:o.medium,[`.${S}`]:o.large,[`.${y}`]:o.xLarge,[`.${C}`]:o.xxLarge,[`.${W}`]:o.xxxLarge})}(p,a),l.button){const e=function(e,t){return N(e,t)}(l.button,h);f(e)}if(l.iconButton){const e=function(e,t){return _(e,t)}(l.iconButton,h);f(e)}l.motion&&function(e,t){t({":root":r(e)})}(l.motion,a);a({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${Q}, 100%)`,height:`max(${Q}, 100%)`,transform:"translate(-50%, -50%)"}}}),u({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:h("sizing.icon")}),u({avatarSize:e=>({width:e,height:e})},{values:h("sizing.avatar")}),u({case:e=>({"text-transform":e})},{values:h("typography.textTransform")}),u({"font-weight":e=>({"font-weight":e})},{values:h("typography.fontWeight")}),u({"font-size":e=>({"font-size":e})},{values:h("typography.fontSize")})}}),(function({config:t=a,safelist:o=[]}){const i=e(t),n=i.colorMode[d].tailwindConfig,r=i.scaleMode[s],v=u(n.spectrum,((e,t)=>({...e,...M[t]}))),$=n.palette.core,x={...M,...v,...c,...$},z=n.palette.foreground,S=n.palette.background,y=n.palette.line,C=l(f(te.fontSize).map((([e,t])=>[t,[`var(--${h}-${e})`,{lineHeight:`var(--${p}-${e})`}]]))),W=l(f(te.borderRadius).map((([e,t])=>[t,`var(--${g}-${e})`]))),w={...r.borderRadius.tailwindConfig,...W},k=l(f(te.borderWidth).map((([e,t])=>[t,`var(--${b}-${e})`]))),H={...r.borderWidth.tailwindConfig,...k};return{darkMode:["class",m],safelist:[m,...o],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:w,borderWidth:H,outlineWidth:H,fontFamily:{...Object.fromEntries(U.map((e=>[e,`var(--${F}-${e})`]))),...Object.fromEntries(I.map((e=>[e,`var(--${F}-${e})`])))},fontSize:C,lineHeight:r.lineHeight.tailwindConfig,colors:x,backgroundColor:S,textColor:z,borderColor:y,fill:S,caretColor:z,placeholderColor:z,textDecorationColor:z,divideColor:y,outlineColor:y,ringColor:y,ringOffsetColor:y,stroke:y,typography:{fontFamily:r.fontFamily.tailwindConfig,fontWeight:r.fontWeight.tailwindConfig,fontSize:r.fontSize.tailwindConfig,lineHeight:r.lineHeight.tailwindConfig,textTransform:r.textTransform.tailwindConfig},sizing:{icon:r.iconSizes.tailwindConfig,avatar:r.avatarSizes.tailwindConfig}}}}})),se=()=>[R.resolve("@yahoo/uds"),R.resolve("@yahoo/uds/client"),R.resolve("@yahoo/uds/experimental")];export{re as defaultTailwindThemeAsUdsConfig,A as getButtonColorForProperty,N as getButtonStyles,_ as getIconButtonStyles,se as getUDSContent,ae as tailwindPlugin,te as udsToTailwindMap};
|
package/dist/tailwind/purger.cjs
CHANGED
package/dist/tailwind/purger.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.
|
1
|
+
/*! © 2024 Yahoo, Inc. UDS v1.1.3 */
|
2
2
|
var t=["color","placeholderColor","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textTransform","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","backgroundColor","borderColor","borderStartColor","borderEndColor","borderBottomColor","borderTopColor","borderRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderWidth","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","avatarSize","iconSize","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","display","overflow","overflowX","overflowY","position","contentFit","colorMode","scaleMode","buttonPalette","buttonVariant","buttonSize","iconButtonSize"],e={Box:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row","column"]],["rowGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderRadius",["none","xs","sm","md","lg","xl","full"]],["overflow",["auto","hidden","clip","visible","scroll"]]],Button:[["color",["accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","primary","secondary","tertiary","current"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","current","tertiary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary"]]],IconButton:[],Image:[],Pressable:[["display",["flex","inline-flex"]],["flexDirection",["row"]],["alignItems",["center","flex-start"]],["justifyContent",["space-between"]],["spacingVertical",["4","2"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderRadius",["md","full"]],["columnGap",["2","3"]],["backgroundColor",["accent","alert","black","brand","positive","warning","white","primary","secondary","transparent","current"]],["borderColor",["muted"]],["borderBottomWidth",["thick"]],["spacingBottom",["1"]],["spacingTop",["4"]]],SpringMotionConfig:[],Text:[["color",["primary","secondary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","tertiary","current"]],["fontSize",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontFamily",["sans","sans-alt","serif","serif-alt","mono","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontWeight",["thin","extralight","light","regular","medium","semibold","bold","extrabold","black","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["lineHeight",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["textTransform",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1","none","uppercase","lowercase","capitalize"]],["display",["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["spacing",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderBottomColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderBottomWidth",["thin"]],["spacingStart",["0.5"]]],VStack:[["overflow",["hidden","auto","clip","visible","scroll"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["alignItems",["flex-start"]],["borderRadius",["lg","md"]],["backgroundColor",["primary"]],["spacingVertical",["2"]],["position",["fixed"]],["spacing",["8"]]],Accordion:[["spacingHorizontal",["4"]]],Avatar:[],CheckBox:[],Chip:[],Dropdown:[],DropdownItem:[],DropdownItemPressable:[],DropdownItems:[["overflow",["scroll"]]],DropdownTrigger:[],Modal:[],ModalDismiss:[],ModalHeader:[],Popover:[],PopoverAnchor:[],PopoverArrow:[],PopoverDescription:[],PopoverDisclosure:[],PopoverDisclosureArrow:[],PopoverDismiss:[],PopoverHeading:[],PopoverProvider:[],Spinner:[],Tab:[],TabList:[],TabPanel:[],Table:[],Tabs:[],TextInput:[["backgroundColor",["secondary"]],["borderColor",["tertiary"]],["borderWidth",["thin"]],["borderRadius",["md"]],["color",["primary"]],["placeholderColor",["tertiary"]],["spacingVertical",["3"]],["spacingHorizontal",["4"]]],TextInputGroup:[],TextInputLabel:[],ToastContainer:[]},o={Box:"container flex border",Button:"uds-button uds-button .uds-button-icon uds-button .uds-button-spacer uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button uds-button:focus-visible focused .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button .uds-button-icon flex animate-spin overflow-hidden",HStack:"container ",Icon:"outline",IconButton:"uds-button uds-button .uds-button-icon uds-button .uds-button-spacer uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button uds-button:focus-visible focused .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button uds-icon-button .uds-button-icon animate-spin",Image:"flex border",Pressable:"flex border",SpringMotionConfig:"transition",Text:"container flex border",VStack:"container ",Accordion:"flex hidden max-h-0 max-h-full min-h-min w-full transition-\\[max-height\\] duration-500 ease-in-out hover\\:bg-secondary\\/80:hover",Avatar:"",CheckBox:"\\!max-w-0 cursor-pointer select-none opacity-0",Chip:"inline-flex",Dropdown:"",DropdownItem:"",DropdownItemPressable:"\\!disabled .uds-button disabled .uds-button flex cursor-default hover\\:bg-gray-2:hover",DropdownItems:"z-10 max-h-\\[312px\\] min-w-\\[220px\\] \\!stroke-muted \\!stroke-1 shadow-md",DropdownTrigger:"",Modal:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalDismiss:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalHeader:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",Popover:"",PopoverAnchor:"",PopoverArrow:"",PopoverDescription:"",PopoverDisclosure:"",PopoverDisclosureArrow:"",PopoverDismiss:"",PopoverHeading:"",PopoverProvider:"",Spinner:"sr-only absolute relative left-0 right-0 animate-spin self-center fill-accent text-gray-3",Tab:'flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',Table:"block inline flex table table-cell table-header-group table-row-group table-row grid hidden",Tabs:'flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TextInput:"disabled .uds-button w-full",TextInputGroup:"w-full",TextInputLabel:"",ToastContainer:"relative flex hidden cursor-pointer p-2 transition"},r={Box:[],Button:["Icon","SpringMotionConfig"],HStack:["Box"],Icon:[],IconButton:["Icon","SpringMotionConfig"],Image:[],Pressable:[],SpringMotionConfig:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],CheckBox:["CheckBox","HStack","Icon","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["Button","PopoverDisclosure"],Modal:["IconButton","HStack","Text","VStack"],ModalDismiss:["IconButton","HStack","Text","VStack"],ModalHeader:["IconButton","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["IconButton","ToastContainer"]};
|
3
3
|
//! This file is generated by purgeCSS.ts from @yahoo/uds
|
4
4
|
//! Do not edit directly
|
@@ -1,3 +1,3 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.
|
1
|
+
"use strict";var e=require("../chunk-KPMTVHLY.cjs"),t=require("lodash-es"),n=require("ts-morph");
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v1.1.3 */
|
3
3
|
function i(e){if(n.Node.isCallExpression(e)){const t=e.getExpression();if(n.Node.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(n.Node.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function r(e){let t;if(n.Node.isVariableDeclaration(e)||n.Node.isFunctionDeclaration(e)||n.Node.isClassDeclaration(e))t=e.getName();else if(n.Node.isFunctionExpression(e)||n.Node.isArrowFunction(e)){const i=e.getFirstAncestorByKind(n.SyntaxKind.VariableDeclaration);t=i?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function s(e){if(r(e)){if(n.Node.isFunctionDeclaration(e))return e;if(n.Node.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(i(t)){const[e]=t.getArguments();if(n.Node.isFunctionDeclaration(e)||n.Node.isFunctionExpression(e)||n.Node.isArrowFunction(e))return e}else if(n.Node.isFunctionDeclaration(t)||n.Node.isFunctionExpression(t)||n.Node.isArrowFunction(t))return t}}return null}function o(e){return e.getDescendants().filter((e=>n.Node.isJsxElement(e)||n.Node.isJsxSelfClosingElement(e)))}var a=e=>{const t=e.getParentWhile((e=>!s(e))).getParent();if(!t)return;const i=s(t);if(i){const e=i.getParameters();for(let t=0;t<e.length;t++){const i=e[t],r=i.getChildrenOfKind(n.SyntaxKind.ObjectBindingPattern)[0],s=i.getChildrenOfKind(n.SyntaxKind.Identifier)[0];if(r){const e=r.getFirstDescendantByKind(n.SyntaxKind.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(n.SyntaxKind.Identifier).getText();return t}}else if(s)return s.getText()}}};exports.findReferencesAsJsxElements=function(e){const t=[];for(const i of e.findReferencesAsNodes()){const e=i.getFirstAncestor((e=>n.Node.isJsxOpeningElement(e)||n.Node.isJsxSelfClosingElement(e)));e&&t.push(e)}return t},exports.getJsxElement=function(e,t){return o(e).find((e=>e.getFirstDescendantByKindOrThrow(n.SyntaxKind.Identifier).getText()===t))},exports.getJsxElements=o,exports.getParentSpreadOrParamIdentifier=a,exports.getReactFunctionDeclaration=s,exports.getUsedPropsInReference=i=>{const r=i.getAttributes(),s=[];return r.forEach((r=>{if(n.Node.isJsxAttribute(r)){const i=r.getNameNode().getText(),o=r.getDescendantsOfKind(n.SyntaxKind.StringLiteral),a=[];0!==o.length&&o.forEach((e=>a.push(e.getLiteralText())));const d=r.getFirstChildByKindOrThrow(n.SyntaxKind.Identifier).getDefinitions().map((e=>e.getDeclarationNode()?.getChildrenOfKind(n.SyntaxKind.Identifier).pop()?.getType().getText())).pop()?.split(".").pop();d||t.isEmpty(i)?e.variants[t.camelCase(d)]&&!t.isEmpty(d)?s.push([t.camelCase(d),a]):t.isEmpty(i)||s.push([i,a]):s.push([i,a])}if(n.Node.isJsxSpreadAttribute(r)){const e=a(i),o=r.getExpression().getChildren(),d=0===o.length?r.getExpression():o.pop();if(!d||d?.getText()===e)return[];d.getType().getProperties().forEach((e=>{const i=e.getDeclarations().map((e=>{const i=e.getChildrenOfKind(n.SyntaxKind.TypeReference)[0]?.getText()??"";return t.camelCase(i)}))[0];t.isEmpty(e.getName())||s.push([e.getName(),[]]),t.isEmpty(i)||s.push([i,[]])}))}return[]})),s},exports.isForwardRefExpression=i,exports.isJsxComponent=r;
|
package/dist/tailwind/tsMorph.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{variants as e}from"../chunk-
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v1.1.
|
1
|
+
import{variants as e}from"../chunk-LE3OYIN6.js";import{isEmpty as t,camelCase as n}from"lodash-es";import{Node as i,SyntaxKind as r}from"ts-morph";
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v1.1.3 */function s(e){if(i.isCallExpression(e)){const t=e.getExpression();if(i.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(i.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function o(e){let t;if(i.isVariableDeclaration(e)||i.isFunctionDeclaration(e)||i.isClassDeclaration(e))t=e.getName();else if(i.isFunctionExpression(e)||i.isArrowFunction(e)){const n=e.getFirstAncestorByKind(r.VariableDeclaration);t=n?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function c(e){if(o(e)){if(i.isFunctionDeclaration(e))return e;if(i.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(s(t)){const[e]=t.getArguments();if(i.isFunctionDeclaration(e)||i.isFunctionExpression(e)||i.isArrowFunction(e))return e}else if(i.isFunctionDeclaration(t)||i.isFunctionExpression(t)||i.isArrowFunction(t))return t}}return null}function a(e,t){return f(e).find((e=>e.getFirstDescendantByKindOrThrow(r.Identifier).getText()===t))}function f(e){return e.getDescendants().filter((e=>i.isJsxElement(e)||i.isJsxSelfClosingElement(e)))}function g(e){const t=[];for(const n of e.findReferencesAsNodes()){const e=n.getFirstAncestor((e=>i.isJsxOpeningElement(e)||i.isJsxSelfClosingElement(e)));e&&t.push(e)}return t}var l=e=>{const t=e.getParentWhile((e=>!c(e))).getParent();if(!t)return;const n=c(t);if(n){const e=n.getParameters();for(let t=0;t<e.length;t++){const n=e[t],i=n.getChildrenOfKind(r.ObjectBindingPattern)[0],s=n.getChildrenOfKind(r.Identifier)[0];if(i){const e=i.getFirstDescendantByKind(r.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(r.Identifier).getText();return t}}else if(s)return s.getText()}}},u=s=>{const o=s.getAttributes(),c=[];return o.forEach((o=>{if(i.isJsxAttribute(o)){const i=o.getNameNode().getText(),s=o.getDescendantsOfKind(r.StringLiteral),a=[];0!==s.length&&s.forEach((e=>a.push(e.getLiteralText())));const f=o.getFirstChildByKindOrThrow(r.Identifier).getDefinitions().map((e=>e.getDeclarationNode()?.getChildrenOfKind(r.Identifier).pop()?.getType().getText())).pop()?.split(".").pop();f||t(i)?e[n(f)]&&!t(f)?c.push([n(f),a]):t(i)||c.push([i,a]):c.push([i,a])}if(i.isJsxSpreadAttribute(o)){const e=l(s),i=o.getExpression().getChildren(),a=0===i.length?o.getExpression():i.pop();if(!a||a?.getText()===e)return[];a.getType().getProperties().forEach((e=>{const i=e.getDeclarations().map((e=>{const t=e.getChildrenOfKind(r.TypeReference)[0]?.getText()??"";return n(t)}))[0];t(e.getName())||c.push([e.getName(),[]]),t(i)||c.push([i,[]])}))}return[]})),c};export{g as findReferencesAsJsxElements,a as getJsxElement,f as getJsxElements,l as getParentSpreadOrParamIdentifier,c as getReactFunctionDeclaration,u as getUsedPropsInReference,s as isForwardRefExpression,o as isJsxComponent};
|
package/dist/tailwind/utils.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
1
|
+
"use strict";var e=require("../chunk-QNSGFU4R.cjs"),t=require("../chunk-J7FW2E3Q.cjs");Object.defineProperty(exports,"addFontsPlugin",{enumerable:!0,get:function(){return e.addFontsPlugin}}),Object.defineProperty(exports,"getColorModeStyles",{enumerable:!0,get:function(){return e.getColorModeStyles}}),Object.defineProperty(exports,"getFontFaceDeclarations",{enumerable:!0,get:function(){return e.getFontFaceDeclarations}}),Object.defineProperty(exports,"getFontStyles",{enumerable:!0,get:function(){return e.getFontStyles}}),Object.defineProperty(exports,"getScaleModeStyles",{enumerable:!0,get:function(){return e.getScaleModeStyles}}),Object.defineProperty(exports,"getMotionStyles",{enumerable:!0,get:function(){return t.getMotionStyles}}),Object.defineProperty(exports,"getMotionVar",{enumerable:!0,get:function(){return t.getMotionVar}});
|
@@ -1,10 +1,34 @@
|
|
1
|
+
import { M as MotionVariant, g as MotionVariantSpeed, k as MotionSpringConfigOptions, l as MotionConfig, m as FontID, n as FontDeclarationConfig, o as FontConfig } from '../types-CpZ2ERLZ.cjs';
|
1
2
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { k as FontID, l as FontDeclarationConfig, m as FontConfig, M as MotionVariant, g as MotionVariantSpeed, n as MotionSpringConfigOptions, o as MotionConfig } from '../types-CDWK8Kiq.cjs';
|
3
3
|
import { WebTokens } from '../tokens/parseTokens.cjs';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'framer-motion';
|
6
6
|
import 'react';
|
7
7
|
|
8
|
+
interface GetMotionVarParams {
|
9
|
+
variant: MotionVariant;
|
10
|
+
speed: MotionVariantSpeed;
|
11
|
+
control: MotionSpringConfigOptions;
|
12
|
+
}
|
13
|
+
declare function getMotionVar({ variant, speed, control }: GetMotionVarParams): string;
|
14
|
+
/**
|
15
|
+
* Return CSS variables object based on the motion config.
|
16
|
+
* i.e. { --uds-motion-damped-1--damping: '20.585796264350424' }
|
17
|
+
*
|
18
|
+
* @example
|
19
|
+
* // 1. Use return value in style prop of an html element to assign motion variables at runtime
|
20
|
+
*
|
21
|
+
* const motionVars = getMotionStyles(motionConfig);
|
22
|
+
* <body style={motionVars}> {...} </body>
|
23
|
+
*
|
24
|
+
* // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
|
25
|
+
*
|
26
|
+
* const motionVars = getMotionStyles(motionConfig);
|
27
|
+
* addBase({ ':root': motionVars });
|
28
|
+
*
|
29
|
+
*/
|
30
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
31
|
+
|
8
32
|
interface AddFontsPluginOptions {
|
9
33
|
fontIds: FontID[];
|
10
34
|
}
|
@@ -46,31 +70,7 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationConf
|
|
46
70
|
* addBase({ ':root': fontVars });
|
47
71
|
*
|
48
72
|
*/
|
49
|
-
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-
|
50
|
-
|
51
|
-
interface GetMotionVarParams {
|
52
|
-
variant: MotionVariant;
|
53
|
-
speed: MotionVariantSpeed;
|
54
|
-
control: MotionSpringConfigOptions;
|
55
|
-
}
|
56
|
-
declare function getMotionVar({ variant, speed, control }: GetMotionVarParams): string;
|
57
|
-
/**
|
58
|
-
* Return CSS variables object based on the motion config.
|
59
|
-
* i.e. { --uds-motion-damped-1--damping: '20.585796264350424' }
|
60
|
-
*
|
61
|
-
* @example
|
62
|
-
* // 1. Use return value in style prop of an html element to assign motion variables at runtime
|
63
|
-
*
|
64
|
-
* const motionVars = getMotionStyles(motionConfig);
|
65
|
-
* <body style={motionVars}> {...} </body>
|
66
|
-
*
|
67
|
-
* // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
|
68
|
-
*
|
69
|
-
* const motionVars = getMotionStyles(motionConfig);
|
70
|
-
* addBase({ ':root': motionVars });
|
71
|
-
*
|
72
|
-
*/
|
73
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
73
|
+
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>;
|
74
74
|
|
75
75
|
declare function getScaleModeStyles(tokens: WebTokens): {
|
76
76
|
xSmall: {
|
package/dist/tailwind/utils.d.ts
CHANGED
@@ -1,10 +1,34 @@
|
|
1
|
+
import { M as MotionVariant, g as MotionVariantSpeed, k as MotionSpringConfigOptions, l as MotionConfig, m as FontID, n as FontDeclarationConfig, o as FontConfig } from '../types-CpZ2ERLZ.js';
|
1
2
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { k as FontID, l as FontDeclarationConfig, m as FontConfig, M as MotionVariant, g as MotionVariantSpeed, n as MotionSpringConfigOptions, o as MotionConfig } from '../types-CDWK8Kiq.js';
|
3
3
|
import { WebTokens } from '../tokens/parseTokens.js';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'framer-motion';
|
6
6
|
import 'react';
|
7
7
|
|
8
|
+
interface GetMotionVarParams {
|
9
|
+
variant: MotionVariant;
|
10
|
+
speed: MotionVariantSpeed;
|
11
|
+
control: MotionSpringConfigOptions;
|
12
|
+
}
|
13
|
+
declare function getMotionVar({ variant, speed, control }: GetMotionVarParams): string;
|
14
|
+
/**
|
15
|
+
* Return CSS variables object based on the motion config.
|
16
|
+
* i.e. { --uds-motion-damped-1--damping: '20.585796264350424' }
|
17
|
+
*
|
18
|
+
* @example
|
19
|
+
* // 1. Use return value in style prop of an html element to assign motion variables at runtime
|
20
|
+
*
|
21
|
+
* const motionVars = getMotionStyles(motionConfig);
|
22
|
+
* <body style={motionVars}> {...} </body>
|
23
|
+
*
|
24
|
+
* // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
|
25
|
+
*
|
26
|
+
* const motionVars = getMotionStyles(motionConfig);
|
27
|
+
* addBase({ ':root': motionVars });
|
28
|
+
*
|
29
|
+
*/
|
30
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
31
|
+
|
8
32
|
interface AddFontsPluginOptions {
|
9
33
|
fontIds: FontID[];
|
10
34
|
}
|
@@ -46,31 +70,7 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationConf
|
|
46
70
|
* addBase({ ':root': fontVars });
|
47
71
|
*
|
48
72
|
*/
|
49
|
-
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-
|
50
|
-
|
51
|
-
interface GetMotionVarParams {
|
52
|
-
variant: MotionVariant;
|
53
|
-
speed: MotionVariantSpeed;
|
54
|
-
control: MotionSpringConfigOptions;
|
55
|
-
}
|
56
|
-
declare function getMotionVar({ variant, speed, control }: GetMotionVarParams): string;
|
57
|
-
/**
|
58
|
-
* Return CSS variables object based on the motion config.
|
59
|
-
* i.e. { --uds-motion-damped-1--damping: '20.585796264350424' }
|
60
|
-
*
|
61
|
-
* @example
|
62
|
-
* // 1. Use return value in style prop of an html element to assign motion variables at runtime
|
63
|
-
*
|
64
|
-
* const motionVars = getMotionStyles(motionConfig);
|
65
|
-
* <body style={motionVars}> {...} </body>
|
66
|
-
*
|
67
|
-
* // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
|
68
|
-
*
|
69
|
-
* const motionVars = getMotionStyles(motionConfig);
|
70
|
-
* addBase({ ':root': motionVars });
|
71
|
-
*
|
72
|
-
*/
|
73
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
73
|
+
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>;
|
74
74
|
|
75
75
|
declare function getScaleModeStyles(tokens: WebTokens): {
|
76
76
|
xSmall: {
|
package/dist/tailwind/utils.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export{addFontsPlugin,getColorModeStyles,getFontFaceDeclarations,getFontStyles,getMotionStyles,getMotionVar
|
1
|
+
export{addFontsPlugin,getColorModeStyles,getFontFaceDeclarations,getFontStyles,getScaleModeStyles}from"../chunk-QZWUGDVE.js";export{getMotionStyles,getMotionVar}from"../chunk-HLKHW673.js";
|
package/dist/tokens/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
1
|
+
"use strict";var e=require("../chunk-VALCERQG.cjs"),t=require("../chunk-7UKDFATG.cjs"),r=require("../chunk-KPMTVHLY.cjs"),n=require("../chunk-A5DQMIPY.cjs");Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return e.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return e.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return e.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return e.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return e.button}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return e.defaultTokensConfig}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return e.fromEntries}}),Object.defineProperty(exports,"generateConfigCombinations",{enumerable:!0,get:function(){return e.generateConfigCombinations}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return e.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return t.entries}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return t.fontWeightMap}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return t.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return r.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return n.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return n.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return n.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return n.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return n.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}});
|
package/dist/tokens/index.d.cts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { aq as ButtonKind, aJ as CorePaletteAlias, al as ButtonBaseConfig, B as ButtonConfig, aG as ColorModeConfig, bz as ScaleModeConfig,
|
2
|
-
export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, h as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, a as ColorsConfig, aI as CorePalette, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontCssVar,
|
1
|
+
import { aq as ButtonKind, aJ as CorePaletteAlias, al as ButtonBaseConfig, B as ButtonConfig, aG as ColorModeConfig, bz as ScaleModeConfig, o as FontConfig, b9 as IconButtonConfig, l as MotionConfig, b3 as FontWeightDescriptive, d as FontWeightNumeric, aH as ColorModeForApp, bA as ScaleModeForApp, C as ColorMode, S as ScaleMode, b7 as HighContrastMode, bw as RegionMode } from '../types-CpZ2ERLZ.cjs';
|
2
|
+
export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, h as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, a as ColorsConfig, aI as CorePalette, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontCssVar, n as FontDeclarationConfig, a_ as FontFamilyCDNUrl, a$ as FontFamilyConfig, m as FontID, b0 as FontSize, b1 as FontSizeConfig, b2 as FontType, F as FontWeightConfig, b4 as ForegroundColor, b5 as ForegroundPalette, b6 as ForegroundPaletteAlias, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b8 as IconButtonClassName, ba as IconButtonDefaultsConfig, bb as IconButtonSize, bc as IconSizeConfig, bd as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, be as LayoutStyleProps, bf as LetterSpacing, bg as LineClampAlias, bh as LineColor, bi as LineHeight, bj as LineHeightConfig, bk as LinePalette, bl as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bm as Modes, bn as MotionCssVar, bo as MotionSpringConfig, k as MotionSpringConfigOptions, M as MotionVariant, g as MotionVariantSpeed, bp as MotionVariantValues, bq as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, br as Palette, c as PaletteConfig, P as PaletteType, bs as PaletteValue, bt as PlatformMode, bu as Position, bv as PropertyToPaletteAliasMap, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, bx as ScaleConfig, by as ScaleEffectMap, bB as SpacingAlias, bC as SpacingConfig, bD as SpacingStyleProps, bE as SpectrumColor, bF as SpectrumConfig, bG as StateStyleProps, bH as StyleProps, T as TEXT_TRANSFORM_PREFIX, bQ as TShirtSize, bR as TShirtSizeCommon, bI as TextProperty, bJ as TextStyleProps, bK as TextTransform, bL as TextTransformConfig, bM as TextVariant, bN as TransitionDelay, bO as TransitionDuration, bP as TransitionTiming, w as UDS_PREFIX, bS as UdsCssVar, bT as UniversalAvatarProps, p as UniversalBoxProps, e as UniversalButtonProps, f as UniversalIconButtonProps, r as UniversalIconProps, s as UniversalImageProps, t as UniversalPressableProps, q as UniversalStackProps, bU as UniversalTextInputProps, u as UniversalTextProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from '../types-CpZ2ERLZ.cjs';
|
3
3
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
4
4
|
import 'framer-motion';
|
5
5
|
import 'react';
|
package/dist/tokens/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { aq as ButtonKind, aJ as CorePaletteAlias, al as ButtonBaseConfig, B as ButtonConfig, aG as ColorModeConfig, bz as ScaleModeConfig,
|
2
|
-
export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, h as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, a as ColorsConfig, aI as CorePalette, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontCssVar,
|
1
|
+
import { aq as ButtonKind, aJ as CorePaletteAlias, al as ButtonBaseConfig, B as ButtonConfig, aG as ColorModeConfig, bz as ScaleModeConfig, o as FontConfig, b9 as IconButtonConfig, l as MotionConfig, b3 as FontWeightDescriptive, d as FontWeightNumeric, aH as ColorModeForApp, bA as ScaleModeForApp, C as ColorMode, S as ScaleMode, b7 as HighContrastMode, bw as RegionMode } from '../types-CpZ2ERLZ.js';
|
2
|
+
export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, h as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, a as ColorsConfig, aI as CorePalette, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aN as Flex, aO as FlexAlignContent, aP as FlexAlignItems, aQ as FlexAlignSelf, aR as FlexBasis, aS as FlexDirection, aT as FlexGrow, aU as FlexJustifyContent, aV as FlexShrink, aW as FlexStyleProps, aX as FlexWrap, aY as FontAlias, aZ as FontCssVar, n as FontDeclarationConfig, a_ as FontFamilyCDNUrl, a$ as FontFamilyConfig, m as FontID, b0 as FontSize, b1 as FontSizeConfig, b2 as FontType, F as FontWeightConfig, b4 as ForegroundColor, b5 as ForegroundPalette, b6 as ForegroundPaletteAlias, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b8 as IconButtonClassName, ba as IconButtonDefaultsConfig, bb as IconButtonSize, bc as IconSizeConfig, bd as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, be as LayoutStyleProps, bf as LetterSpacing, bg as LineClampAlias, bh as LineColor, bi as LineHeight, bj as LineHeightConfig, bk as LinePalette, bl as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bm as Modes, bn as MotionCssVar, bo as MotionSpringConfig, k as MotionSpringConfigOptions, M as MotionVariant, g as MotionVariantSpeed, bp as MotionVariantValues, bq as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, br as Palette, c as PaletteConfig, P as PaletteType, bs as PaletteValue, bt as PlatformMode, bu as Position, bv as PropertyToPaletteAliasMap, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, bx as ScaleConfig, by as ScaleEffectMap, bB as SpacingAlias, bC as SpacingConfig, bD as SpacingStyleProps, bE as SpectrumColor, bF as SpectrumConfig, bG as StateStyleProps, bH as StyleProps, T as TEXT_TRANSFORM_PREFIX, bQ as TShirtSize, bR as TShirtSizeCommon, bI as TextProperty, bJ as TextStyleProps, bK as TextTransform, bL as TextTransformConfig, bM as TextVariant, bN as TransitionDelay, bO as TransitionDuration, bP as TransitionTiming, w as UDS_PREFIX, bS as UdsCssVar, bT as UniversalAvatarProps, p as UniversalBoxProps, e as UniversalButtonProps, f as UniversalIconButtonProps, r as UniversalIconProps, s as UniversalImageProps, t as UniversalPressableProps, q as UniversalStackProps, bU as UniversalTextInputProps, u as UniversalTextProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from '../types-CpZ2ERLZ.js';
|
3
3
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
4
4
|
import 'framer-motion';
|
5
5
|
import 'react';
|
package/dist/tokens/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"../chunk-
|
1
|
+
export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"../chunk-GZJKXMFV.js";export{entries,fontWeightMap,mapValues}from"../chunk-CXEWB6BJ.js";export{variants}from"../chunk-LE3OYIN6.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-TJ7DD5FY.js";
|