@yahoo/uds 1.2.0 → 2.0.0-beta.1
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/consts.ts +1 -0
- package/cli/uds-cli +2 -2
- package/package.json +2 -1
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/chunk-2JIYRTEY.js +0 -3
- package/dist/chunk-3VTRSTDI.cjs +0 -2
- package/dist/chunk-4J7ZJHCN.js +0 -2
- package/dist/chunk-5X3JN6IH.cjs +0 -3
- package/dist/chunk-6K5IORZA.cjs +0 -2
- package/dist/chunk-AIRVDEVS.cjs +0 -3
- package/dist/chunk-BQTYVXIC.js +0 -3
- package/dist/chunk-CE5NDFHI.js +0 -2
- package/dist/chunk-E3Z3A4MR.cjs +0 -2
- package/dist/chunk-OJR4RBBW.js +0 -3
- package/dist/chunk-PCSDVJE6.js +0 -2
- package/dist/chunk-SLCISFAV.cjs +0 -3
- package/dist/chunk-TWTUXY76.cjs +0 -2
- package/dist/chunk-TYKFUQUM.cjs +0 -1
- package/dist/chunk-W5AGPUNC.cjs +0 -4
- package/dist/chunk-XFTF7IHG.js +0 -2
- package/dist/chunk-Y2TGGXMH.js +0 -3
- package/dist/chunk-ZJE5XRN2.js +0 -4
- package/dist/client/index.cjs +0 -4
- package/dist/client/index.d.cts +0 -97
- package/dist/client/index.d.ts +0 -97
- package/dist/client/index.js +0 -6
- package/dist/experimental/index.cjs +0 -3
- package/dist/experimental/index.d.cts +0 -451
- package/dist/experimental/index.d.ts +0 -451
- package/dist/experimental/index.js +0 -3
- package/dist/fixtures.cjs +0 -1506
- package/dist/fixtures.d.cts +0 -94
- package/dist/fixtures.d.ts +0 -94
- package/dist/fixtures.js +0 -1449
- package/dist/index.cjs +0 -1
- package/dist/index.d.cts +0 -300
- package/dist/index.d.ts +0 -300
- package/dist/index.js +0 -2
- package/dist/metafile-cjs.json +0 -1
- package/dist/metafile-esm.json +0 -1
- package/dist/motionFeatures-M3DOZMRC.cjs +0 -1
- package/dist/motionFeatures-QDISAARM.js +0 -1
- package/dist/styles/toast.css +0 -3
- package/dist/styles/toast.d.cts +0 -2
- package/dist/styles/toast.d.ts +0 -2
- package/dist/tailwind/plugin.cjs +0 -3
- package/dist/tailwind/plugin.d.cts +0 -60
- package/dist/tailwind/plugin.d.ts +0 -60
- package/dist/tailwind/plugin.js +0 -3
- package/dist/tailwind/purger.cjs +0 -6
- package/dist/tailwind/purger.d.cts +0 -17
- package/dist/tailwind/purger.d.ts +0 -17
- package/dist/tailwind/purger.js +0 -6
- package/dist/tailwind/tsMorph.cjs +0 -3
- package/dist/tailwind/tsMorph.d.cts +0 -31
- package/dist/tailwind/tsMorph.d.ts +0 -31
- package/dist/tailwind/tsMorph.js +0 -2
- package/dist/tailwind/utils.cjs +0 -1
- package/dist/tailwind/utils.d.cts +0 -99
- package/dist/tailwind/utils.d.ts +0 -99
- package/dist/tailwind/utils.js +0 -1
- package/dist/tokens/index.cjs +0 -1
- package/dist/tokens/index.d.cts +0 -1127
- package/dist/tokens/index.d.ts +0 -1127
- package/dist/tokens/index.js +0 -1
- package/dist/tokens/parseTokens.cjs +0 -1
- package/dist/tokens/parseTokens.d.cts +0 -59
- package/dist/tokens/parseTokens.d.ts +0 -59
- package/dist/tokens/parseTokens.js +0 -1
- package/dist/types-CpZ2ERLZ.d.cts +0 -949
- 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";
|
package/dist/styles/toast.css
DELETED
package/dist/styles/toast.d.cts
DELETED
package/dist/styles/toast.d.ts
DELETED
package/dist/tailwind/plugin.cjs
DELETED
@@ -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 };
|
package/dist/tailwind/plugin.js
DELETED
@@ -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};
|
package/dist/tailwind/purger.cjs
DELETED
@@ -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 };
|
package/dist/tailwind/purger.js
DELETED
@@ -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 };
|
package/dist/tailwind/tsMorph.js
DELETED
@@ -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};
|
package/dist/tailwind/utils.cjs
DELETED
@@ -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 };
|