@yahoo/uds 3.63.0 → 3.64.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/FlattenButtonVariant.mock.tsx +17 -0
- package/dist/{chunk-32XAYN5U.js → chunk-6HBRFJUU.js} +1 -1
- package/dist/{chunk-BMEYNT3I.cjs → chunk-6K6GGQQ2.cjs} +1 -1
- package/dist/{chunk-XD7AYDPI.cjs → chunk-6THPHJSQ.cjs} +1 -1
- package/dist/{chunk-MG47FUR3.js → chunk-6VNCVYKB.js} +1 -1
- package/dist/{chunk-GWJV5I3F.cjs → chunk-6WXK2RIZ.cjs} +1 -1
- package/dist/{chunk-OJ34C7TH.js → chunk-7ODTLDW2.js} +1 -1
- package/dist/{chunk-VSFMVSGO.js → chunk-7PDRKN2R.js} +1 -1
- package/dist/{chunk-IKI4PNSA.cjs → chunk-7YPLUG7X.cjs} +1 -1
- package/dist/chunk-A2OJLMOY.js +1 -0
- package/dist/chunk-A7OSNZQ4.cjs +1 -0
- package/dist/{chunk-SJ3HZL4S.cjs → chunk-AGCCYYM2.cjs} +1 -1
- package/dist/chunk-AZXEQF7C.js +2 -0
- package/dist/{chunk-7OQ3WLBH.cjs → chunk-BMP5TZVZ.cjs} +1 -1
- package/dist/chunk-BRM6VXBO.cjs +1 -0
- package/dist/{chunk-GTIDXU7G.js → chunk-BXINZTSJ.js} +3 -3
- package/dist/chunk-C2XEOEF3.js +2 -0
- package/dist/{chunk-CRIHC5MO.cjs → chunk-C5HXKCKH.cjs} +1 -1
- package/dist/{chunk-SJVQD4KS.cjs → chunk-CGHQHGYY.cjs} +1 -1
- package/dist/{chunk-GXKAT72L.js → chunk-D7MUW3EG.js} +1 -1
- package/dist/{chunk-IZQVCLHT.js → chunk-DFLTCYEQ.js} +2 -2
- package/dist/{chunk-47LL6BRB.js → chunk-DK4BCT4X.js} +1 -1
- package/dist/chunk-E2KVZ3FW.cjs +1 -0
- package/dist/{chunk-P6ZWWEX2.cjs → chunk-EFKAW2BI.cjs} +2 -2
- package/dist/{chunk-KPPL5RPJ.cjs → chunk-EUBXXJNQ.cjs} +1 -1
- package/dist/chunk-EUHS2LRV.js +2 -0
- package/dist/{chunk-WLBLQS3H.js → chunk-FEHICJMH.js} +3 -3
- package/dist/{chunk-CWSY6N5I.cjs → chunk-IBEJS4QY.cjs} +1 -1
- package/dist/chunk-JY33SU6G.cjs +1 -0
- package/dist/{chunk-U4NGJ3JN.cjs → chunk-JY5DPKJL.cjs} +1 -1
- package/dist/{chunk-2JEJLOXZ.cjs → chunk-KQYW7REL.cjs} +1 -1
- package/dist/{chunk-H5XCZ4GM.js → chunk-LGVDORBF.js} +2 -2
- package/dist/{chunk-JJAQTXB2.js → chunk-MNKPZNCD.js} +1 -1
- package/dist/{chunk-Q3DOZD3W.cjs → chunk-N2X6LD4P.cjs} +1 -1
- package/dist/{chunk-RAHLDYWR.cjs → chunk-O7H45A6H.cjs} +1 -1
- package/dist/chunk-O7UVSJ5U.js +2 -0
- package/dist/chunk-OSIGO5ER.cjs +1 -0
- package/dist/{chunk-NKJZNZ5C.cjs → chunk-QCYX4YGV.cjs} +1 -1
- package/dist/{chunk-5LANFL2P.cjs → chunk-QZDENCIR.cjs} +1 -1
- package/dist/{chunk-7OMILHOZ.js → chunk-RUVVMG6V.js} +2 -2
- package/dist/chunk-SNWFPB5H.cjs +1 -0
- package/dist/chunk-TSFJJXPE.js +2 -0
- package/dist/chunk-VETD7I64.js +1 -0
- package/dist/{chunk-T7QUF775.js → chunk-WEIHOHSB.js} +1 -1
- package/dist/{chunk-T2TI42FB.js → chunk-WTCFWBEP.js} +1 -1
- package/dist/{chunk-EBDMNVT7.js → chunk-XOHE32Q2.js} +1 -1
- package/dist/chunk-XRY2AFCC.js +2 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +2 -1
- package/dist/experimental/client/SwitchV2.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.js +1 -1
- package/dist/tailwind/tsMorph.cjs +1 -1
- package/dist/tailwind/tsMorph.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +17 -3
- package/dist/tokens/index.d.ts +17 -3
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-4UBSZT2O.js +0 -2
- package/dist/chunk-5F6Z5AGN.js +0 -1
- package/dist/chunk-7SIWKGH2.cjs +0 -1
- package/dist/chunk-EDOI37SD.js +0 -2
- package/dist/chunk-IF3Q6ZLU.js +0 -2
- package/dist/chunk-IZFEVJFL.js +0 -2
- package/dist/chunk-JHCOVVQY.js +0 -1
- package/dist/chunk-NZGIQ777.js +0 -2
- package/dist/chunk-O5ESGIUY.cjs +0 -1
- package/dist/chunk-OSOG57AW.cjs +0 -1
- package/dist/chunk-R3FYD2UO.cjs +0 -1
- package/dist/chunk-U7C4F57A.cjs +0 -1
- package/dist/chunk-WUBNTBF6.cjs +0 -1
- package/dist/chunk-YMQQ5JYM.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as t,createVariantConfigWithComponentStates as o,createComponentStates as s,createVariantConfig as l}from"../../chunk-H5XCZ4GM.js";import{borderRadii as i,spectrumColors as n,linePaletteColors as d,alwaysPaletteAliases as p,backgroundPaletteColors as u,foregroundPaletteColors as c,iconSizes as y,textVariants as b,borderWidths as m,spacingAliases as f,shadowVariantsWithInvert as v,shadowVariants as h,buttonVariantsFlat as g,scaleEffects as x,opacitySteps as w,textDecorationLines as C,textVariantsWithoutEmphasized as O}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var F={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{height:t({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:t({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e({label:"Text",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:t({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:t({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e({label:"Image",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:t({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e({label:"Icon",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:t({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:t({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:t({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var S={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var P={label:"Button",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"3",md:"4",lg:"5"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"2",lg:"3.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1.5",md:"1.5",lg:"1.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"ui1",md:"ui1",lg:"ui1"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"sm",lg:"sm"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:g,layers:{root:r({label:"root",properties:{borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"thin",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"full",secondary:"full",tertiary:"full",brand:"full","brand-secondary":"full","brand-tertiary":"full",alert:"full","alert-secondary":"full","alert-tertiary":"full",warning:"full","warning-secondary":"full","warning-tertiary":"full",positive:"full","positive-secondary":"full","positive-tertiary":"full",info:"full","info-secondary":"full","info-tertiary":"full"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",tertiary:"tertiary",brand:"tertiary","brand-secondary":"tertiary","brand-tertiary":"tertiary",alert:"tertiary","alert-secondary":"tertiary","alert-tertiary":"tertiary",warning:"tertiary","warning-secondary":"tertiary","warning-tertiary":"tertiary",positive:"tertiary","positive-secondary":"tertiary","positive-tertiary":"tertiary",info:"tertiary","info-secondary":"tertiary","info-tertiary":"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"accent",secondary:"accent",tertiary:"accent",brand:"brand","brand-secondary":"accent","brand-tertiary":"accent",alert:"alert","alert-secondary":"accent","alert-tertiary":"accent",warning:"warning","warning-secondary":"accent","warning-tertiary":"accent",positive:"positive","positive-secondary":"accent","positive-tertiary":"accent",info:"accent","info-secondary":"accent","info-tertiary":"accent"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"info","info-secondary":"primary","info-tertiary":"primary"}}),opacity:t({name:"opacity",label:"Opacity",typeOfFixture:["opacitySteps"],values:[w],skipRestState:!0,pseudoStates:["disabled"],defaults:{primary:"100",secondary:"100",tertiary:"100",brand:"100","brand-secondary":"100","brand-tertiary":"100",alert:"100","alert-secondary":"100","alert-tertiary":"100",warning:"100","warning-secondary":"100","warning-tertiary":"100",positive:"100","positive-secondary":"100","positive-tertiary":"100",info:"100","info-secondary":"100","info-tertiary":"100"}}),shadow:t({name:"shadow",label:"Shadow",typeOfFixture:["shadowVariants"],values:[h],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),scaleEffect:t({name:"scaleEffect",label:"Scale",typeOfFixture:["scaleEffects"],values:[x],skipRestState:!0,pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"primary","info-secondary":"primary","info-tertiary":"primary"}})}})}})}};var A={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:a({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:t({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"thin",md:"thin"}}),height:t({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}}),width:t({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}})}})}}),variant:o({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:s({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var z={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e({label:"Toggle",description:"",variants:{variant:o({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e({label:"Dismissible",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e({label:"Link",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"3",md:"3"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"1.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label1",md:"label1"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"md"}})}})}})}};var k={label:"Divider",description:"Divider lines are purely decorative and non-interactive, serving as a visual guide. Use as horizontal and vertical lines.",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","muted"],layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:r({label:"line",properties:{borderWidth:t({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[m.filter(e=>"none"!==e)],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:r({label:"label",properties:{textVariant:t({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[b],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var I={label:"IconButton",description:"Customizing your own icon buttons involves adjusting icon sizes, and spacing values to create a personalized button.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{padding:t({name:"padding",label:"Padding",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"2",md:"3",lg:"3.5",xl:"4"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"lg"}})}})}}),variant:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:g})}};var V={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:a({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"inputWrapper",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"3.5",lg:"4"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"2",lg:"3.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"3",lg:"3"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{md:"md",lg:"md"}}),textVariant:t({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[b],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:t({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:t({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:t({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:t({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[b],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:t({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:t({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[b],defaults:{md:"label4",lg:"label4"}})}})}}),variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:s({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:t({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:t({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:t({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:t({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:t({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:t({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:t({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var W={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:a({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:O,layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"2"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:t({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[C],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:t({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:t({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var T={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:a({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),startIcon:r({label:"startIcon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:t({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[b],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[b],defaults:{default:"label2"}}),color:t({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}})}})}})}}),divider:e({label:"divider",description:"",variants:{variant:a({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),text:r({label:"text",properties:{color:t({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"muted"}}),textVariant:t({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[b],defaults:{default:"label3"}})}}),line:r({label:"line",properties:{borderWidth:t({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[m.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:t({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{default:"transparent"}})}})}})}})}};var R={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:o({label:"Variant",description:"Preview the colors, spacing values, and motion effects of your component at their default size.",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:s({label:"value",options:["checked","unchecked"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:t({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:t({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:t({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:t({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"thin",md:"thin"}}),height:t({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}}),width:t({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}})}})}})}};var B={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:o({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:t({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:t({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand"}}),borderColor:t({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{default:"brand"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:t({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"primary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c],defaults:{default:"brand"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"0",md:"0"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"1.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:t({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"5",md:"7"}}),width:t({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"8",md:"12"}}),borderWidth:t({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"none",md:"none"}}),padding:t({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:t({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"6"}}),width:t({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"sm"}})}})}})}};export{F as AvatarConfig,S as BadgeConfig,P as ButtonConfig,A as CheckboxConfig,z as ChipConfig,k as DividerConfig,I as IconButtonConfig,V as InputConfig,W as LinkConfig,T as MenuConfig,R as RadioConfig,B as SwitchConfig};
|
|
1
|
+
import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as t,createVariantConfigWithComponentStates as o,createComponentStates as s,createVariantConfig as l}from"../../chunk-LGVDORBF.js";import{borderRadii as i,spectrumColors as n,linePaletteColors as d,alwaysPaletteAliases as p,backgroundPaletteColors as u,foregroundPaletteColors as c,iconSizes as y,textVariants as b,borderWidths as m,spacingAliases as f,shadowVariantsWithInvert as v,shadowVariants as h,buttonVariantsFlat as g,scaleEffects as x,opacitySteps as w,textDecorationLines as C,textVariantsWithoutEmphasized as O}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var F={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{height:t({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:t({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e({label:"Text",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:t({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:t({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e({label:"Image",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:t({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e({label:"Icon",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:t({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:t({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:t({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var S={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var P={label:"Button",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"3",md:"4",lg:"5"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"2",lg:"3.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1.5",md:"1.5",lg:"1.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"ui1",md:"ui1",lg:"ui1"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"sm",lg:"sm"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:g,layers:{root:r({label:"root",properties:{borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"thin",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"full",secondary:"full",tertiary:"full",brand:"full","brand-secondary":"full","brand-tertiary":"full",alert:"full","alert-secondary":"full","alert-tertiary":"full",warning:"full","warning-secondary":"full","warning-tertiary":"full",positive:"full","positive-secondary":"full","positive-tertiary":"full",info:"full","info-secondary":"full","info-tertiary":"full"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",tertiary:"tertiary",brand:"tertiary","brand-secondary":"tertiary","brand-tertiary":"tertiary",alert:"tertiary","alert-secondary":"tertiary","alert-tertiary":"tertiary",warning:"tertiary","warning-secondary":"tertiary","warning-tertiary":"tertiary",positive:"tertiary","positive-secondary":"tertiary","positive-tertiary":"tertiary",info:"tertiary","info-secondary":"tertiary","info-tertiary":"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"accent",secondary:"accent",tertiary:"accent",brand:"brand","brand-secondary":"accent","brand-tertiary":"accent",alert:"alert","alert-secondary":"accent","alert-tertiary":"accent",warning:"warning","warning-secondary":"accent","warning-tertiary":"accent",positive:"positive","positive-secondary":"accent","positive-tertiary":"accent",info:"accent","info-secondary":"accent","info-tertiary":"accent"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"info","info-secondary":"primary","info-tertiary":"primary"}}),opacity:t({name:"opacity",label:"Opacity",typeOfFixture:["opacitySteps"],values:[w],skipRestState:!0,pseudoStates:["disabled"],defaults:{primary:"100",secondary:"100",tertiary:"100",brand:"100","brand-secondary":"100","brand-tertiary":"100",alert:"100","alert-secondary":"100","alert-tertiary":"100",warning:"100","warning-secondary":"100","warning-tertiary":"100",positive:"100","positive-secondary":"100","positive-tertiary":"100",info:"100","info-secondary":"100","info-tertiary":"100"}}),shadow:t({name:"shadow",label:"Shadow",typeOfFixture:["shadowVariants"],values:[h],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}}),scaleEffect:t({name:"scaleEffect",label:"Scale",typeOfFixture:["scaleEffects"],values:[x],skipRestState:!0,pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none",brand:"none","brand-secondary":"none","brand-tertiary":"none",alert:"none","alert-secondary":"none","alert-tertiary":"none",warning:"none","warning-secondary":"none","warning-tertiary":"none",positive:"none","positive-secondary":"none","positive-tertiary":"none",info:"none","info-secondary":"none","info-tertiary":"none"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",tertiary:"primary",brand:"primary","brand-secondary":"primary","brand-tertiary":"primary",alert:"primary","alert-secondary":"primary","alert-tertiary":"primary",warning:"primary","warning-secondary":"primary","warning-tertiary":"primary",positive:"primary","positive-secondary":"primary","positive-tertiary":"primary",info:"primary","info-secondary":"primary","info-tertiary":"primary"}})}})}})}};var A={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:a({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:t({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"thin",md:"thin"}}),height:t({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}}),width:t({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}})}})}}),variant:o({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:s({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:t({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var z={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e({label:"Toggle",description:"",variants:{variant:o({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e({label:"Dismissible",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[m],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e({label:"Link",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"3",md:"3"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"1.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label1",md:"label1"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"md"}})}})}})}};var k={label:"Divider",description:"Divider lines are purely decorative and non-interactive, serving as a visual guide. Use as horizontal and vertical lines.",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","muted"],layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:r({label:"line",properties:{borderWidth:t({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[m.filter(e=>"none"!==e)],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:r({label:"label",properties:{textVariant:t({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[b],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var V={label:"IconButton",description:"Customizing your own icon buttons involves adjusting icon sizes, and spacing values to create a personalized button.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{padding:t({name:"padding",label:"Padding",typeOfFixture:["spacingAliases"],values:[f],defaults:{xs:"2",sm:"2",md:"3",lg:"3.5",xl:"4"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"lg"}})}})}}),variant:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:g})}};var I={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:a({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"inputWrapper",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"3.5",lg:"4"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"2",lg:"3.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"3",lg:"3"}}),borderWidth:t({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[m],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:t({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[i],defaults:{md:"md",lg:"md"}}),textVariant:t({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[b],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:t({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[f],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:t({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:t({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:t({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[b],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:t({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:t({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[b],defaults:{md:"label4",lg:"label4"}})}})}}),variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:s({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:t({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:t({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:t({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:t({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:t({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:t({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:t({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:t({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:t({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var W={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:a({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:O,layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"2"}})}}),icon:r({label:"icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:t({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[C],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:t({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:t({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[n,c,p],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var T={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:a({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),startIcon:r({label:"startIcon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:t({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[b],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:o({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:t({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[b],defaults:{default:"label2"}}),color:t({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"brand"}})}})}})}})}}),divider:e({label:"divider",description:"",variants:{variant:a({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),text:r({label:"text",properties:{color:t({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"muted"}}),textVariant:t({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[b],defaults:{default:"label3"}})}}),line:r({label:"line",properties:{borderWidth:t({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[m.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:t({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{default:"transparent"}})}})}})}})}};var R={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:o({label:"Variant",description:"Preview the colors, spacing values, and motion effects of your component at their default size.",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:s({label:"value",options:["checked","unchecked"],layers:{root:r({label:"root",properties:{color:t({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:t({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:t({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:t({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:r({label:"root",properties:{gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2.5"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:t({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"thin",md:"thin"}}),height:t({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}}),width:t({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"5"}})}})}})}};var B={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:o({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:s({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:t({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c,p],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:t({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"brand"}}),borderColor:t({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[n,d,p],defaults:{default:"brand"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:t({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[n,u,p],defaults:{default:"primary"}}),shadow:t({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[h],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:t({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:t({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[n,c],defaults:{default:"brand"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:t({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"0",md:"0"}}),spacingVertical:t({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"1",md:"1.5"}}),gap:t({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"2",md:"2"}}),textVariant:t({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[b],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:t({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"5",md:"7"}}),width:t({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"8",md:"12"}}),borderWidth:t({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[m],defaults:{sm:"none",md:"none"}}),padding:t({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:t({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"6"}}),width:t({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[f],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:t({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[y],defaults:{sm:"sm",md:"sm"}})}})}})}};export{F as AvatarConfig,S as BadgeConfig,P as ButtonConfig,A as CheckboxConfig,z as ChipConfig,k as DividerConfig,V as IconButtonConfig,I as InputConfig,W as LinkConfig,T as MenuConfig,R as RadioConfig,B as SwitchConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../chunk-
|
|
1
|
+
"use strict";var e=require("../../chunk-6THPHJSQ.cjs");Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{configurableProperties}from"../../chunk-
|
|
1
|
+
export{configurableProperties}from"../../chunk-LGVDORBF.js";
|
package/dist/tokens/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../chunk-XD7AYDPI.cjs"),t=require("../chunk-U7C4F57A.cjs"),r=require("../chunk-R3FYD2UO.cjs"),n=require("../chunk-WUBNTBF6.cjs");Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return e.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return e.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return e.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return e.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return e.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return e.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return e.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return e.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return e.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return e.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return e.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return e.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return e.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return e.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return e.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return e.generateClassName}}),Object.defineProperty(exports,"generateConfigStyles",{enumerable:!0,get:function(){return e.generateConfigStyles}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return e.generateDeclaration}}),Object.defineProperty(exports,"generateDefaultClassName",{enumerable:!0,get:function(){return e.generateDefaultClassName}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return e.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return e.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return e.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return e.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return e.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return e.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return e.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return e.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return e.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return e.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return e.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return e.getConfigVariants}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return e.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return e.parseButtonVariantFlat}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return e.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return e.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return e.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return e.toMinimalDbConfigObject}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return t.alwaysPalette}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return t.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return t.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return r.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return n.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BACKGROUND_COLOR_PREFIX",{enumerable:!0,get:function(){return n.BACKGROUND_COLOR_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return n.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_GAP_VAR",{enumerable:!0,get:function(){return n.BUTTON_GAP_VAR}}),Object.defineProperty(exports,"BUTTON_SCALE_EFFECT",{enumerable:!0,get:function(){return n.BUTTON_SCALE_EFFECT}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"DROP_SHADOW_PREFIX",{enumerable:!0,get:function(){return n.DROP_SHADOW_PREFIX}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return n.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return n.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return n.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return n.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LETTER_SPACING_PREFIX",{enumerable:!0,get:function(){return n.LETTER_SPACING_PREFIX}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_COLOR_PREFIX",{enumerable:!0,get:function(){return n.LINE_COLOR_PREFIX}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}});
|
|
1
|
+
"use strict";var e=require("../chunk-6THPHJSQ.cjs"),t=require("../chunk-OSIGO5ER.cjs"),r=require("../chunk-JY33SU6G.cjs"),n=require("../chunk-A7OSNZQ4.cjs");Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return e.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return e.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return e.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return e.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return e.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return e.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return e.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return e.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return e.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return e.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return e.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return e.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return e.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return e.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return e.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return e.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return e.generateClassName}}),Object.defineProperty(exports,"generateConfigStyles",{enumerable:!0,get:function(){return e.generateConfigStyles}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return e.generateDeclaration}}),Object.defineProperty(exports,"generateDefaultClassName",{enumerable:!0,get:function(){return e.generateDefaultClassName}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return e.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return e.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return e.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return e.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return e.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return e.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return e.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return e.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return e.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return e.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return e.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return e.getConfigVariants}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return e.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return e.parseButtonVariantFlat}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return e.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return e.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return e.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return e.toMinimalDbConfigObject}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return t.alwaysPalette}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return t.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return t.mapValues}}),Object.defineProperty(exports,"parseOpacityStep",{enumerable:!0,get:function(){return t.parseOpacityStep}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return r.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return n.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BACKGROUND_COLOR_PREFIX",{enumerable:!0,get:function(){return n.BACKGROUND_COLOR_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return n.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_GAP_VAR",{enumerable:!0,get:function(){return n.BUTTON_GAP_VAR}}),Object.defineProperty(exports,"BUTTON_SCALE_EFFECT",{enumerable:!0,get:function(){return n.BUTTON_SCALE_EFFECT}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"DROP_SHADOW_PREFIX",{enumerable:!0,get:function(){return n.DROP_SHADOW_PREFIX}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return n.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return n.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return n.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return n.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LETTER_SPACING_PREFIX",{enumerable:!0,get:function(){return n.LETTER_SPACING_PREFIX}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_COLOR_PREFIX",{enumerable:!0,get:function(){return n.LINE_COLOR_PREFIX}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}});
|
package/dist/tokens/index.d.cts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.cjs';
|
|
2
2
|
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-CyzMnp_C.cjs';
|
|
3
3
|
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, k as SchemaStateValue, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, x as createComponentStates, r as createConfigurableProperty, y as createLayerConfig, z as createSubComponentConfig, u as createVariantConfig, w as createVariantConfigWithComponentStates, v as createVariantConfigWithProperties, l as findFixtureType, n as generateClassName, p as generateConfigStyles, o as generateDeclaration, m as generateDefaultClassName, q as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-CyzMnp_C.cjs';
|
|
4
|
-
import { d1 as UniversalTokensConfigAuto, f as UniversalTokensConfig, d as ShadowConfig, bl as FontWeightDescriptive, bm as FontWeightNumeric, aW as ColorModeForApp, c2 as ScaleModeForApp, g as ColorMode, m as ScaleMode, br as HighContrastMode, bY as RegionMode, aL as ButtonPalette, aP as ButtonVariant, aQ as ButtonVariantFlat } from '../universalTokensConfigAuto-DMkgiw7i.cjs';
|
|
5
|
-
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, C as ColorModeConfig, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, am as FontWeightForFont, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, I as IconPropsWithSVGProps, bt as IconSizeConfig, bu as IconSlotRenderProps, u as ImagePropsWithImgProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues,
|
|
4
|
+
import { d1 as UniversalTokensConfigAuto, f as UniversalTokensConfig, d as ShadowConfig, bl as FontWeightDescriptive, bm as FontWeightNumeric, aW as ColorModeForApp, c2 as ScaleModeForApp, g as ColorMode, m as ScaleMode, br as HighContrastMode, bY as RegionMode, aL as ButtonPalette, aP as ButtonVariant, aQ as ButtonVariantFlat, bL as OpacityStep } from '../universalTokensConfigAuto-DMkgiw7i.cjs';
|
|
5
|
+
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, C as ColorModeConfig, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, am as FontWeightForFont, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, I as IconPropsWithSVGProps, bt as IconSizeConfig, bu as IconSlotRenderProps, u as ImagePropsWithImgProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues, bM as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, bN as Palette, l as PaletteConfig, P as PaletteType, bO as PaletteValue, bP as Percentage, bQ as PercentageUnit, bR as PixelsUnit, bS as PlatformMode, bT as Position, bU as PropertyToPaletteAliasMap, b_ as RGBAUnit, b$ as RGBColorValue, bV as RadioSize, bW as RadioValue, bX as RadioVariant, bZ as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, c0 as ScaleConfig, c1 as ScaleEffect, S as ScaleModeConfig, c3 as ShadowColor, c4 as ShadowColorConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, n as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, cb as ShadowType, cc as ShadowTypeConfig, cd as ShadowVariant, ce as ShadowVariantConfig, cf as ShadowVariantInvert, cg as ShadowVariantWithElevation, ch as ShadowVariantWithInvert, ci as SharedPaletteAlias, r as SpacingAlias, cj as SpacingConfig, ck as SpacingStyleProps, cl as SpectrumColor, cm as SpectrumConfig, cn as StateStyleProps, co as StyleProps, cp as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cB as TShirtSize, cC as TShirtSizeCommon, cq as TextDecorationLine, cr as TextProperty, cs as TextStyleProps, ct as TextTransform, cu as TextTransformConfig, cv as TextVariant, cw as TextVariantTypography, o as TextVariantUi, cx as TextVariantWithoutEmphasized, cy as TransitionDelay, cz as TransitionDuration, cA as TransitionTiming, T as TypographyConfig, cD as TypographyResponsiveProperty, cE as TypographyStyle, cF as TypographyStyleProperty, cG as TypographyUnitValue, x as UDS_PREFIX, cH as UdsCssVar, cI as UnitlessUnit, cJ as UniversalAvatarIconProps, cK as UniversalAvatarImageProps, cL as UniversalAvatarProps, cM as UniversalAvatarTextProps, cN as UniversalBadgeProps, b as UniversalBoxProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cU as UniversalChipProps, cV as UniversalChipToggleProps, q as UniversalDividerProps, t as UniversalFormLabelProps, cW as UniversalIconButtonProps, cX as UniversalIconProps, cY as UniversalIconSlot, cZ as UniversalImageProps, c_ as UniversalInputProps, v as UniversalLinkProps, s as UniversalMenuItemProps, a as UniversalPressableProps, c$ as UniversalRadioGroupProps, d0 as UniversalRadioProps, p as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, w as alwaysPalette } from '../universalTokensConfigAuto-DMkgiw7i.cjs';
|
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
|
7
7
|
import '@yahoo/uds/fixtures';
|
|
8
8
|
import 'motion/react';
|
|
@@ -2175,4 +2175,18 @@ declare function fromEntries<T extends string, K>(item: [T, K][] | (readonly [T,
|
|
|
2175
2175
|
type AnyObject = Record<string, unknown>;
|
|
2176
2176
|
declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
|
|
2177
2177
|
|
|
2178
|
-
|
|
2178
|
+
/**
|
|
2179
|
+
* Converts a number or string to a valid OpacityStep.
|
|
2180
|
+
*
|
|
2181
|
+
* Converts a number or string to a valid OpacityStep by:
|
|
2182
|
+
* - Parsing the value as an integer
|
|
2183
|
+
* - Clamping between 0 and 100
|
|
2184
|
+
* - Returning as a string in the format expected by OpacityStep
|
|
2185
|
+
*
|
|
2186
|
+
* @param opacity - The opacity value (number or string)
|
|
2187
|
+
* @returns A valid OpacityStep string clamped between 0-100
|
|
2188
|
+
* @throws {Error} If opacity is undefined, null, or cannot be parsed as a number
|
|
2189
|
+
*/
|
|
2190
|
+
declare function parseOpacityStep(opacity: number | string | undefined): OpacityStep;
|
|
2191
|
+
|
|
2192
|
+
export { type AllSelectors, type BaseSelector, ButtonPalette, ButtonVariant, ButtonVariantFlat, ColorMode, ColorModeForApp, ComponentConfig, ComponentStateConfig, type CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, FontWeightDescriptive, FontWeightNumeric, HighContrastMode, OpacityStep, type ParentVariantSelector, PossibleStatesWithRest, RegionMode, ScaleMode, ScaleModeForApp, SelectedConfigurableProperty, ShadowConfig, SubComponentConfig, UniversalTokensConfig, UniversalTokensConfigAuto, VariantConfig, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, variants };
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.js';
|
|
2
2
|
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-Dp0sWo0y.js';
|
|
3
3
|
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, k as SchemaStateValue, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, x as createComponentStates, r as createConfigurableProperty, y as createLayerConfig, z as createSubComponentConfig, u as createVariantConfig, w as createVariantConfigWithComponentStates, v as createVariantConfigWithProperties, l as findFixtureType, n as generateClassName, p as generateConfigStyles, o as generateDeclaration, m as generateDefaultClassName, q as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-Dp0sWo0y.js';
|
|
4
|
-
import { d1 as UniversalTokensConfigAuto, f as UniversalTokensConfig, d as ShadowConfig, bl as FontWeightDescriptive, bm as FontWeightNumeric, aW as ColorModeForApp, c2 as ScaleModeForApp, g as ColorMode, m as ScaleMode, br as HighContrastMode, bY as RegionMode, aL as ButtonPalette, aP as ButtonVariant, aQ as ButtonVariantFlat } from '../universalTokensConfigAuto-DMkgiw7i.js';
|
|
5
|
-
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, C as ColorModeConfig, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, am as FontWeightForFont, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, I as IconPropsWithSVGProps, bt as IconSizeConfig, bu as IconSlotRenderProps, u as ImagePropsWithImgProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues,
|
|
4
|
+
import { d1 as UniversalTokensConfigAuto, f as UniversalTokensConfig, d as ShadowConfig, bl as FontWeightDescriptive, bm as FontWeightNumeric, aW as ColorModeForApp, c2 as ScaleModeForApp, g as ColorMode, m as ScaleMode, br as HighContrastMode, bY as RegionMode, aL as ButtonPalette, aP as ButtonVariant, aQ as ButtonVariantFlat, bL as OpacityStep } from '../universalTokensConfigAuto-DMkgiw7i.js';
|
|
5
|
+
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, C as ColorModeConfig, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, am as FontWeightForFont, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, I as IconPropsWithSVGProps, bt as IconSizeConfig, bu as IconSlotRenderProps, u as ImagePropsWithImgProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues, bM as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, bN as Palette, l as PaletteConfig, P as PaletteType, bO as PaletteValue, bP as Percentage, bQ as PercentageUnit, bR as PixelsUnit, bS as PlatformMode, bT as Position, bU as PropertyToPaletteAliasMap, b_ as RGBAUnit, b$ as RGBColorValue, bV as RadioSize, bW as RadioValue, bX as RadioVariant, bZ as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, c0 as ScaleConfig, c1 as ScaleEffect, S as ScaleModeConfig, c3 as ShadowColor, c4 as ShadowColorConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, n as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, cb as ShadowType, cc as ShadowTypeConfig, cd as ShadowVariant, ce as ShadowVariantConfig, cf as ShadowVariantInvert, cg as ShadowVariantWithElevation, ch as ShadowVariantWithInvert, ci as SharedPaletteAlias, r as SpacingAlias, cj as SpacingConfig, ck as SpacingStyleProps, cl as SpectrumColor, cm as SpectrumConfig, cn as StateStyleProps, co as StyleProps, cp as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cB as TShirtSize, cC as TShirtSizeCommon, cq as TextDecorationLine, cr as TextProperty, cs as TextStyleProps, ct as TextTransform, cu as TextTransformConfig, cv as TextVariant, cw as TextVariantTypography, o as TextVariantUi, cx as TextVariantWithoutEmphasized, cy as TransitionDelay, cz as TransitionDuration, cA as TransitionTiming, T as TypographyConfig, cD as TypographyResponsiveProperty, cE as TypographyStyle, cF as TypographyStyleProperty, cG as TypographyUnitValue, x as UDS_PREFIX, cH as UdsCssVar, cI as UnitlessUnit, cJ as UniversalAvatarIconProps, cK as UniversalAvatarImageProps, cL as UniversalAvatarProps, cM as UniversalAvatarTextProps, cN as UniversalBadgeProps, b as UniversalBoxProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cU as UniversalChipProps, cV as UniversalChipToggleProps, q as UniversalDividerProps, t as UniversalFormLabelProps, cW as UniversalIconButtonProps, cX as UniversalIconProps, cY as UniversalIconSlot, cZ as UniversalImageProps, c_ as UniversalInputProps, v as UniversalLinkProps, s as UniversalMenuItemProps, a as UniversalPressableProps, c$ as UniversalRadioGroupProps, d0 as UniversalRadioProps, p as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, w as alwaysPalette } from '../universalTokensConfigAuto-DMkgiw7i.js';
|
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
|
7
7
|
import '@yahoo/uds/fixtures';
|
|
8
8
|
import 'motion/react';
|
|
@@ -2175,4 +2175,18 @@ declare function fromEntries<T extends string, K>(item: [T, K][] | (readonly [T,
|
|
|
2175
2175
|
type AnyObject = Record<string, unknown>;
|
|
2176
2176
|
declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
|
|
2177
2177
|
|
|
2178
|
-
|
|
2178
|
+
/**
|
|
2179
|
+
* Converts a number or string to a valid OpacityStep.
|
|
2180
|
+
*
|
|
2181
|
+
* Converts a number or string to a valid OpacityStep by:
|
|
2182
|
+
* - Parsing the value as an integer
|
|
2183
|
+
* - Clamping between 0 and 100
|
|
2184
|
+
* - Returning as a string in the format expected by OpacityStep
|
|
2185
|
+
*
|
|
2186
|
+
* @param opacity - The opacity value (number or string)
|
|
2187
|
+
* @returns A valid OpacityStep string clamped between 0-100
|
|
2188
|
+
* @throws {Error} If opacity is undefined, null, or cannot be parsed as a number
|
|
2189
|
+
*/
|
|
2190
|
+
declare function parseOpacityStep(opacity: number | string | undefined): OpacityStep;
|
|
2191
|
+
|
|
2192
|
+
export { type AllSelectors, type BaseSelector, ButtonPalette, ButtonVariant, ButtonVariantFlat, ColorMode, ColorModeForApp, ComponentConfig, ComponentStateConfig, type CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, FontWeightDescriptive, FontWeightNumeric, HighContrastMode, OpacityStep, type ParentVariantSelector, PossibleStatesWithRest, RegionMode, ScaleMode, ScaleModeForApp, SelectedConfigurableProperty, ShadowConfig, SubComponentConfig, UniversalTokensConfig, UniversalTokensConfigAuto, VariantConfig, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, variants };
|
package/dist/tokens/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateConfigStyles,generateDeclaration,generateDefaultClassName,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,isConfigDefaultValue,parseButtonVariantFlat,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-
|
|
1
|
+
export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateConfigStyles,generateDeclaration,generateDefaultClassName,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,isConfigDefaultValue,parseButtonVariantFlat,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-LGVDORBF.js";export{alwaysPalette,entries,mapValues,parseOpacityStep}from"../chunk-AZXEQF7C.js";export{variants}from"../chunk-EUHS2LRV.js";export{AVATAR_SIZE_PREFIX,BACKGROUND_COLOR_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_GAP_VAR,BUTTON_SCALE_EFFECT,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,DROP_SHADOW_PREFIX,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_SIZE_PREFIX,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LETTER_SPACING_PREFIX,LIGHT_COLOR_MODE_CLASSNAME,LINE_COLOR_PREFIX,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-O7UVSJ5U.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../chunk-
|
|
1
|
+
"use strict";var e=require("../chunk-BRM6VXBO.cjs");Object.defineProperty(exports,"parseTokens",{enumerable:!0,get:function(){return e.parseTokens}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{parseTokens}from"../chunk-
|
|
1
|
+
export{parseTokens}from"../chunk-C2XEOEF3.js";
|
package/package.json
CHANGED
package/dist/chunk-4UBSZT2O.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
var r={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"};function e(r){return Object.entries(r)}function t(r,e){return Object.keys(r).reduce((t,n,c)=>(t[n]=e(r[n],n,c),t),{})}export{r as alwaysPalette,e as entries,t as mapValues};
|
package/dist/chunk-5F6Z5AGN.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{getStyles as o}from"./chunk-WLBLQS3H.js";import{jsx as r}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function t({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:m,borderTopColor:h,borderBottomColor:u,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:B,borderEndWidth:x,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:H,flex:v,flexDirection:y,flexGrow:z,flexShrink:G,flexWrap:V,justifyContent:k,flexBasis:j,display:I,overflow:D,overflowX:F,overflowY:L,position:N,spacing:X,spacingHorizontal:Y,spacingVertical:Q,spacingBottom:q,spacingEnd:A,spacingStart:J,spacingTop:K,offset:M,offsetVertical:O,offsetHorizontal:P,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:m,borderTopColor:h,borderBottomColor:u,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:B,borderEndWidth:x,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:H,flex:v,flexDirection:y,flexGrow:z,flexShrink:G,flexWrap:V,justifyContent:k,flexBasis:j,display:I,overflow:D,overflowX:F,overflowY:L,position:N,spacing:X,spacingHorizontal:Y,spacingVertical:Q,spacingBottom:q,spacingEnd:A,spacingStart:J,spacingTop:K,offset:M,offsetVertical:O,offsetHorizontal:P,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})}t.displayName="Image";export{t as Image};
|
package/dist/chunk-7SIWKGH2.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var o=require("./chunk-7OQ3WLBH.cjs"),r=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function t({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:v,flex:y,flexDirection:H,flexGrow:z,flexShrink:G,flexWrap:V,justifyContent:j,flexBasis:k,display:I,overflow:q,overflowX:D,overflowY:F,position:N,spacing:X,spacingHorizontal:Y,spacingVertical:L,spacingBottom:O,spacingEnd:Q,spacingStart:A,spacingTop:J,offset:K,offsetVertical:M,offsetHorizontal:P,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o.getStyles({contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:v,flex:y,flexDirection:H,flexGrow:z,flexShrink:G,flexWrap:V,justifyContent:j,flexBasis:k,display:I,overflow:q,overflowX:D,overflowY:F,position:N,spacing:X,spacingHorizontal:Y,spacingVertical:L,spacingBottom:O,spacingEnd:Q,spacingStart:A,spacingTop:J,offset:K,offsetVertical:M,offsetHorizontal:P,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r.jsx("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})}t.displayName="Image",exports.Image=t;
|
package/dist/chunk-EDOI37SD.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{mapValues as r,entries as e,alwaysPalette as o}from"./chunk-4UBSZT2O.js";import{SPECTRUM_COLOR_PREFIX as t,UDS_PREFIX as a,LINE_COLOR_PREFIX as n,BORDER_WIDTH_PREFIX as i,DROP_SHADOW_PREFIX as c,BACKGROUND_COLOR_PREFIX as s,ICON_SIZE_PREFIX as $,AVATAR_SIZE_PREFIX as l,BORDER_RADIUS_PREFIX as f}from"./chunk-IF3Q6ZLU.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
function u(r,$){const{palette:l,spectrum:f}=r,u={},d={spectrum:{},palette:{}};for(const[r,o]of e(f))for(const[a,n]of e(o)){const e=`--${t}-${`${r}-${a}`}`;d.spectrum[r]||(d.spectrum[r]={}),d.spectrum[r][a]=`rgb(var(${e}))`,u[e]=n}return e(l).forEach(([r,e])=>{for(const[o,{hue:n,step:i,opacity:c}]of Object.entries(e)){r in d.palette||(d.palette[r]={});const e=`--${a}-${r}-color-${o}`;u[e]=`var(--${t}-${n}-${i})`,d.palette[r][o]=c?`rgb(var(${e}) / ${c})`:`rgb(var(${e}))`}}),e($).forEach(([r,a])=>{a&&e(a).forEach(([e])=>{if("finalBackgroundValue"===e){const{r:o,g:t,b:n,a:i}=a[e],c=parseInt(i)/100;u[`--${s}-elevation-${r}`]=`rgba(${o}, ${t}, ${n}, ${c})`}if("borderColor"===e){const i=`--${n}-elevation-${r}`;switch(a[e].type){case"always":u[i]=o[a[e].value];break;case"spectrum":u[i]=`rgb(var(--${t}-${a[e].value.hue}-${a[e].value.step}))`;break;case"line":u[i]=`rgb(var(--${n}-${a[e].value}))`}}if("borderWidth"===e){u[`--${i}-elevation-${r}`]=`var(--${i}-${a[e]})`}if("dropShadow"===e){u[`--${c}-elevation-${r}`]=`var(--${c}-${a[e]})`}})}),{_vars:u,_raw:r,tailwindConfig:d}}function d(r,o){if(!o)return{_vars:{},_raw:{},tailwindConfig:{}};const t={},a={};for(const[n,i]of e(o)){const e=`--${r}-${n}`,o=`${i}px`;t[e]=o,a[n]=`var(${e})`}return{_vars:t,_raw:o,tailwindConfig:a}}function v(r,o){if(!o.elevation)return{};const t={};return e(o.elevation).forEach(([e,o])=>{t[e]=o[r]}),t}function p(e){const{colorMode:o,scaleMode:t}=e;return{...e,colorMode:{light:u(o.light,v("light",e)),dark:u(o.dark,v("dark",e))},scaleMode:r(t,({borderRadius:r,borderWidth:e,avatarSizes:o,iconSizes:t})=>({borderRadius:d(f,r),borderWidth:d(i,e),avatarSizes:d(l,o),iconSizes:d($,t)}))}}export{p as parseTokens};
|
package/dist/chunk-IF3Q6ZLU.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
var e="uds",o=`${e}-avatar-size`,s=`${e}-background-color`,t=`${e}-border-radius`,d=`${e}-border-width`,l=`${e}-drop-shadow`,a=`${e}-font`,r=`${e}-font-size`,i=`${e}-font-weight`,$=`${e}-font-slant`,c=`${e}-font-width`,m=`${e}-icon-size`,n=`${e}-line-color`,u=`${e}-line-height`,x=`${e}-letter-spacing`,b=`${e}-motion`,f=`${e}-spectrum-color`,g=`${e}-text-transform`,h=`${e}-color-mode-dark`,v=`${e}-color-mode-light`,p=`${e}-color-mode-system`,w=`${e}-color-mode-invert`,k=`${e}-scale-mode-xsmall`,z=`${e}-scale-mode-small`,y=`${e}-scale-mode-medium`,B=`${e}-scale-mode-large`,D=`${e}-scale-mode-xlarge`,W=`${e}-scale-mode-xxlarge`,j=`${e}-scale-mode-xxxlarge`,q=v,A=B,C="uds-text-responsive",E={defaultBreakpoint:"uds-text-default",base:"uds-text-base",sm:"uds-text-sm",md:"uds-text-md",lg:"uds-text-lg",xl:"uds-text-xl","2xl":"uds-text-2xl"},F=`--${e}-button-gap`,G=`--${e}-button-scale-effect`,H={hover:":hover:not([disabled])",pressed:":active:not([disabled])",disabled:":disabled",focused:":focus-visible",focusedWithin:":has(:focus-visible)",notDisabled:":not(:has(:disabled))"};export{o as AVATAR_SIZE_PREFIX,s as BACKGROUND_COLOR_PREFIX,t as BORDER_RADIUS_PREFIX,d as BORDER_WIDTH_PREFIX,F as BUTTON_GAP_VAR,G as BUTTON_SCALE_EFFECT,h as DARK_COLOR_MODE_CLASSNAME,q as DEFAULT_COLOR_MODE_CLASSNAME,A as DEFAULT_SCALE_MODE_CLASSNAME,l as DROP_SHADOW_PREFIX,a as FONT_FAMILY_PREFIX,r as FONT_SIZE_PREFIX,$ as FONT_SLANT_PREFIX,i as FONT_WEIGHT_PREFIX,c as FONT_WIDTH_PREFIX,m as ICON_SIZE_PREFIX,w as INVERT_COLOR_MODE_CLASSNAME,B as LARGE_SCALE_MODE_CLASSNAME,x as LETTER_SPACING_PREFIX,v as LIGHT_COLOR_MODE_CLASSNAME,n as LINE_COLOR_PREFIX,u as LINE_HEIGHT_PREFIX,y as MEDIUM_SCALE_MODE_CLASSNAME,b as MOTION_PREFIX,H as PSEUDO_STYLE_SELECTOR_MAP,z as SMALL_SCALE_MODE_CLASSNAME,f as SPECTRUM_COLOR_PREFIX,p as SYSTEM_COLOR_MODE_CLASSNAME,E as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,C as TEXT_RESPONSIVE_CLASSNAME,g as TEXT_TRANSFORM_PREFIX,e as UDS_PREFIX,D as XLARGE_SCALE_MODE_CLASSNAME,k as XSMALL_SCALE_MODE_CLASSNAME,W as XXLARGE_SCALE_MODE_CLASSNAME,j as XXXLARGE_SCALE_MODE_CLASSNAME};
|