@yahoo/uds 1.4.2 → 1.4.3
Sign up to get free protection for your applications and to get access to all the features.
package/dist/client/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("../chunk-RILYWBPB.cjs"),t=require("../chunk-PECN66KD.cjs"),n=require("../chunk-WLOEKYUI.cjs"),
|
|
2
|
+
"use strict";var e=require("../chunk-RILYWBPB.cjs"),t=require("../chunk-PECN66KD.cjs"),n=require("../chunk-WLOEKYUI.cjs"),i=require("../chunk-J6D4HCFT.cjs"),a=require("@yahoo/uds/fixtures"),o=require("react/jsx-runtime"),r=require("framer-motion"),s=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},u={icon:l,hide:c,loading:c},d={loading:l,hide:c,icon:c},m=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,h=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,p={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:m}},g={hide:{width:"0px",opacity:0,display:"none"},loading:{width:h,display:"flex",opacity:1},icon:{width:h,display:"flex",opacity:1}},f=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return o.jsx(o.Fragment,{})},x=()=>import("../motionFeatures-THWWLQYC.cjs").then((({domAnimation:e})=>e));function v({reducedMotion:e="user",children:i,layoutVariant:a="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:u="3"}){const d=n.motion[a][c],m=n.motion[l][u],[h,p]=s.useState(d),[g,f]=s.useState(m),v={variant:l,speed:u},j=t.getMotionVar({...v,control:"stiffness"}),b=t.getMotionVar({...v,control:"damping"}),S={variant:a,speed:c},y=t.getMotionVar({...S,control:"stiffness"}),M=t.getMotionVar({...S,control:"damping"});s.useEffect((()=>{const e=getComputedStyle(document.documentElement),t={damping:Number(e.getPropertyValue(M)),stiffness:Number(e.getPropertyValue(y))},n={damping:Number(e.getPropertyValue(b)),stiffness:Number(e.getPropertyValue(j))};p(t),f(n)}),[b,j,M,y]);const I=s.useMemo((()=>({type:"spring",mass:1,...h,layout:h,opacity:g,color:g,borderColor:g,backgroundColor:g})),[g,h]);return o.jsx(r.LazyMotion,{features:x,strict:!0,children:o.jsx(r.MotionConfig,{transition:I,reducedMotion:e,children:i})})}var j=e.createSlot(),b=r.m.create(j,{forwardMotionProps:!0}),S=s.forwardRef((function({palette:t,variant:n,size:i,startIcon:c,endIcon:l,iconVariant:m,loading:h,disableEffects:x,children:j,asChild:S,className:y,...M},I){const C=s.useRef(null);s.useImperativeHandle(I,(()=>C.current));const w=l?"icon":"hide",N=(({startIcon:e,endIcon:t,loading:n})=>e||t||n?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:h}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:c}),z={button:e.getStyles({buttonSize:i,buttonVariant:n,buttonPalette:t,className:e.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",x&&"uds-button-without-effects","withIcon"===N&&"uds-button-with-gap",y)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},A=r.useReducedMotion()?"smooth":"subtle",P=s.useMemo((()=>o.jsx(r.m.span,{className:z.iconContainer,initial:!1,variants:g,animate:V,children:o.jsxs(r.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&o.jsx(r.m.span,{variants:d,initial:"hide",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:f,variant:m,color:"current",className:z.loading})},"loading"),c&&!h&&o.jsx(r.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:c,variant:m,color:"current",className:z.start})},c.name)]})})),[z.iconContainer,z.loading,z.start,V,h,m,c]),T=s.useMemo((()=>o.jsx(r.m.span,{className:z.iconContainer,initial:!1,variants:g,animate:w,children:o.jsx(r.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&o.jsx(r.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:l,variant:m,color:"current",className:z.start})},l.name)})})),[z.iconContainer,z.start,l,w,m]),_=s.useMemo((()=>x?{...p,rest:{},hover:{},pressed:{}}:p),[x]);return S&&s.isValidElement(j)?o.jsx(v,{layoutSpeed:"3",layoutVariant:A,children:o.jsx(b,{className:z.button,initial:["hide",N],animate:N,variants:_,whileHover:"hover",whileTap:"pressed",...M,children:s.cloneElement(j,j.props,o.jsxs(o.Fragment,{children:[P,j.props.children,T]}))})}):o.jsx(v,{layoutSpeed:"3",layoutVariant:A,children:o.jsxs(r.m.button,{ref:C,className:z.button,initial:["hide",N],animate:N,variants:_,whileHover:"hover",whileTap:"pressed",...M,children:[P,j,T]})})})),y=s.forwardRef((function({palette:t,variant:n,size:i,iconVariant:c,loading:l,disableEffects:m,name:h,className:g,...x},j){const b=s.useRef(null);s.useImperativeHandle(j,(()=>b.current));const S=s.useMemo((()=>({button:e.getStyles({buttonVariant:n,buttonPalette:t,iconButtonSize:i,className:e.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",m&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,n,g,m,i,l]),y=r.useReducedMotion(),M=s.useMemo((()=>y?"smooth":"subtle"),[y]),I=s.useMemo((()=>m?{...p,rest:{},hover:{},pressed:{}}:p),[m]);return o.jsx(v,{layoutSpeed:"3",layoutVariant:M,reducedMotion:m?"always":"user",children:o.jsx(r.m.button,{ref:b,className:S.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",...x,children:o.jsxs(r.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&o.jsx(r.m.span,{variants:d,initial:"loading",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:f,variant:c,color:"current",className:S.loading})},"loading"),h&&!l&&o.jsx(r.m.span,{variants:u,initial:"icon",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:h,variant:c,color:"current",className:S.icon})},h.name)]})})})}));
|
|
3
3
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
4
|
-
exports.Button=
|
|
4
|
+
exports.Button=S,exports.IconButton=y,exports.SpringMotionConfig=v;
|
package/dist/client/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{createSlot as t,getStyles as n,cx as
|
|
2
|
+
import{createSlot as t,getStyles as n,cx as e,Icon as i}from"../chunk-KEQTRKKF.js";import{getMotionVar as a}from"../chunk-PSTMMXTR.js";import{motion as o}from"../chunk-YRYDHL65.js";import{BUTTON_CSS_VAR_MAP as r}from"../chunk-33B23P5G.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as c,jsxs as l,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as h,AnimatePresence as m,LazyMotion as p,MotionConfig as f}from"framer-motion";import{forwardRef as g,useRef as v,useImperativeHandle as b,useMemo as y,isValidElement as w,cloneElement as N,useState as C,useEffect as S}from"react";
|
|
3
3
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
4
|
-
var
|
|
4
|
+
var V={scale:.7,opacity:0},x={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},I={icon:x,hide:V,loading:V},M={loading:x,hide:V,icon:V},z=`var(${r.columnGap})`,P=`var(${r.iconSize})`,j={rest:{scale:`var(${r.effects.scale.rest})`},hover:{scale:`var(${r.effects.scale.hover})`},pressed:{scale:`var(${r.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},T={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},k=({size:t,variant:n})=>{if("outline"===n)switch(t){case"sm":return c(d,{children:c("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return c(d,{children:c("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return c(d,{children:c("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===n)switch(t){case"sm":return c(d,{children:c("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return c(d,{children:c("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return c(d,{children:c("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return c(d,{})},G=()=>import("../motionFeatures-B5UV2GY2.js").then((({domAnimation:t})=>t));function $({reducedMotion:t="user",children:n,layoutVariant:e="subtle",layoutSpeed:i="3",colorVariant:r="smooth",colorSpeed:s="3"}){const l=o[e][i],d=o[r][s],[u,h]=C(l),[m,g]=C(d),v={variant:r,speed:s},b=a({...v,control:"stiffness"}),w=a({...v,control:"damping"}),N={variant:e,speed:i},V=a({...N,control:"stiffness"}),x=a({...N,control:"damping"});S((()=>{const t=getComputedStyle(document.documentElement),n={damping:Number(t.getPropertyValue(x)),stiffness:Number(t.getPropertyValue(V))},e={damping:Number(t.getPropertyValue(w)),stiffness:Number(t.getPropertyValue(b))};h(n),g(e)}),[w,b,x,V]);const I=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:m,color:m,borderColor:m,backgroundColor:m})),[m,u]);return c(p,{features:G,strict:!0,children:c(f,{transition:I,reducedMotion:t,children:n})})}var A=t(),E=u.create(A,{forwardMotionProps:!0}),H=g((function({palette:t,variant:a,size:o,startIcon:r,endIcon:p,iconVariant:f,loading:g,disableEffects:C,children:S,asChild:V,className:x,...z},P){const G=v(null);b(P,(()=>G.current));const A=p?"icon":"hide",H=(({startIcon:t,endIcon:n,loading:e})=>t||n||e?"withIcon":"withoutIcon")({startIcon:r,endIcon:p,loading:g}),L=(({loading:t,startIcon:n})=>t?"loading":n?"icon":"hide")({loading:g,startIcon:r}),B={button:n({buttonSize:o,buttonVariant:a,buttonPalette:t,className:e("uds-button","uds-ring","uds-hit-target",g&&"uds-button-loading",C&&"uds-button-without-effects","withIcon"===H&&"uds-button-with-gap",x)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},K=h()?"smooth":"subtle",R=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:T,animate:L,children:l(m,{initial:!1,mode:"popLayout",children:[g&&c(u.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c(i,{size:s,name:k,variant:f,color:"current",className:B.loading})},"loading"),r&&!g&&c(u.span,{variants:I,initial:"hide",animate:"icon",exit:"hide",children:c(i,{size:s,name:r,variant:f,color:"current",className:B.start})},r.name)]})})),[B.iconContainer,B.loading,B.start,L,g,f,r]),Y=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:T,animate:A,children:c(m,{initial:!1,mode:"popLayout",children:p&&c(u.span,{variants:I,initial:"hide",animate:"icon",exit:"hide",children:c(i,{size:s,name:p,variant:f,color:"current",className:B.start})},p.name)})})),[B.iconContainer,B.start,p,A,f]),F=y((()=>C?{...j,rest:{},hover:{},pressed:{}}:j),[C]);return V&&w(S)?c($,{layoutSpeed:"3",layoutVariant:K,children:c(E,{className:B.button,initial:["hide",H],animate:H,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:N(S,S.props,l(d,{children:[R,S.props.children,Y]}))})}):c($,{layoutSpeed:"3",layoutVariant:K,children:l(u.button,{ref:G,className:B.button,initial:["hide",H],animate:H,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:[R,S,Y]})})})),L=g((function({palette:t,variant:a,size:o,iconVariant:r,loading:d,disableEffects:p,name:f,className:g,...w},N){const C=v(null);b(N,(()=>C.current));const S=y((()=>({button:n({buttonVariant:a,buttonPalette:t,iconButtonSize:o,className:e("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",p&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,a,g,p,o,d]),V=h(),x=y((()=>V?"smooth":"subtle"),[V]),z=y((()=>p?{...j,rest:{},hover:{},pressed:{}}:j),[p]);return c($,{layoutSpeed:"3",layoutVariant:x,reducedMotion:p?"always":"user",children:c(u.button,{ref:C,className:S.button,initial:"icon",variants:z,whileHover:"hover",whileTap:"pressed",...w,children:l(m,{initial:!1,mode:"popLayout",children:[d&&c(u.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c(i,{size:s,name:k,variant:r,color:"current",className:S.loading})},"loading"),f&&!d&&c(u.span,{variants:I,initial:"icon",animate:"icon",exit:"hide",children:c(i,{size:s,name:f,variant:r,color:"current",className:S.icon})},f.name)]})})})}));
|
|
5
5
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
6
|
-
export{H as Button,
|
|
6
|
+
export{H as Button,L as IconButton,$ as SpringMotionConfig};
|
package/dist/tailwind/plugin.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var e=require("../chunk-AWEUIM22.cjs"),t=require("../chunk-SSMBE7SI.cjs"),o=require("../chunk-PECN66KD.cjs"),i=require("../chunk-WLOEKYUI.cjs"),n=require("../chunk-3LHMB72F.cjs"),r=require("../chunk-J6D4HCFT.cjs"),a=require("../chunk-VZAZKBYK.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);function
|
|
1
|
+
"use strict";var e=require("../chunk-AWEUIM22.cjs"),t=require("../chunk-SSMBE7SI.cjs"),o=require("../chunk-PECN66KD.cjs"),i=require("../chunk-WLOEKYUI.cjs"),n=require("../chunk-3LHMB72F.cjs"),r=require("../chunk-J6D4HCFT.cjs"),a=require("../chunk-VZAZKBYK.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);function f(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function S(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 A({scale:e}){return s.scaleEffectMap[e].sm}function T({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},a){return{[r.BUTTON_CSS_VAR_MAP.backgroundColor]:S("backgroundColor",e,a),[r.BUTTON_CSS_VAR_MAP.borderColor]:S("borderColor",t,a),[r.BUTTON_CSS_VAR_MAP.color]:S("color",o,a),...i&&{[r.BUTTON_CSS_VAR_MAP.borderRadius]:a(`borderRadius.${i}`)},...n&&{[r.BUTTON_CSS_VAR_MAP.borderWidth]:a(`borderWidth.${n}`)}}}function C(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:a,iconSize:s}=e,l=t(`typography.lineHeight.${a}`),d=t(`sizing.icon.${s}`);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]:`max(${l}, ${d})`,[r.BUTTON_CSS_VAR_MAP.textTransform]:t(`typography.textTransform.${a}`),[r.BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${s}`)}}function g(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={...T(o.base,t),...C(i,t),[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:A({scale:a}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:l}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({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",justifyContent:"space-between",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"},_=T(o.state.hover,t),S=T(o.state.pressed,t),g={cursor:"not-allowed",opacity:"0.2",[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:"none"}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({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${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]:_,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]:S,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.disabled}`]:g,".disabled .uds-button":g},h={".hover":{".uds-button":_},".pressed":{".uds-button":S}};for(const[o,i]of n.entries(e.size))p[`.uds-button-${o}`]=C(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:{...T(s,t)},restScale:{[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:A({scale:s.scale}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:d.hover.scale.value}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({scale:d.pressed.scale.value})},hover:T(l.hover,t),pressed:T(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 p={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var h="44px";function E(e,t){const{spacing:o,iconSize:i}=e;return{[r.ICON_BUTTON_CSS_VAR_MAP.padding]:t(`spacing[${o}]`),[r.ICON_BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${i}`)}}function O(e,t){const o=E(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:f(r.ICON_BUTTON_CSS_VAR_MAP,"padding",o)}},".uds-icon-button .uds-button-icon":{width:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o),height:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o)}};for(const[o,r]of n.entries(e.size))i[`.uds-icon-button-${o}`]=E(r,t);return i}var M={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},b={fontSize:M,lineHeight:M,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function R(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var m={...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE],fontSize:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.fontSize,(e=>R(_.default.fontSize[e][0])))},lineHeight:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.lineHeight,(e=>R(_.default.fontSize[e][1].lineHeight))),display1:R(_.default.fontSize[b.fontSize.display1][0]),display2:R(_.default.fontSize[b.fontSize.display2][0])},fontWeight:n.mapValues(i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].fontWeight,(()=>"regular")),borderRadius:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].borderRadius,...n.mapValues(b.borderRadius,(e=>R(_.default.borderRadius[e])))},borderWidth:{...i.defaultTokensConfig.scaleMode[i.DEFAULT_SCALE_MODE].borderWidth,...n.mapValues(b.borderWidth,(e=>R(_.default.borderWidth[e])))}};function L(e){return{...i.defaultTokensConfig.scaleMode[e],fontWeight:m.fontWeight,fontSize:n.mapValues(m.fontSize,((t,o)=>t+s.fontSizeRamp[e][o])),lineHeight:n.mapValues(m.lineHeight,((t,o)=>t+s.lineHeightRamp[e][o])),borderRadius:n.mapValues(m.borderRadius,((t,o)=>t+s.borderRadiusRamp[e][o])),borderWidth:n.mapValues(m.borderWidth,((t,o)=>t+s.borderWidthRamp[e][o]))}}var U={...i.defaultTokensConfig,scaleMode:{xSmall:L("xSmall"),small:L("small"),medium:L("medium"),large:L("large"),xLarge:L("xLarge"),xxLarge:L("xxLarge"),xxxLarge:L("xxxLarge")}};var v=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
2
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
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 g(e,t)}(n.button,u);d(e)}if(n.iconButton){const e=function(e,t){return O(e,t)}(n.iconButton,u);d(e)}n.motion&&function(e,t){t({":root":o.getMotionStyles(e)})}(n.motion,s);s({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${h}, 100%)`,height:`max(${h}, 100%)`,transform:"translate(-50%, -50%)"}}});const
|
|
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 g(e,t)}(n.button,u);d(e)}if(n.iconButton){const e=function(e,t){return O(e,t)}(n.iconButton,u);d(e)}n.motion&&function(e,t){t({":root":o.getMotionStyles(e)})}(n.motion,s);s({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${h}, 100%)`,height:`max(${h}, 100%)`,transform:"translate(-50%, -50%)"}}});const f=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}`]:p,".focused .uds-ring":p}}({theme:u});s(f),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},f=l.palette.foreground,S=l.palette.background,A=l.palette.line,T=i.fromEntries(n.entries(b.fontSize).map((([e,t])=>[t,[`var(--${r.FONT_SIZE_PREFIX}-${e})`,{lineHeight:`var(--${r.LINE_HEIGHT_PREFIX}-${e})`}]]))),C=i.fromEntries(n.entries(b.borderRadius).map((([e,t])=>[t,`var(--${r.BORDER_RADIUS_PREFIX}-${e})`]))),g={...d.borderRadius.tailwindConfig,...C},p=i.fromEntries(n.entries(b.borderWidth).map((([e,t])=>[t,`var(--${r.BORDER_WIDTH_PREFIX}-${e})`]))),h={...d.borderWidth.tailwindConfig,...p};return{darkMode:["class",r.DARK_COLOR_MODE_CLASSNAME],safelist:[r.DARK_COLOR_MODE_CLASSNAME,...o],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:g,borderWidth:h,outlineWidth:{...h,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:S,textColor:f,borderColor:A,fill:S,caretColor:f,placeholderColor:f,textDecorationColor:f,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=U,exports.getButtonColorForProperty=S,exports.getButtonStyles=g,exports.getIconButtonStyles=O,exports.getUDSContent=()=>[a.__require.resolve("@yahoo/uds"),a.__require.resolve("@yahoo/uds/client"),a.__require.resolve("@yahoo/uds/experimental")],exports.tailwindPlugin=v,exports.udsToTailwindMap=b;
|
package/dist/tailwind/plugin.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{parseTokens as e}from"../chunk-LPM6JKIW.js";import{addFontFaceDeclarations as t,getColorModeStyles as o,getFontStyles as i,getScaleModeStyles as n}from"../chunk-FRZFCKD2.js";import{getMotionStyles as r}from"../chunk-PSTMMXTR.js";import{defaultTokensConfig as a,DEFAULT_SCALE_MODE as s,fromEntries as l,DEFAULT_COLOR_MODE as d,alwaysPalette as c}from"../chunk-YRYDHL65.js";import{mapValues as u,entries as f}from"../chunk-BEYSF2MO.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
|
|
1
|
+
import{parseTokens as e}from"../chunk-LPM6JKIW.js";import{addFontFaceDeclarations as t,getColorModeStyles as o,getFontStyles as i,getScaleModeStyles as n}from"../chunk-FRZFCKD2.js";import{getMotionStyles as r}from"../chunk-PSTMMXTR.js";import{defaultTokensConfig as a,DEFAULT_SCALE_MODE as s,fromEntries as l,DEFAULT_COLOR_MODE as d,alwaysPalette as c}from"../chunk-YRYDHL65.js";import{mapValues as u,entries as f}from"../chunk-BEYSF2MO.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 y,XLARGE_SCALE_MODE_CLASSNAME as S,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 L}from"../chunk-33B23P5G.js";import{__require as H}from"../chunk-HJC2LPQ4.js";import{tailwindColorsAsUds as T,alwaysPaletteAliases as R,buttonPalettes as M,buttonVariants as D,fontSizeRamp as j,lineHeightRamp as E,borderRadiusRamp as O,borderWidthRamp as U,fontAliases as A,textVariants as B,scaleEffectMap as P}from"@yahoo/uds/fixtures";import I from"tailwindcss/plugin";import Y from"tailwindcss/defaultTheme";function G(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function J(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 K({scale:e}){return P[e].sm}function V({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},r){return{[W.backgroundColor]:J("backgroundColor",e,r),[W.borderColor]:J("borderColor",t,r),[W.color]:J("color",o,r),...i&&{[W.borderRadius]:r(`borderRadius.${i}`)},...n&&{[W.borderWidth]:r(`borderWidth.${n}`)}}}function Q(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:r,iconSize:a}=e,s=t(`typography.lineHeight.${r}`),l=t(`sizing.icon.${a}`);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]:`max(${s}, ${l})`,[W.textTransform]:t(`typography.textTransform.${r}`),[W.iconSize]:t(`sizing.icon.${a}`)}}function X(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={...V(o.base,t),...Q(i,t),[W.effects.scale.rest]:K({scale:n}),[W.effects.scale.hover]:K({scale:r}),[W.effects.scale.pressed]:K({scale:a})},l={borderRadius:G(W,"borderRadius",s),boxShadow:`inset 0 0 0 ${G(W,"borderWidth",s)} ${G(W,"borderColor",s)}`,color:G(W,"color",s),backgroundColor:G(W,"backgroundColor",s),padding:G(W,"padding",s),fontFamily:G(W,"fontFamily",s),fontWeight:G(W,"fontWeight",s),fontSize:G(W,"fontSize",s),lineHeight:G(W,"lineHeight",s),textTransform:G(W,"textTransform",s),display:"inline-flex",justifyContent:"space-between",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=V(o.state.hover,t),c=V(o.state.pressed,t),u={cursor:"not-allowed",opacity:"0.2",[W.effects.scale.hover]:K({scale:"none"}),[W.effects.scale.pressed]:K({scale:"none"})},h={".uds-button":l,".uds-button .uds-button-icon":{width:G(W,"iconSize",s),height:G(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}`]=Q(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:{...V(a,t)},restScale:{[W.effects.scale.rest]:K({scale:a.scale}),[W.effects.scale.hover]:K({scale:l.hover.scale.value}),[W.effects.scale.pressed]:K({scale:l.pressed.scale.value})},hover:V(s.hover,t),pressed:V(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 M){g(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of D)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 Z={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var q="44px";function N(e,t){const{spacing:o,iconSize:i}=e;return{[F.padding]:t(`spacing[${o}]`),[F.iconSize]:t(`sizing.icon.${i}`)}}function _(e,t){const o=N(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:G(F,"padding",o)}},".uds-icon-button .uds-button-icon":{width:G(F,"iconSize",o),height:G(F,"iconSize",o)}};for(const[o,n]of f(e.size))i[`.uds-icon-button-${o}`]=N(n,t);return i}var ee={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},te={fontSize:ee,lineHeight:ee,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function oe(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ie={...a.scaleMode[s],fontSize:{...a.scaleMode[s].fontSize,...u(te.fontSize,(e=>oe(Y.fontSize[e][0])))},lineHeight:{...a.scaleMode[s].fontSize,...u(te.lineHeight,(e=>oe(Y.fontSize[e][1].lineHeight))),display1:oe(Y.fontSize[te.fontSize.display1][0]),display2:oe(Y.fontSize[te.fontSize.display2][0])},fontWeight:u(a.scaleMode[s].fontWeight,(()=>"regular")),borderRadius:{...a.scaleMode[s].borderRadius,...u(te.borderRadius,(e=>oe(Y.borderRadius[e])))},borderWidth:{...a.scaleMode[s].borderWidth,...u(te.borderWidth,(e=>oe(Y.borderWidth[e])))}};function ne(e){return{...a.scaleMode[e],fontWeight:ie.fontWeight,fontSize:u(ie.fontSize,((t,o)=>t+j[e][o])),lineHeight:u(ie.lineHeight,((t,o)=>t+E[e][o])),borderRadius:u(ie.borderRadius,((t,o)=>t+O[e][o])),borderWidth:u(ie.borderWidth,((t,o)=>t+U[e][o]))}}var re={...a,scaleMode:{xSmall:ne("xSmall"),small:ne("small"),medium:ne("medium"),large:ne("large"),xLarge:ne("xLarge"),xxLarge:ne("xxLarge"),xxxLarge:ne("xxxLarge")}};var ae=I.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
2
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
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,[`.${
|
|
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,[`.${y}`]:o.large,[`.${S}`]:o.xLarge,[`.${C}`]:o.xxLarge,[`.${w}`]:o.xxxLarge})}(p,a),l.button){const e=function(e,t){return X(e,t)}(l.button,h);f(e)}if(l.iconButton){const e=function(e,t){return _(e,t)}(l.iconButton,h);f(e)}l.motion&&function(e,t){t({":root":r(e)})}(l.motion,a);a({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${q}, 100%)`,height:`max(${q}, 100%)`,transform:"translate(-50%, -50%)"}}});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}`]:Z,".focused .uds-ring":Z}}({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,...T[t]}))),$=n.palette.core,x={...T,...v,...c,...$},z=n.palette.foreground,y=n.palette.background,S=n.palette.line,C=l(f(te.fontSize).map((([e,t])=>[t,[`var(--${h}-${e})`,{lineHeight:`var(--${p}-${e})`}]]))),w=l(f(te.borderRadius).map((([e,t])=>[t,`var(--${g}-${e})`]))),W={...r.borderRadius.tailwindConfig,...w},k=l(f(te.borderWidth).map((([e,t])=>[t,`var(--${b}-${e})`]))),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})=>({...S,DEFAULT:e("colors.accent")}),fontFamily:{...Object.fromEntries(A.map((e=>[e,`var(--${L}-${e})`]))),...Object.fromEntries(B.map((e=>[e,`var(--${L}-${e})`])))},fontSize:C,lineHeight:r.lineHeight.tailwindConfig,colors:x,backgroundColor:y,textColor:z,borderColor:S,fill:y,caretColor:z,placeholderColor:z,textDecorationColor:z,divideColor:S,ringColor:S,ringOffsetColor:S,stroke:S,typography:{fontFamily:r.fontFamily.tailwindConfig,fontWeight:r.fontWeight.tailwindConfig,fontSize:r.fontSize.tailwindConfig,lineHeight:r.lineHeight.tailwindConfig,textTransform:r.textTransform.tailwindConfig},sizing:{icon:r.iconSizes.tailwindConfig,avatar:r.avatarSizes.tailwindConfig}}}}})),se=()=>[H.resolve("@yahoo/uds"),H.resolve("@yahoo/uds/client"),H.resolve("@yahoo/uds/experimental")];export{re as defaultTailwindThemeAsUdsConfig,J as getButtonColorForProperty,X as getButtonStyles,_ as getIconButtonStyles,se as getUDSContent,ae as tailwindPlugin,te as udsToTailwindMap};
|
package/dist/tailwind/purger.cjs
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
//! This file is generated by purgeCSS.ts from @yahoo/uds
|
|
4
4
|
//! Do not edit directly
|
|
5
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:"flex 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 h-fit cursor-pointer self-center 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"];
|
|
6
|
+
exports.componentToTwClasses={Box:"container flex border",Button:"uds-button uds-button .uds-button-icon 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:"flex outline",IconButton:"uds-button uds-button .uds-button-icon 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 h-fit cursor-pointer self-center 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"];
|
package/dist/tailwind/purger.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
|
|
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:"flex 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 h-fit cursor-pointer self-center 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"]};
|
|
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: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:"flex outline",IconButton:"uds-button uds-button .uds-button-icon 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 h-fit cursor-pointer self-center transition"},r={Box:[],Button:["Icon","SpringMotionConfig"],HStack:["Box"],Icon:[],IconButton:["Icon","SpringMotionConfig"],Image:[],Pressable:[],SpringMotionConfig:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],CheckBox:["CheckBox","HStack","Icon","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["Button","PopoverDisclosure"],Modal:["IconButton","HStack","Text","VStack"],ModalDismiss:["IconButton","HStack","Text","VStack"],ModalHeader:["IconButton","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["IconButton","ToastContainer"]};
|
|
3
3
|
//! This file is generated by purgeCSS.ts from @yahoo/uds
|
|
4
4
|
//! Do not edit directly
|
|
5
5
|
//! If there is issue with this file please report to #ask-uds
|