@yahoo/uds 1.2.0 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. package/cli/README.md +21 -0
  2. package/cli/cli.ts +27 -4
  3. package/cli/commands/login.ts +28 -0
  4. package/cli/commands/logout.ts +24 -0
  5. package/cli/commands/uds.ts +4 -1
  6. package/cli/env.d.ts +5 -0
  7. package/cli/exec.ts +1 -1
  8. package/cli/preload.ts +16 -0
  9. package/cli/uds-cli +3 -3
  10. package/cli/utils/auth.test.ts +107 -0
  11. package/cli/utils/auth.ts +158 -0
  12. package/cli/utils/client_secrets.json.enc +0 -0
  13. package/cli/utils/secrets.ts +40 -0
  14. package/cli/utils/types.ts +8 -0
  15. package/package.json +163 -155
  16. package/cli/bin/uds-darwin-arm64-baseline +0 -0
  17. package/cli/bin/uds-linux-x64-baseline +0 -0
  18. package/dist/chunk-2JIYRTEY.js +0 -3
  19. package/dist/chunk-3VTRSTDI.cjs +0 -2
  20. package/dist/chunk-4J7ZJHCN.js +0 -2
  21. package/dist/chunk-5X3JN6IH.cjs +0 -3
  22. package/dist/chunk-6K5IORZA.cjs +0 -2
  23. package/dist/chunk-AIRVDEVS.cjs +0 -3
  24. package/dist/chunk-BQTYVXIC.js +0 -3
  25. package/dist/chunk-CE5NDFHI.js +0 -2
  26. package/dist/chunk-E3Z3A4MR.cjs +0 -2
  27. package/dist/chunk-OJR4RBBW.js +0 -3
  28. package/dist/chunk-PCSDVJE6.js +0 -2
  29. package/dist/chunk-SLCISFAV.cjs +0 -3
  30. package/dist/chunk-TWTUXY76.cjs +0 -2
  31. package/dist/chunk-TYKFUQUM.cjs +0 -1
  32. package/dist/chunk-W5AGPUNC.cjs +0 -4
  33. package/dist/chunk-XFTF7IHG.js +0 -2
  34. package/dist/chunk-Y2TGGXMH.js +0 -3
  35. package/dist/chunk-ZJE5XRN2.js +0 -4
  36. package/dist/client/index.cjs +0 -4
  37. package/dist/client/index.d.cts +0 -97
  38. package/dist/client/index.d.ts +0 -97
  39. package/dist/client/index.js +0 -6
  40. package/dist/experimental/index.cjs +0 -3
  41. package/dist/experimental/index.d.cts +0 -451
  42. package/dist/experimental/index.d.ts +0 -451
  43. package/dist/experimental/index.js +0 -3
  44. package/dist/fixtures.cjs +0 -1506
  45. package/dist/fixtures.d.cts +0 -94
  46. package/dist/fixtures.d.ts +0 -94
  47. package/dist/fixtures.js +0 -1449
  48. package/dist/index.cjs +0 -1
  49. package/dist/index.d.cts +0 -300
  50. package/dist/index.d.ts +0 -300
  51. package/dist/index.js +0 -2
  52. package/dist/metafile-cjs.json +0 -1
  53. package/dist/metafile-esm.json +0 -1
  54. package/dist/motionFeatures-M3DOZMRC.cjs +0 -1
  55. package/dist/motionFeatures-QDISAARM.js +0 -1
  56. package/dist/styles/toast.css +0 -3
  57. package/dist/styles/toast.d.cts +0 -2
  58. package/dist/styles/toast.d.ts +0 -2
  59. package/dist/tailwind/plugin.cjs +0 -3
  60. package/dist/tailwind/plugin.d.cts +0 -60
  61. package/dist/tailwind/plugin.d.ts +0 -60
  62. package/dist/tailwind/plugin.js +0 -3
  63. package/dist/tailwind/purger.cjs +0 -6
  64. package/dist/tailwind/purger.d.cts +0 -17
  65. package/dist/tailwind/purger.d.ts +0 -17
  66. package/dist/tailwind/purger.js +0 -6
  67. package/dist/tailwind/tsMorph.cjs +0 -3
  68. package/dist/tailwind/tsMorph.d.cts +0 -31
  69. package/dist/tailwind/tsMorph.d.ts +0 -31
  70. package/dist/tailwind/tsMorph.js +0 -2
  71. package/dist/tailwind/utils.cjs +0 -1
  72. package/dist/tailwind/utils.d.cts +0 -99
  73. package/dist/tailwind/utils.d.ts +0 -99
  74. package/dist/tailwind/utils.js +0 -1
  75. package/dist/tokens/index.cjs +0 -1
  76. package/dist/tokens/index.d.cts +0 -1127
  77. package/dist/tokens/index.d.ts +0 -1127
  78. package/dist/tokens/index.js +0 -1
  79. package/dist/tokens/parseTokens.cjs +0 -1
  80. package/dist/tokens/parseTokens.d.cts +0 -59
  81. package/dist/tokens/parseTokens.d.ts +0 -59
  82. package/dist/tokens/parseTokens.js +0 -1
  83. package/dist/types-CpZ2ERLZ.d.cts +0 -949
  84. 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 };