@yahoo/uds 1.2.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/cli/uds-cli +2 -2
  2. package/cli/utils/getDirChoices.ts +1 -0
  3. package/package.json +156 -155
  4. package/cli/bin/uds-darwin-arm64-baseline +0 -0
  5. package/cli/bin/uds-linux-x64-baseline +0 -0
  6. package/dist/chunk-2JIYRTEY.js +0 -3
  7. package/dist/chunk-3VTRSTDI.cjs +0 -2
  8. package/dist/chunk-4J7ZJHCN.js +0 -2
  9. package/dist/chunk-5X3JN6IH.cjs +0 -3
  10. package/dist/chunk-6K5IORZA.cjs +0 -2
  11. package/dist/chunk-AIRVDEVS.cjs +0 -3
  12. package/dist/chunk-BQTYVXIC.js +0 -3
  13. package/dist/chunk-CE5NDFHI.js +0 -2
  14. package/dist/chunk-E3Z3A4MR.cjs +0 -2
  15. package/dist/chunk-OJR4RBBW.js +0 -3
  16. package/dist/chunk-PCSDVJE6.js +0 -2
  17. package/dist/chunk-SLCISFAV.cjs +0 -3
  18. package/dist/chunk-TWTUXY76.cjs +0 -2
  19. package/dist/chunk-TYKFUQUM.cjs +0 -1
  20. package/dist/chunk-W5AGPUNC.cjs +0 -4
  21. package/dist/chunk-XFTF7IHG.js +0 -2
  22. package/dist/chunk-Y2TGGXMH.js +0 -3
  23. package/dist/chunk-ZJE5XRN2.js +0 -4
  24. package/dist/client/index.cjs +0 -4
  25. package/dist/client/index.d.cts +0 -97
  26. package/dist/client/index.d.ts +0 -97
  27. package/dist/client/index.js +0 -6
  28. package/dist/experimental/index.cjs +0 -3
  29. package/dist/experimental/index.d.cts +0 -451
  30. package/dist/experimental/index.d.ts +0 -451
  31. package/dist/experimental/index.js +0 -3
  32. package/dist/fixtures.cjs +0 -1506
  33. package/dist/fixtures.d.cts +0 -94
  34. package/dist/fixtures.d.ts +0 -94
  35. package/dist/fixtures.js +0 -1449
  36. package/dist/index.cjs +0 -1
  37. package/dist/index.d.cts +0 -300
  38. package/dist/index.d.ts +0 -300
  39. package/dist/index.js +0 -2
  40. package/dist/metafile-cjs.json +0 -1
  41. package/dist/metafile-esm.json +0 -1
  42. package/dist/motionFeatures-M3DOZMRC.cjs +0 -1
  43. package/dist/motionFeatures-QDISAARM.js +0 -1
  44. package/dist/styles/toast.css +0 -3
  45. package/dist/styles/toast.d.cts +0 -2
  46. package/dist/styles/toast.d.ts +0 -2
  47. package/dist/tailwind/plugin.cjs +0 -3
  48. package/dist/tailwind/plugin.d.cts +0 -60
  49. package/dist/tailwind/plugin.d.ts +0 -60
  50. package/dist/tailwind/plugin.js +0 -3
  51. package/dist/tailwind/purger.cjs +0 -6
  52. package/dist/tailwind/purger.d.cts +0 -17
  53. package/dist/tailwind/purger.d.ts +0 -17
  54. package/dist/tailwind/purger.js +0 -6
  55. package/dist/tailwind/tsMorph.cjs +0 -3
  56. package/dist/tailwind/tsMorph.d.cts +0 -31
  57. package/dist/tailwind/tsMorph.d.ts +0 -31
  58. package/dist/tailwind/tsMorph.js +0 -2
  59. package/dist/tailwind/utils.cjs +0 -1
  60. package/dist/tailwind/utils.d.cts +0 -99
  61. package/dist/tailwind/utils.d.ts +0 -99
  62. package/dist/tailwind/utils.js +0 -1
  63. package/dist/tokens/index.cjs +0 -1
  64. package/dist/tokens/index.d.cts +0 -1127
  65. package/dist/tokens/index.d.ts +0 -1127
  66. package/dist/tokens/index.js +0 -1
  67. package/dist/tokens/parseTokens.cjs +0 -1
  68. package/dist/tokens/parseTokens.d.cts +0 -59
  69. package/dist/tokens/parseTokens.d.ts +0 -59
  70. package/dist/tokens/parseTokens.js +0 -1
  71. package/dist/types-CpZ2ERLZ.d.cts +0 -949
  72. package/dist/types-CpZ2ERLZ.d.ts +0 -949
@@ -1 +0,0 @@
1
- "use strict";var e=require("framer-motion");Object.defineProperty(exports,"domAnimation",{enumerable:!0,get:function(){return e.domAnimation}});
@@ -1 +0,0 @@
1
- export{domAnimation}from"framer-motion";
@@ -1,3 +0,0 @@
1
- @import "react-toastify/ReactToastify.css";
2
-
3
- /* src/styles/toast.css */
@@ -1,2 +0,0 @@
1
-
2
- export { }
@@ -1,2 +0,0 @@
1
-
2
- export { }
@@ -1,3 +0,0 @@
1
- "use strict";var e=require("../chunk-SLCISFAV.cjs"),t=require("../chunk-AIRVDEVS.cjs"),o=require("../chunk-5X3JN6IH.cjs"),i=require("../chunk-W5AGPUNC.cjs"),n=require("../chunk-E3Z3A4MR.cjs"),r=require("../chunk-3VTRSTDI.cjs"),a=require("../chunk-6K5IORZA.cjs"),s=require("@yahoo/uds/fixtures"),l=require("tailwindcss/plugin"),d=require("tailwindcss/defaultTheme");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(l),_=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})},c={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),display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",...u,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},_=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={".uds-button":c,".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}`]:_,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]:S,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.disabled}`]:A,".disabled .uds-button":A},h={".hover":{".uds-button":_},".pressed":{".uds-button":S}};for(const[o,i]of n.entries(e.size))p[`.uds-button-${o}`]=g(i,t);function E(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)};p[o]=u.rest,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.notDisabled}`]=u.restScale,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]=u.hover,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]=u.pressed,h[".hover"][o]=u.hover,h[".pressed"][o]=u.pressed}for(const t of s.buttonPalettes){E(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of s.buttonVariants)E(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&E(`.uds-button-${o}`,{palette:t,variant:o})}return{...p,...h}}var h={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var E="44px";function O(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 M(e,t){const o=O(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}`]=O(r,t);return i}var b={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"},R={fontSize:b,lineHeight:b,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function m(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var L={...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE],fontSize:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(R.fontSize,(e=>m(_.default.fontSize[e][0])))},lineHeight:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(R.lineHeight,(e=>m(_.default.fontSize[e][1].lineHeight))),display1:m(_.default.fontSize[R.fontSize.display1][0]),display2:m(_.default.fontSize[R.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(R.borderRadius,(e=>m(_.default.borderRadius[e])))},borderWidth:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].borderWidth,...n.mapValues(R.borderWidth,(e=>m(_.default.borderWidth[e])))}};function U(e){return{...i.defaultTokensConfig.scaleMode[e],fontWeight:L.fontWeight,fontSize:n.mapValues(L.fontSize,((t,o)=>t+s.fontSizeRamp[e][o])),lineHeight:n.mapValues(L.lineHeight,((t,o)=>t+s.lineHeightRamp[e][o])),borderRadius:n.mapValues(L.borderRadius,((t,o)=>t+s.borderRadiusRamp[e][o])),borderWidth:n.mapValues(L.borderWidth,((t,o)=>t+s.borderWidthRamp[e][o]))}}var v={...i.defaultTokensConfig,scaleMode:{xSmall:U("xSmall"),small:U("small"),medium:U("medium"),large:U("large"),xLarge:U("xLarge"),xxLarge:U("xxLarge"),xxxLarge:U("xxxLarge")}};var P=c.default.withOptions((function({config:n=i.defaultTokensConfig,disableFontFaceDeclarations:a=!1}){return function({addBase:s,matchUtilities:l,addComponents:d,theme:u}){const c=e.parseTokens(n),_=Object.values(n.font);if(!1===a&&t.addFontFaceDeclarations(_,s),function(e,o){o({":root":t.getFontStyles(e)})}(n.font,s),
2
- /*! © 2024 Yahoo, Inc. UDS v1.2.0 */
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})}(c,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})}(c,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 M(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(${E}, 100%)`,height:`max(${E}, 100%)`,transform:"translate(-50%, -50%)"}}});const S=function({theme:e}){return{".uds-ring":{"--uds-outline-offset":e("outlineOffset.DEFAULT"),"--uds-outline-width":e("outlineWidth.DEFAULT"),"--uds-outline-color":e("outlineColor.DEFAULT"),"--uds-outline-style":"solid"},[`.uds-ring${r.PSEUDO_STYLE_SELECTOR_MAP.focused}`]:h,".focused .uds-ring":h}}({theme:u});s(S),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]}))),c=l.palette.core,_={...s.tailwindColorsAsUds,...u,...i.alwaysPalette,...c},S=l.palette.foreground,f=l.palette.background,A=l.palette.line,T=i.fromEntries(n.entries(R.fontSize).map((([e,t])=>[t,[`var(--${r.FONT_SIZE_PREFIX}-${e})`,{lineHeight:`var(--${r.LINE_HEIGHT_PREFIX}-${e})`}]]))),C=i.fromEntries(n.entries(R.borderRadius).map((([e,t])=>[t,`var(--${r.BORDER_RADIUS_PREFIX}-${e})`]))),g={...d.borderRadius.tailwindConfig,...C},p=i.fromEntries(n.entries(R.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,DEFAULT:"2px"},outlineOffset:{...h,DEFAULT:"2px"},outlineColor:({theme:e})=>({...A,DEFAULT:e("colors.accent")}),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:_,backgroundColor:f,textColor:S,borderColor:A,fill:f,caretColor:S,placeholderColor:S,textDecorationColor:S,divideColor: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=v,exports.getButtonColorForProperty=A,exports.getButtonStyles=p,exports.getIconButtonStyles=M,exports.getUDSContent=()=>[a.__require.resolve("@yahoo/uds"),a.__require.resolve("@yahoo/uds/client"),a.__require.resolve("@yahoo/uds/experimental")],exports.tailwindPlugin=P,exports.udsToTailwindMap=R;
@@ -1,60 +0,0 @@
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-CpZ2ERLZ.cjs';
3
- import defaultTailwindTheme from 'tailwindcss/defaultTheme';
4
- import '@yahoo/uds-icons/types';
5
- import 'framer-motion';
6
- import 'react';
7
-
8
- /** TODO: create typed theme function to ensure valid paths are being used */
9
- type ThemeFn = (path: string) => string;
10
-
11
- declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
12
-
13
- type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
14
- declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
15
-
16
- type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
17
- type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
18
- type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
19
- type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, TwBorderRadiusToExclude>;
20
- type TwBorderWidthToExclude = '0' | '8';
21
- type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
22
- declare const udsToTailwindMap: {
23
- fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
24
- lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
25
- borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
26
- borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
27
- };
28
- /**
29
- * This is a manually defined UDS config converted to use values from Tailwind's default theme.
30
- * https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js
31
- */
32
- declare const defaultTailwindThemeAsUdsConfig: UniversalTokensConfig;
33
-
34
- declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
35
-
36
- interface TailwindPluginOptions {
37
- config?: UniversalTokensConfig;
38
- safelist?: string[];
39
- /**
40
- * Disable generating font face declarations through Tailwind
41
- * @default false
42
- */
43
- disableFontFaceDeclarations?: boolean;
44
- }
45
- declare const tailwindPlugin: {
46
- (options: TailwindPluginOptions): {
47
- handler: tailwindcss_types_config.PluginCreator;
48
- config?: Partial<tailwindcss_types_config.Config>;
49
- };
50
- __isOptionsFunction: true;
51
- };
52
- /**
53
- * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
54
- * included in the app.
55
- * Note: wrapped in a function so client side usage of the tailwind plugin package
56
- * (e.g. configurator) doesn't error out on require() being undefined.
57
- * */
58
- declare const getUDSContent: () => string[];
59
-
60
- export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
@@ -1,60 +0,0 @@
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-CpZ2ERLZ.js';
3
- import defaultTailwindTheme from 'tailwindcss/defaultTheme';
4
- import '@yahoo/uds-icons/types';
5
- import 'framer-motion';
6
- import 'react';
7
-
8
- /** TODO: create typed theme function to ensure valid paths are being used */
9
- type ThemeFn = (path: string) => string;
10
-
11
- declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
12
-
13
- type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
14
- declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
15
-
16
- type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
17
- type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
18
- type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
19
- type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, TwBorderRadiusToExclude>;
20
- type TwBorderWidthToExclude = '0' | '8';
21
- type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
22
- declare const udsToTailwindMap: {
23
- fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
24
- lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
25
- borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
26
- borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
27
- };
28
- /**
29
- * This is a manually defined UDS config converted to use values from Tailwind's default theme.
30
- * https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js
31
- */
32
- declare const defaultTailwindThemeAsUdsConfig: UniversalTokensConfig;
33
-
34
- declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
35
-
36
- interface TailwindPluginOptions {
37
- config?: UniversalTokensConfig;
38
- safelist?: string[];
39
- /**
40
- * Disable generating font face declarations through Tailwind
41
- * @default false
42
- */
43
- disableFontFaceDeclarations?: boolean;
44
- }
45
- declare const tailwindPlugin: {
46
- (options: TailwindPluginOptions): {
47
- handler: tailwindcss_types_config.PluginCreator;
48
- config?: Partial<tailwindcss_types_config.Config>;
49
- };
50
- __isOptionsFunction: true;
51
- };
52
- /**
53
- * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
54
- * included in the app.
55
- * Note: wrapped in a function so client side usage of the tailwind plugin package
56
- * (e.g. configurator) doesn't error out on require() being undefined.
57
- * */
58
- declare const getUDSContent: () => string[];
59
-
60
- export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
@@ -1,3 +0,0 @@
1
- import{parseTokens as e}from"../chunk-2JIYRTEY.js";import{addFontFaceDeclarations as t,getColorModeStyles as o,getFontStyles as i,getScaleModeStyles as n}from"../chunk-BQTYVXIC.js";import{getMotionStyles as r}from"../chunk-XFTF7IHG.js";import{defaultTokensConfig as a,DEFAULT_SCALE_MODE as s,fromEntries as l,DEFAULT_COLOR_MODE as d,alwaysPalette as c}from"../chunk-ZJE5XRN2.js";import{mapValues as u,entries as f}from"../chunk-4J7ZJHCN.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 F,FONT_FAMILY_PREFIX as H}from"../chunk-PCSDVJE6.js";import{__require as T}from"../chunk-CE5NDFHI.js";import{tailwindColorsAsUds as L,alwaysPaletteAliases as R,buttonPalettes as D,buttonVariants as E,fontSizeRamp as M,lineHeightRamp as j,borderRadiusRamp as U,borderWidthRamp as A,fontAliases as O,textVariants as I,scaleEffectMap as J}from"@yahoo/uds/fixtures";import B from"tailwindcss/plugin";import V from"tailwindcss/defaultTheme";var N="sm";function X(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function Y(e,{type:t,value:o},i){const n="color"===e?"textColor":e;if("palette"===t)return R.includes(o)?o:i(`${n}.${o}`);{const[e,t]=o.split("-");return i(`colors.${e}.${t}`)}}function G({scale:e}){return J[e][N]}function P({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},r){return{[W.backgroundColor]:Y("backgroundColor",e,r),[W.borderColor]:Y("borderColor",t,r),[W.color]:Y("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 Q(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={...P(o.base,t),...Z(i,t),[W.effects.scale.rest]:G({scale:n}),[W.effects.scale.hover]:G({scale:r}),[W.effects.scale.pressed]:G({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),display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",...s,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},d=P(o.state.hover,t),c=P(o.state.pressed,t),u={cursor:"not-allowed",opacity:"0.2",[W.effects.scale.hover]:G({scale:"none"}),[W.effects.scale.pressed]:G({scale:"none"})},h={".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},p={".hover":{".uds-button":d},".pressed":{".uds-button":c}};for(const[o,i]of f(e.size))h[`.uds-button-${o}`]=Z(i,t);function g(o,{palette:i,variant:n}){const r=e.palette[i][n],a=r.base,s=r.state,l=r.effect,d={rest:{...P(a,t)},restScale:{[W.effects.scale.rest]:G({scale:a.scale}),[W.effects.scale.hover]:G({scale:l.hover.scale.value}),[W.effects.scale.pressed]:G({scale:l.pressed.scale.value})},hover:P(s.hover,t),pressed:P(s.pressed,t)};h[o]=d.rest,h[`${o}${k.notDisabled}`]=d.restScale,h[`${o}${k.hover}`]=d.hover,h[`${o}${k.pressed}`]=d.pressed,p[".hover"][o]=d.hover,p[".pressed"][o]=d.pressed}for(const t of D){g(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of E)g(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&g(`.uds-button-${o}`,{palette:t,variant:o})}return{...h,...p}}var q={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var K="44px";function _(e,t){const{spacing:o,iconSize:i}=e;return{[F.padding]:t(`spacing[${o}]`),[F.iconSize]:t(`sizing.icon.${i}`)}}function ee(e,t){const o=_(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:X(F,"padding",o)}},".uds-icon-button .uds-button-icon":{width:X(F,"iconSize",o),height:X(F,"iconSize",o)}};for(const[o,n]of f(e.size))i[`.uds-icon-button-${o}`]=_(n,t);return i}var te={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"},oe={fontSize:te,lineHeight:te,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function ie(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ne={...a.scaleMode[s],fontSize:{...a.scaleMode[s].fontSize,...u(oe.fontSize,(e=>ie(V.fontSize[e][0])))},lineHeight:{...a.scaleMode[s].fontSize,...u(oe.lineHeight,(e=>ie(V.fontSize[e][1].lineHeight))),display1:ie(V.fontSize[oe.fontSize.display1][0]),display2:ie(V.fontSize[oe.fontSize.display2][0])},fontWeight:u(a.scaleMode[s].fontWeight,(()=>"regular")),borderRadius:{...a.scaleMode[s].borderRadius,...u(oe.borderRadius,(e=>ie(V.borderRadius[e])))},borderWidth:{...a.scaleMode[s].borderWidth,...u(oe.borderWidth,(e=>ie(V.borderWidth[e])))}};function re(e){return{...a.scaleMode[e],fontWeight:ne.fontWeight,fontSize:u(ne.fontSize,((t,o)=>t+M[e][o])),lineHeight:u(ne.lineHeight,((t,o)=>t+j[e][o])),borderRadius:u(ne.borderRadius,((t,o)=>t+U[e][o])),borderWidth:u(ne.borderWidth,((t,o)=>t+A[e][o]))}}var ae={...a,scaleMode:{xSmall:re("xSmall"),small:re("small"),medium:re("medium"),large:re("large"),xLarge:re("xLarge"),xxLarge:re("xxLarge"),xxxLarge:re("xxxLarge")}};var se=B.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.2.0 */
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 Q(e,t)}(l.button,h);f(e)}if(l.iconButton){const e=function(e,t){return ee(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(${K}, 100%)`,height:`max(${K}, 100%)`,transform:"translate(-50%, -50%)"}}});const b=function({theme:e}){return{".uds-ring":{"--uds-outline-offset":e("outlineOffset.DEFAULT"),"--uds-outline-width":e("outlineWidth.DEFAULT"),"--uds-outline-color":e("outlineColor.DEFAULT"),"--uds-outline-style":"solid"},[`.uds-ring${k.focused}`]:q,".focused .uds-ring":q}}({theme:h});a(b),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,...L[t]}))),$=n.palette.core,x={...L,...v,...c,...$},z=n.palette.foreground,S=n.palette.background,y=n.palette.line,C=l(f(oe.fontSize).map((([e,t])=>[t,[`var(--${h}-${e})`,{lineHeight:`var(--${p}-${e})`}]]))),w=l(f(oe.borderRadius).map((([e,t])=>[t,`var(--${g}-${e})`]))),W={...r.borderRadius.tailwindConfig,...w},k=l(f(oe.borderWidth).map((([e,t])=>[t,`var(--${b}-${e})`]))),F={...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:F,outlineWidth:{...F,DEFAULT:"2px"},outlineOffset:{...F,DEFAULT:"2px"},outlineColor:({theme:e})=>({...y,DEFAULT:e("colors.accent")}),fontFamily:{...Object.fromEntries(O.map((e=>[e,`var(--${H}-${e})`]))),...Object.fromEntries(I.map((e=>[e,`var(--${H}-${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,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}}}}})),le=()=>[T.resolve("@yahoo/uds"),T.resolve("@yahoo/uds/client"),T.resolve("@yahoo/uds/experimental")];export{ae as defaultTailwindThemeAsUdsConfig,Y as getButtonColorForProperty,Q as getButtonStyles,ee as getIconButtonStyles,le as getUDSContent,se as tailwindPlugin,oe as udsToTailwindMap};
@@ -1,6 +0,0 @@
1
- "use strict";
2
- /*! © 2024 Yahoo, Inc. UDS v1.2.0 */
3
- //! This file is generated by purgeCSS.ts from @yahoo/uds
4
- //! Do not edit directly
5
- //! If there is issue with this file please report to #ask-uds
6
- exports.componentToTwClasses={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 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 ring",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 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 ring",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-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'flex border-b-transparent text-current text-tertiary 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-tertiary 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"},exports.componentToVariants={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"]],["buttonVariant",["primary","secondary","tertiary"]],["buttonPalette",["accent","brand","alert","positive","warning"]],["buttonSize",["sm","md","lg"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","current","tertiary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary"]],["iconSize",["sm","md","lg","size"]]],IconButton:[["iconButtonSize",["sm","xs","md","lg","xl"]],["buttonVariant",["tertiary","primary","secondary"]],["buttonPalette",["accent","brand","alert","positive","warning"]]],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"]],["borderWidth",["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"]],["borderWidth",["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:[]},exports.componentsDependencies={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"]},exports.variantsList=["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"];
@@ -1,17 +0,0 @@
1
- type PropToUsedOptions = [string, string[]];
2
- type ComponentToVariants = {
3
- [key: string]: PropToUsedOptions[];
4
- };
5
- type VariantsList = string[];
6
- type ComponentDependencies = {
7
- [key: string]: string[];
8
- };
9
- type ComponentToTwClasses = {
10
- [key: string]: string;
11
- };
12
- declare const variantsList: VariantsList;
13
- declare const componentToVariants: ComponentToVariants;
14
- declare const componentToTwClasses: ComponentToTwClasses;
15
- declare const componentsDependencies: ComponentDependencies;
16
-
17
- export { type ComponentDependencies, type ComponentToTwClasses, type ComponentToVariants, type PropToUsedOptions, type VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList };
@@ -1,17 +0,0 @@
1
- type PropToUsedOptions = [string, string[]];
2
- type ComponentToVariants = {
3
- [key: string]: PropToUsedOptions[];
4
- };
5
- type VariantsList = string[];
6
- type ComponentDependencies = {
7
- [key: string]: string[];
8
- };
9
- type ComponentToTwClasses = {
10
- [key: string]: string;
11
- };
12
- declare const variantsList: VariantsList;
13
- declare const componentToVariants: ComponentToVariants;
14
- declare const componentToTwClasses: ComponentToTwClasses;
15
- declare const componentsDependencies: ComponentDependencies;
16
-
17
- export { type ComponentDependencies, type ComponentToTwClasses, type ComponentToVariants, type PropToUsedOptions, type VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList };
@@ -1,6 +0,0 @@
1
- /*! © 2024 Yahoo, Inc. UDS v1.2.0 */
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"]],["buttonVariant",["primary","secondary","tertiary"]],["buttonPalette",["accent","brand","alert","positive","warning"]],["buttonSize",["sm","md","lg"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","current","tertiary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary"]],["iconSize",["sm","md","lg","size"]]],IconButton:[["iconButtonSize",["sm","xs","md","lg","xl"]],["buttonVariant",["tertiary","primary","secondary"]],["buttonPalette",["accent","brand","alert","positive","warning"]]],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"]],["borderWidth",["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"]],["borderWidth",["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 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 ring",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 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 ring",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-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'flex border-b-transparent text-current text-tertiary 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-tertiary 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
- //! This file is generated by purgeCSS.ts from @yahoo/uds
4
- //! Do not edit directly
5
- //! If there is issue with this file please report to #ask-uds
6
- export{o as componentToTwClasses,e as componentToVariants,r as componentsDependencies,t as variantsList};
@@ -1,3 +0,0 @@
1
- "use strict";var e=require("../chunk-TWTUXY76.cjs"),t=require("lodash-es"),n=require("ts-morph");
2
- /*! © 2024 Yahoo, Inc. UDS v1.2.0 */
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.TypeReference).pop()?.getText())).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;
@@ -1,31 +0,0 @@
1
- import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
2
-
3
- /** Determines if an expression is using React.forwardRef. */
4
- declare function isForwardRefExpression(node: Node): node is CallExpression;
5
- /** Determines if a node is a JSX component. */
6
- declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
7
- /** Returns a functional component declaration, unwrapping forwardRef if needed. */
8
- declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
9
- /** Get the first descendant JsxElement based on the identifier. */
10
- declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
11
- /** Get all descendant JsxElement nodes. */
12
- declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
13
- /**
14
- * Traces component references.
15
- *
16
- * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
17
- * Note, this currently does not account for cases where the component is used as a prop or is renamed.
18
- */
19
- declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
20
- /**
21
- * Given a Jsx Reference, this function finds the parent of that reference,
22
- * looks at the props, and returns the name used either for spread operator rest or
23
- * the prop name if there's no spread operator
24
- */
25
- declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
26
- /**
27
- * Get used props on a reference.
28
- */
29
- declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
30
-
31
- export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
@@ -1,31 +0,0 @@
1
- import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
2
-
3
- /** Determines if an expression is using React.forwardRef. */
4
- declare function isForwardRefExpression(node: Node): node is CallExpression;
5
- /** Determines if a node is a JSX component. */
6
- declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
7
- /** Returns a functional component declaration, unwrapping forwardRef if needed. */
8
- declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
9
- /** Get the first descendant JsxElement based on the identifier. */
10
- declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
11
- /** Get all descendant JsxElement nodes. */
12
- declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
13
- /**
14
- * Traces component references.
15
- *
16
- * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
17
- * Note, this currently does not account for cases where the component is used as a prop or is renamed.
18
- */
19
- declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
20
- /**
21
- * Given a Jsx Reference, this function finds the parent of that reference,
22
- * looks at the props, and returns the name used either for spread operator rest or
23
- * the prop name if there's no spread operator
24
- */
25
- declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
26
- /**
27
- * Get used props on a reference.
28
- */
29
- declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
30
-
31
- export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
@@ -1,2 +0,0 @@
1
- import{variants as e}from"../chunk-Y2TGGXMH.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.2.0 */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.TypeReference).pop()?.getText())).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};
@@ -1 +0,0 @@
1
- "use strict";var e=require("../chunk-AIRVDEVS.cjs"),t=require("../chunk-5X3JN6IH.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,99 +0,0 @@
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';
2
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
3
- import { WebTokens } from '../tokens/parseTokens.cjs';
4
- import '@yahoo/uds-icons/types';
5
- import 'framer-motion';
6
- import 'react';
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
-
32
- interface AddFontsPluginOptions {
33
- fontIds: FontID[];
34
- }
35
- declare const addFontsPlugin: {
36
- (options: AddFontsPluginOptions): {
37
- handler: tailwindcss_types_config.PluginCreator;
38
- config?: Partial<tailwindcss_types_config.Config>;
39
- };
40
- __isOptionsFunction: true;
41
- };
42
-
43
- declare function getColorModeStyles(tokens: WebTokens): {
44
- light: {
45
- colorScheme: string;
46
- };
47
- dark: {
48
- colorScheme: string;
49
- };
50
- };
51
-
52
- /**
53
- * Get all font face declarations for a given set of font IDs.
54
- */
55
- declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationConfig[];
56
-
57
- /**
58
- * Return CSS variables object based on font config.
59
- * i.e. { --font-xyz: '"Font Family 1", "Font Family 2", sans-serif' }
60
- *
61
- * @example
62
- * // 1. Use return value in style prop of an html element to assign font variables at runtime
63
- *
64
- * const fontVars = getFontStyles(fontConfig);
65
- * <body style={fontVars}> {...} </body>
66
- *
67
- * // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
68
- *
69
- * const fontVars = getFontStyles(fontConfig);
70
- * addBase({ ':root': fontVars });
71
- *
72
- */
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
-
75
- declare function getScaleModeStyles(tokens: WebTokens): {
76
- xSmall: {
77
- [x: string]: string;
78
- };
79
- small: {
80
- [x: string]: string;
81
- };
82
- medium: {
83
- [x: string]: string;
84
- };
85
- large: {
86
- [x: string]: string;
87
- };
88
- xLarge: {
89
- [x: string]: string;
90
- };
91
- xxLarge: {
92
- [x: string]: string;
93
- };
94
- xxxLarge: {
95
- [x: string]: string;
96
- };
97
- };
98
-
99
- export { type AddFontsPluginOptions, type GetMotionVarParams, addFontsPlugin, getColorModeStyles, getFontFaceDeclarations, getFontStyles, getMotionStyles, getMotionVar, getScaleModeStyles };