@yahoo/uds 3.12.0 → 3.13.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/{Input-DyendGfP.d.cts → Input-CVeeUxNU.d.cts} +1 -1
- package/dist/{Input-3VlNho5u.d.ts → Input-D8BREuel.d.ts} +1 -1
- package/dist/{Input-Fjl8GOP_.d.cts → Input-DpPT9FEx.d.cts} +1 -1
- package/dist/{Input-DFCQ2u9B.d.ts → Input-Dsf_gO9A.d.ts} +1 -1
- package/dist/{Pressable-DwRN0F9I.d.cts → Pressable-BVo-S6Zr.d.cts} +1 -1
- package/dist/{Pressable-Cg5k06jR.d.ts → Pressable-C8YAmTgO.d.ts} +1 -1
- package/dist/{Pressable-DexnJ2tl.d.ts → Pressable-CyPTAGE2.d.ts} +1 -1
- package/dist/{Pressable-fG9Ir9i4.d.cts → Pressable-DJs75dFs.d.cts} +1 -1
- package/dist/{VStack-BLo_GVRR.d.cts → VStack-BuZuyzJQ.d.cts} +1 -1
- package/dist/{VStack-CKzXuoDu.d.cts → VStack-Cwnc0X7i.d.cts} +1 -1
- package/dist/{VStack-CAmlGQov.d.ts → VStack-FrGTqacI.d.ts} +1 -1
- package/dist/{VStack-DTzXc5Gu.d.ts → VStack-pKyyirAP.d.ts} +1 -1
- package/dist/{chunk-XGNMO7EU.js → chunk-2II4ZFQI.js} +2 -2
- package/dist/{chunk-KS3DH3LU.js → chunk-2J7CK77Y.cjs} +1 -2
- package/dist/{chunk-3AGA62FV.js → chunk-C3Q7Z6UA.js} +3 -3
- package/dist/{chunk-L2LMAKRB.js → chunk-CW2GDS2H.cjs} +1 -2
- package/dist/chunk-EGRAYQGZ.js +2 -0
- package/dist/{chunk-7CV7WF6H.cjs → chunk-PYXGHSQQ.cjs} +1 -1
- package/dist/chunk-VAUJIRSN.js +2 -0
- package/dist/{chunk-4MMZH6H4.cjs → chunk-VWZ3EXJ3.cjs} +1 -1
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +3 -3
- package/dist/client/index.d.ts +3 -3
- package/dist/client/index.js +1 -1
- package/dist/fixtures.cjs +13 -3
- package/dist/fixtures.d.cts +3 -2
- package/dist/fixtures.d.ts +3 -2
- package/dist/fixtures.js +11 -2
- package/dist/{index-BVQM-l4R.d.ts → index-BXnKaQUl.d.ts} +1 -1
- package/dist/{index-6XSLBu2d.d.cts → index-C3N2muhC.d.cts} +1 -1
- package/dist/{index-CzTuVTTj.d.cts → index-Dk7Qj5gp.d.cts} +1 -1
- package/dist/{index-DkZBPwMK.d.ts → index-PeX4hWLQ.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- 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.d.cts +2 -7
- package/dist/tailwind/plugin.d.ts +2 -7
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +5 -2
- package/dist/tailwind/utils.d.ts +5 -2
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-DHi8fUQQ.d.cts → types-BUzQ4GYD.d.cts} +1 -2
- package/dist/{types-CCP4BG97.d.cts → types-BUzQ4GYD.d.ts} +2018 -2019
- package/dist/types-BvOFo15W.d.cts +8 -0
- package/dist/types-BvOFo15W.d.ts +8 -0
- package/dist/{types-CCP4BG97.d.ts → types-Che4YX3v.d.cts} +1 -2
- package/dist/{types-DHi8fUQQ.d.ts → types-Che4YX3v.d.ts} +1977 -1978
- package/package.json +1 -1
- package/dist/chunk-OJT5LTIJ.cjs +0 -2
- package/dist/chunk-PUOU55IC.cjs +0 -2
@@ -1 +1 @@
|
|
1
|
-
import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as o,createVariantConfigWithComponentStates as l,createComponentStates as t}from"../../chunk-KS3DH3LU.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as p,foregroundPaletteColors as u,iconSizes as c,textVariants as y,borderWidths as b,spacingAliases as m,shadowVariantsWithInvert as f,shadowVariants as v,textDecorationLines as h}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var x={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:o({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:o({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var g={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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],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:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],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:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],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:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],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:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],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:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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 C={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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:o({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var w={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:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"3",md:"3"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label1",md:"label1"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"md"}})}})}})}};var F={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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[b.filter((e=>"none"!==e))],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var O={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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3.5",lg:"4"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"2",lg:"3.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3",lg:"3"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{md:"md",lg:"md"}}),textVariant:o({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[y],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:o({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:o({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:t({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:o({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:o({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:o({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var S={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:y,layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],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"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:o({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:o({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:o({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var P={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:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}}),color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"color",label:"group label text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"muted"}}),textVariant:o({name:"textVariant",label:"Group label",typeOfFixture:["textVariants"],values:[y],defaults:{default:"label3"}})}})}})}})}};var A={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:l({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:t({label:"value",options:["checked","unchecked"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:o({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:o({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:o({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:o({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}})}};var k={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:l({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:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:o({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:o({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}}),borderColor:o({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"brand"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:o({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"primary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u],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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0",md:"0"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"5",md:"7"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"8",md:"12"}}),borderWidth:o({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"none",md:"none"}}),padding:o({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"sm"}})}})}})}};export{x as AvatarConfig,g as BadgeConfig,C as CheckboxConfig,w as ChipConfig,F as DividerConfig,O as InputConfig,S as LinkConfig,P as MenuConfig,A as RadioConfig,k as SwitchConfig};
|
1
|
+
import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as o,createVariantConfigWithComponentStates as l,createComponentStates as t}from"../../chunk-VAUJIRSN.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as p,foregroundPaletteColors as u,iconSizes as c,textVariants as y,borderWidths as b,spacingAliases as m,shadowVariantsWithInvert as f,shadowVariants as v,textDecorationLines as h}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var x={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:o({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:o({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var g={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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],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:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],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:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],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:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],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:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],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:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],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:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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 C={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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:o({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var w={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:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"3",md:"3"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label1",md:"label1"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"md"}})}})}})}};var F={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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[b.filter((e=>"none"!==e))],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var O={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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3.5",lg:"4"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"2",lg:"3.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3",lg:"3"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{md:"md",lg:"md"}}),textVariant:o({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[y],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:o({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:o({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:t({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:o({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:o({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:o({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var S={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:y,layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],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"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],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"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:o({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:o({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:o({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var P={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:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}}),color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],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:o({name:"color",label:"group label text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"muted"}}),textVariant:o({name:"textVariant",label:"Group label",typeOfFixture:["textVariants"],values:[y],defaults:{default:"label3"}})}})}})}})}};var A={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:l({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:t({label:"value",options:["checked","unchecked"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:o({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:o({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:o({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],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:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:o({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}})}};var k={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:l({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:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:o({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:o({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}}),borderColor:o({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"brand"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:o({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"primary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u],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:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0",md:"0"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"5",md:"7"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"8",md:"12"}}),borderWidth:o({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"none",md:"none"}}),padding:o({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"sm"}})}})}})}};export{x as AvatarConfig,g as BadgeConfig,C as CheckboxConfig,w as ChipConfig,F as DividerConfig,O as InputConfig,S as LinkConfig,P as MenuConfig,A as RadioConfig,k as SwitchConfig};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../../chunk-
|
1
|
+
"use strict";var e=require("../../chunk-CW2GDS2H.cjs");Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}});
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-
|
2
|
-
import '../../types-
|
1
|
+
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-Dk7Qj5gp.cjs';
|
2
|
+
import '../../types-Che4YX3v.cjs';
|
3
3
|
import '@yahoo/uds/fixtures';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'motion/react';
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-
|
2
|
-
import '../../types-
|
1
|
+
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-PeX4hWLQ.js';
|
2
|
+
import '../../types-Che4YX3v.js';
|
3
3
|
import '@yahoo/uds/fixtures';
|
4
4
|
import '@yahoo/uds-icons/types';
|
5
5
|
import 'motion/react';
|
@@ -1 +1 @@
|
|
1
|
-
export{configurableProperties}from"../../chunk-
|
1
|
+
export{configurableProperties}from"../../chunk-VAUJIRSN.js";
|
package/dist/tokens/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
1
|
+
"use strict";var e=require("../chunk-CW2GDS2H.cjs"),t=require("../chunk-J7PUOUXC.cjs"),r=require("../chunk-O7EFQP7P.cjs"),n=require("../chunk-OU46NWOC.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,"alwaysPalette",{enumerable:!0,get:function(){return e.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return e.button}}),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,"createComponentStateConfig",{enumerable:!0,get:function(){return e.createComponentStateConfig}}),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,"defaultTokensConfig",{enumerable:!0,get:function(){return e.defaultTokensConfig}}),Object.defineProperty(exports,"defaultUniversalTokensConfigAuto",{enumerable:!0,get:function(){return e.defaultUniversalTokensConfigAuto}}),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,"generateDeclaration",{enumerable:!0,get:function(){return e.generateDeclaration}}),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,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return e.getDefaultButtonBaseMap}}),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,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return e.parseDeprecatedButtonPaletteVariant}}),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,"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,"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_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.BUTTON_CSS_VAR_MAP}}),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,"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_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),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,"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, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.cjs';
|
2
|
-
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-
|
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, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-
|
4
|
-
import {
|
5
|
-
export { G as AVATAR_SIZE_PREFIX, ah as AlwaysPalette, ai as AlwaysPaletteAlias, aj as AlwaysPaletteColor, ak as Animation, al as AriaAttribute, am as AvatarAbbreviationStrategy, an as AvatarShape, ao as AvatarSize, ap as AvatarSizeConfig, aq as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, a9 as BUTTON_CSS_VAR_MAP, ar as BackgroundColor, as as BackgroundPalette, at as BackgroundPaletteAlias, au as BackgroundStyleProps, av as BadgeSize, aw as BadgeVariant, ax as BorderRadius, ay as BorderRadiusConfig, az as BorderStyleProps, aA as BorderWidth, aB as BorderWidthConfig, aC as Breakpoint,
|
2
|
+
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-Dk7Qj5gp.cjs';
|
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, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-Dk7Qj5gp.cjs';
|
4
|
+
import { d6 as UniversalTokensConfigAuto, b as UniversalTokensConfig, aJ as ButtonKind, aN as ButtonPalette, aE as ButtonBaseConfig, B as ButtonConfig, b4 as ColorModeConfig, c9 as ScaleModeConfig, p as FontConfig, bF as IconButtonConfig, s as MotionConfig, cd as ShadowConfig, cI as TypographyConfig, bC as GlobalDefaultsConfig, aD as BreakpointsConfig, bw as FontWeightDescriptive, bx as FontWeightNumeric, b5 as ColorModeForApp, ca as ScaleModeForApp, C as ColorMode, S as ScaleMode, bD as HighContrastMode, c5 as RegionMode, aY as ButtonVariant, a_ as ButtonVariantFlat } from '../types-Che4YX3v.cjs';
|
5
|
+
export { G as AVATAR_SIZE_PREFIX, ah as AlwaysPalette, ai as AlwaysPaletteAlias, aj as AlwaysPaletteColor, ak as Animation, al as AriaAttribute, am as AvatarAbbreviationStrategy, an as AvatarShape, ao as AvatarSize, ap as AvatarSizeConfig, aq as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, a9 as BUTTON_CSS_VAR_MAP, ar as BackgroundColor, as as BackgroundPalette, at as BackgroundPaletteAlias, au as BackgroundStyleProps, av as BadgeSize, aw as BadgeVariant, ax as BorderRadius, ay as BorderRadiusConfig, az as BorderStyleProps, aA as BorderWidth, aB as BorderWidthConfig, aC as Breakpoint, j as ButtonClassMap, aF as ButtonClassName, aG as ButtonColorConfig, aH as ButtonColorEffect, aI as ButtonColorEffectConfig, k as ButtonColorProperty, l as ButtonColorPropertyConfig, aK as ButtonMotionEffect, aL as ButtonMotionProperty, aM as ButtonMotionPropertyConfig, aO as ButtonPaletteColor, aP as ButtonPaletteConfig, aQ as ButtonShadowPropertyConfig, aR as ButtonSize, aS as ButtonSizeConfig, aT as ButtonSizeProperty, aU as ButtonSpectrumColor, aV as ButtonState, aW as ButtonStateConfig, aX as ButtonStateEffectConfig, aZ as ButtonVariantConfig, a$ as CheckboxSize, b0 as CheckboxValue, b1 as CheckboxVariant, b2 as ChipSize, b3 as ChipVariant, c as ColorsConfig, b6 as ConfigurableDropShadowValues, b7 as ConfigurableInsetShadowValues, b8 as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a6 as DEFAULT_COLOR_MODE_CLASSNAME, a7 as DEFAULT_SCALE_MODE_CLASSNAME, b9 as DataAttribute, ba as Display, bb as DividerVariant, ac as FONT_DECLARATIONS_MAP, L as FONT_FAMILY_PREFIX, N as FONT_SIZE_PREFIX, Q as FONT_SLANT_PREFIX, O as FONT_WEIGHT_PREFIX, R as FONT_WIDTH_PREFIX, bc as Flex, bd as FlexAlignContent, be as FlexAlignItems, bf as FlexAlignSelf, bg as FlexBasis, bh as FlexDirection, bi as FlexGrow, bj as FlexJustifyContent, bk as FlexShrink, bl as FlexStyleProps, bm as FlexWrap, bn as FontAlias, ad as FontAxisConfig, bo as FontCssVar, ae as FontDeclarationConfig, o as FontDeclarationItemConfig, af as FontDeclarationMap, bp as FontFamilyCDNUrl, bq as FontFamilyConfig, F as FontID, br as FontSize, bs as FontSizeConfig, bt as FontSlantConfig, bu as FontType, bv as FontWeightConfig, ag as FontWeightForFont, by as FontWidthConfig, bz as ForegroundColor, bA as ForegroundPalette, bB as ForegroundPaletteAlias, H as Hue, d as HueStep, aa as ICON_BUTTON_CSS_VAR_MAP, T as ICON_SIZE_PREFIX, I as IconButtonClassMap, bE as IconButtonClassName, bG as IconButtonDefaultsConfig, bH as IconButtonSize, v as IconPropsWithSVGProps, bI as IconSizeConfig, w as ImagePropsWithImgProps, bJ as ImageStyleProps, bK as InputSize, a2 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bL as LayoutStyleProps, bM as LetterSpacing, bN as LineClampAlias, bO as LineColor, bP as LineHeight, bQ as LineHeightConfig, bR as LinePalette, bS as LinePaletteAlias, a1 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bT as Modes, bU as MotionCssVar, bV as MotionSpringConfig, r as MotionSpringConfigOptions, M as MotionVariant, q as MotionVariantSpeed, bW as MotionVariantValues, bX as Overflow, ab as PSEUDO_STYLE_SELECTOR_MAP, bY as Palette, e as PaletteConfig, P as PaletteType, bZ as PaletteValue, b_ as Pixels, b$ as PlatformMode, c0 as Position, c1 as PropertyToPaletteAliasMap, c2 as RadioSize, c3 as RadioValue, c4 as RadioVariant, c6 as Rems, a0 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, c7 as ScaleConfig, c8 as ScaleEffectMap, cb as ShadowColor, cc as ShadowColorConfig, ce as ShadowOffset, cf as ShadowOpacity, cg as ShadowPalette, ch as ShadowPaletteAlias, f as ShadowPreset, ci as ShadowSpreadRadius, cj as ShadowStyleProps, t as ShadowType, ck as ShadowTypeConfig, cl as ShadowVariant, cm as ShadowVariantConfig, cn as ShadowVariantInvert, co as ShadowVariantWithInvert, cp as SharedPaletteAlias, m as SpacingAlias, cq as SpacingConfig, cr as SpacingStyleProps, cs as SpectrumColor, ct as SpectrumConfig, cu as StateStyleProps, cv as StyleProps, cw as SwitchSize, a8 as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cG as TShirtSize, cH as TShirtSizeCommon, cx as TextDecorationLine, cy as TextProperty, cz as TextStyleProps, cA as TextTransform, cB as TextTransformConfig, cC as TextVariant, cD as TransitionDelay, cE as TransitionDuration, cF as TransitionTiming, cJ as TypographyResponsiveProperty, cK as TypographyStyle, cL as TypographyStyleProperty, cM as TypographyUnitValue, E as UDS_PREFIX, cN as UdsCssVar, cO as Unitless, cP as UniversalAvatarIconProps, cQ as UniversalAvatarImageProps, cR as UniversalAvatarProps, cS as UniversalAvatarTextProps, cT as UniversalBadgeProps, g as UniversalBoxProps, cU as UniversalButtonProps, cV as UniversalCheckboxProps, cW as UniversalChipBaseProps, cX as UniversalChipButtonProps, cY as UniversalChipDismissibleProps, cZ as UniversalChipLinkProps, c_ as UniversalChipProps, c$ as UniversalChipToggleProps, i as UniversalDividerProps, u as UniversalFormLabelProps, d0 as UniversalIconButtonProps, d1 as UniversalIconProps, x as UniversalIconSlot, d2 as UniversalImageProps, U as UniversalInputProps, y as UniversalLinkProps, n as UniversalMenuItemProps, a as UniversalPressableProps, d3 as UniversalRadioGroupProps, d4 as UniversalRadioProps, h as UniversalStackProps, d5 as UniversalSwitchProps, z as UniversalTextProps, a3 as XLARGE_SCALE_MODE_CLASSNAME, $ as XSMALL_SCALE_MODE_CLASSNAME, a4 as XXLARGE_SCALE_MODE_CLASSNAME, a5 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette, D as defaultUniversalTokensConfigAuto } from '../types-Che4YX3v.cjs';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
7
7
|
import '@yahoo/uds/fixtures';
|
8
8
|
import 'motion/react';
|
package/dist/tokens/index.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.js';
|
2
|
-
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-
|
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, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-
|
4
|
-
import {
|
5
|
-
export { G as AVATAR_SIZE_PREFIX, ah as AlwaysPalette, ai as AlwaysPaletteAlias, aj as AlwaysPaletteColor, ak as Animation, al as AriaAttribute, am as AvatarAbbreviationStrategy, an as AvatarShape, ao as AvatarSize, ap as AvatarSizeConfig, aq as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, a9 as BUTTON_CSS_VAR_MAP, ar as BackgroundColor, as as BackgroundPalette, at as BackgroundPaletteAlias, au as BackgroundStyleProps, av as BadgeSize, aw as BadgeVariant, ax as BorderRadius, ay as BorderRadiusConfig, az as BorderStyleProps, aA as BorderWidth, aB as BorderWidthConfig, aC as Breakpoint,
|
2
|
+
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-PeX4hWLQ.js';
|
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, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-PeX4hWLQ.js';
|
4
|
+
import { d6 as UniversalTokensConfigAuto, b as UniversalTokensConfig, aJ as ButtonKind, aN as ButtonPalette, aE as ButtonBaseConfig, B as ButtonConfig, b4 as ColorModeConfig, c9 as ScaleModeConfig, p as FontConfig, bF as IconButtonConfig, s as MotionConfig, cd as ShadowConfig, cI as TypographyConfig, bC as GlobalDefaultsConfig, aD as BreakpointsConfig, bw as FontWeightDescriptive, bx as FontWeightNumeric, b5 as ColorModeForApp, ca as ScaleModeForApp, C as ColorMode, S as ScaleMode, bD as HighContrastMode, c5 as RegionMode, aY as ButtonVariant, a_ as ButtonVariantFlat } from '../types-Che4YX3v.js';
|
5
|
+
export { G as AVATAR_SIZE_PREFIX, ah as AlwaysPalette, ai as AlwaysPaletteAlias, aj as AlwaysPaletteColor, ak as Animation, al as AriaAttribute, am as AvatarAbbreviationStrategy, an as AvatarShape, ao as AvatarSize, ap as AvatarSizeConfig, aq as AvatarVariant, J as BORDER_RADIUS_PREFIX, K as BORDER_WIDTH_PREFIX, a9 as BUTTON_CSS_VAR_MAP, ar as BackgroundColor, as as BackgroundPalette, at as BackgroundPaletteAlias, au as BackgroundStyleProps, av as BadgeSize, aw as BadgeVariant, ax as BorderRadius, ay as BorderRadiusConfig, az as BorderStyleProps, aA as BorderWidth, aB as BorderWidthConfig, aC as Breakpoint, j as ButtonClassMap, aF as ButtonClassName, aG as ButtonColorConfig, aH as ButtonColorEffect, aI as ButtonColorEffectConfig, k as ButtonColorProperty, l as ButtonColorPropertyConfig, aK as ButtonMotionEffect, aL as ButtonMotionProperty, aM as ButtonMotionPropertyConfig, aO as ButtonPaletteColor, aP as ButtonPaletteConfig, aQ as ButtonShadowPropertyConfig, aR as ButtonSize, aS as ButtonSizeConfig, aT as ButtonSizeProperty, aU as ButtonSpectrumColor, aV as ButtonState, aW as ButtonStateConfig, aX as ButtonStateEffectConfig, aZ as ButtonVariantConfig, a$ as CheckboxSize, b0 as CheckboxValue, b1 as CheckboxVariant, b2 as ChipSize, b3 as ChipVariant, c as ColorsConfig, b6 as ConfigurableDropShadowValues, b7 as ConfigurableInsetShadowValues, b8 as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a6 as DEFAULT_COLOR_MODE_CLASSNAME, a7 as DEFAULT_SCALE_MODE_CLASSNAME, b9 as DataAttribute, ba as Display, bb as DividerVariant, ac as FONT_DECLARATIONS_MAP, L as FONT_FAMILY_PREFIX, N as FONT_SIZE_PREFIX, Q as FONT_SLANT_PREFIX, O as FONT_WEIGHT_PREFIX, R as FONT_WIDTH_PREFIX, bc as Flex, bd as FlexAlignContent, be as FlexAlignItems, bf as FlexAlignSelf, bg as FlexBasis, bh as FlexDirection, bi as FlexGrow, bj as FlexJustifyContent, bk as FlexShrink, bl as FlexStyleProps, bm as FlexWrap, bn as FontAlias, ad as FontAxisConfig, bo as FontCssVar, ae as FontDeclarationConfig, o as FontDeclarationItemConfig, af as FontDeclarationMap, bp as FontFamilyCDNUrl, bq as FontFamilyConfig, F as FontID, br as FontSize, bs as FontSizeConfig, bt as FontSlantConfig, bu as FontType, bv as FontWeightConfig, ag as FontWeightForFont, by as FontWidthConfig, bz as ForegroundColor, bA as ForegroundPalette, bB as ForegroundPaletteAlias, H as Hue, d as HueStep, aa as ICON_BUTTON_CSS_VAR_MAP, T as ICON_SIZE_PREFIX, I as IconButtonClassMap, bE as IconButtonClassName, bG as IconButtonDefaultsConfig, bH as IconButtonSize, v as IconPropsWithSVGProps, bI as IconSizeConfig, w as ImagePropsWithImgProps, bJ as ImageStyleProps, bK as InputSize, a2 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bL as LayoutStyleProps, bM as LetterSpacing, bN as LineClampAlias, bO as LineColor, bP as LineHeight, bQ as LineHeightConfig, bR as LinePalette, bS as LinePaletteAlias, a1 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bT as Modes, bU as MotionCssVar, bV as MotionSpringConfig, r as MotionSpringConfigOptions, M as MotionVariant, q as MotionVariantSpeed, bW as MotionVariantValues, bX as Overflow, ab as PSEUDO_STYLE_SELECTOR_MAP, bY as Palette, e as PaletteConfig, P as PaletteType, bZ as PaletteValue, b_ as Pixels, b$ as PlatformMode, c0 as Position, c1 as PropertyToPaletteAliasMap, c2 as RadioSize, c3 as RadioValue, c4 as RadioVariant, c6 as Rems, a0 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, c7 as ScaleConfig, c8 as ScaleEffectMap, cb as ShadowColor, cc as ShadowColorConfig, ce as ShadowOffset, cf as ShadowOpacity, cg as ShadowPalette, ch as ShadowPaletteAlias, f as ShadowPreset, ci as ShadowSpreadRadius, cj as ShadowStyleProps, t as ShadowType, ck as ShadowTypeConfig, cl as ShadowVariant, cm as ShadowVariantConfig, cn as ShadowVariantInvert, co as ShadowVariantWithInvert, cp as SharedPaletteAlias, m as SpacingAlias, cq as SpacingConfig, cr as SpacingStyleProps, cs as SpectrumColor, ct as SpectrumConfig, cu as StateStyleProps, cv as StyleProps, cw as SwitchSize, a8 as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cG as TShirtSize, cH as TShirtSizeCommon, cx as TextDecorationLine, cy as TextProperty, cz as TextStyleProps, cA as TextTransform, cB as TextTransformConfig, cC as TextVariant, cD as TransitionDelay, cE as TransitionDuration, cF as TransitionTiming, cJ as TypographyResponsiveProperty, cK as TypographyStyle, cL as TypographyStyleProperty, cM as TypographyUnitValue, E as UDS_PREFIX, cN as UdsCssVar, cO as Unitless, cP as UniversalAvatarIconProps, cQ as UniversalAvatarImageProps, cR as UniversalAvatarProps, cS as UniversalAvatarTextProps, cT as UniversalBadgeProps, g as UniversalBoxProps, cU as UniversalButtonProps, cV as UniversalCheckboxProps, cW as UniversalChipBaseProps, cX as UniversalChipButtonProps, cY as UniversalChipDismissibleProps, cZ as UniversalChipLinkProps, c_ as UniversalChipProps, c$ as UniversalChipToggleProps, i as UniversalDividerProps, u as UniversalFormLabelProps, d0 as UniversalIconButtonProps, d1 as UniversalIconProps, x as UniversalIconSlot, d2 as UniversalImageProps, U as UniversalInputProps, y as UniversalLinkProps, n as UniversalMenuItemProps, a as UniversalPressableProps, d3 as UniversalRadioGroupProps, d4 as UniversalRadioProps, h as UniversalStackProps, d5 as UniversalSwitchProps, z as UniversalTextProps, a3 as XLARGE_SCALE_MODE_CLASSNAME, $ as XSMALL_SCALE_MODE_CLASSNAME, a4 as XXLARGE_SCALE_MODE_CLASSNAME, a5 as XXXLARGE_SCALE_MODE_CLASSNAME, A as alwaysPalette, D as defaultUniversalTokensConfigAuto } from '../types-Che4YX3v.js';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
7
7
|
import '@yahoo/uds/fixtures';
|
8
8
|
import 'motion/react';
|
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,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,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,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-VAUJIRSN.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-B73VFZGJ.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,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-WLUJBM5E.js";
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { b as UniversalTokensConfig, C as ColorMode, c as ColorsConfig, H as Hue, d as HueStep, P as PaletteType, e as PaletteConfig, S as ScaleMode } from '../types-
|
1
|
+
import { b as UniversalTokensConfig, C as ColorMode, c as ColorsConfig, H as Hue, d as HueStep, P as PaletteType, e as PaletteConfig, S as ScaleMode } from '../types-Che4YX3v.cjs';
|
2
2
|
import '@yahoo/uds-icons/types';
|
3
3
|
import 'motion/react';
|
4
4
|
import 'react';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { b as UniversalTokensConfig, C as ColorMode, c as ColorsConfig, H as Hue, d as HueStep, P as PaletteType, e as PaletteConfig, S as ScaleMode } from '../types-
|
1
|
+
import { b as UniversalTokensConfig, C as ColorMode, c as ColorsConfig, H as Hue, d as HueStep, P as PaletteType, e as PaletteConfig, S as ScaleMode } from '../types-Che4YX3v.js';
|
2
2
|
import '@yahoo/uds-icons/types';
|
3
3
|
import 'motion/react';
|
4
4
|
import 'react';
|
@@ -9482,7 +9482,6 @@ type BreakpointsConfig = {
|
|
9482
9482
|
'2xl': BreakpointValue;
|
9483
9483
|
};
|
9484
9484
|
type Breakpoint = keyof BreakpointsConfig;
|
9485
|
-
type BreakpointWithBase = Breakpoint | 'base';
|
9486
9485
|
type TextVariant = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'label3' | 'label4' | 'caption1' | 'caption2' | 'legal1';
|
9487
9486
|
type FontAlias = 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono';
|
9488
9487
|
type FontType = 'sans' | 'serif' | 'mono';
|
@@ -10447,4 +10446,4 @@ interface UniversalMenuItemProps extends Omit<UniversalPressableProps, 'asChild'
|
|
10447
10446
|
disabled?: boolean;
|
10448
10447
|
}
|
10449
10448
|
|
10450
|
-
export { XSMALL_SCALE_MODE_CLASSNAME as $, alwaysPalette as A, type ButtonConfig as B, type ColorMode as C, defaultUniversalTokensConfigAuto as D, UDS_PREFIX as E, type FontID as F, AVATAR_SIZE_PREFIX as G, type Hue as H, type IconButtonClassMap as I, BORDER_RADIUS_PREFIX as J, BORDER_WIDTH_PREFIX as K, FONT_FAMILY_PREFIX as L, type MotionVariant as M, FONT_SIZE_PREFIX as N, FONT_WEIGHT_PREFIX as O, type PaletteType as P, FONT_SLANT_PREFIX as Q, FONT_WIDTH_PREFIX as R, type ScaleMode as S, ICON_SIZE_PREFIX as T, type UniversalInputProps as U, LINE_HEIGHT_PREFIX as V, MOTION_PREFIX as W, SPECTRUM_COLOR_PREFIX as X, TEXT_TRANSFORM_PREFIX as Y, DARK_COLOR_MODE_CLASSNAME as Z, LIGHT_COLOR_MODE_CLASSNAME as _, type UniversalPressableProps as a, type
|
10449
|
+
export { XSMALL_SCALE_MODE_CLASSNAME as $, alwaysPalette as A, type ButtonConfig as B, type ColorMode as C, defaultUniversalTokensConfigAuto as D, UDS_PREFIX as E, type FontID as F, AVATAR_SIZE_PREFIX as G, type Hue as H, type IconButtonClassMap as I, BORDER_RADIUS_PREFIX as J, BORDER_WIDTH_PREFIX as K, FONT_FAMILY_PREFIX as L, type MotionVariant as M, FONT_SIZE_PREFIX as N, FONT_WEIGHT_PREFIX as O, type PaletteType as P, FONT_SLANT_PREFIX as Q, FONT_WIDTH_PREFIX as R, type ScaleMode as S, ICON_SIZE_PREFIX as T, type UniversalInputProps as U, LINE_HEIGHT_PREFIX as V, MOTION_PREFIX as W, SPECTRUM_COLOR_PREFIX as X, TEXT_TRANSFORM_PREFIX as Y, DARK_COLOR_MODE_CLASSNAME as Z, LIGHT_COLOR_MODE_CLASSNAME as _, type UniversalPressableProps as a, type CheckboxSize as a$, SMALL_SCALE_MODE_CLASSNAME as a0, MEDIUM_SCALE_MODE_CLASSNAME as a1, LARGE_SCALE_MODE_CLASSNAME as a2, XLARGE_SCALE_MODE_CLASSNAME as a3, XXLARGE_SCALE_MODE_CLASSNAME as a4, XXXLARGE_SCALE_MODE_CLASSNAME as a5, DEFAULT_COLOR_MODE_CLASSNAME as a6, DEFAULT_SCALE_MODE_CLASSNAME as a7, TEXT_RESPONSIVE_CLASSNAME as a8, BUTTON_CSS_VAR_MAP as a9, type BorderWidth as aA, type BorderWidthConfig as aB, type Breakpoint as aC, type BreakpointsConfig as aD, type ButtonBaseConfig as aE, type ButtonClassName as aF, type ButtonColorConfig as aG, type ButtonColorEffect as aH, type ButtonColorEffectConfig as aI, type ButtonKind as aJ, type ButtonMotionEffect as aK, type ButtonMotionProperty as aL, type ButtonMotionPropertyConfig as aM, type ButtonPalette as aN, type ButtonPaletteColor as aO, type ButtonPaletteConfig as aP, type ButtonShadowPropertyConfig as aQ, type ButtonSize as aR, type ButtonSizeConfig as aS, type ButtonSizeProperty as aT, type ButtonSpectrumColor as aU, type ButtonState as aV, type ButtonStateConfig as aW, type ButtonStateEffectConfig as aX, type ButtonVariant as aY, type ButtonVariantConfig as aZ, type ButtonVariantFlat as a_, ICON_BUTTON_CSS_VAR_MAP as aa, PSEUDO_STYLE_SELECTOR_MAP as ab, FONT_DECLARATIONS_MAP as ac, type FontAxisConfig as ad, type FontDeclarationConfig as ae, type FontDeclarationMap as af, type FontWeightForFont as ag, type AlwaysPalette as ah, type AlwaysPaletteAlias as ai, type AlwaysPaletteColor as aj, type Animation as ak, type AriaAttribute as al, type AvatarAbbreviationStrategy as am, type AvatarShape as an, type AvatarSize as ao, type AvatarSizeConfig as ap, type AvatarVariant as aq, type BackgroundColor as ar, type BackgroundPalette as as, type BackgroundPaletteAlias as at, type BackgroundStyleProps as au, type BadgeSize as av, type BadgeVariant as aw, type BorderRadius as ax, type BorderRadiusConfig as ay, type BorderStyleProps as az, type UniversalTokensConfig as b, type PlatformMode as b$, type CheckboxValue as b0, type CheckboxVariant as b1, type ChipSize as b2, type ChipVariant as b3, type ColorModeConfig as b4, type ColorModeForApp as b5, type ConfigurableDropShadowValues as b6, type ConfigurableInsetShadowValues as b7, type CustomSizingStyleProps as b8, type DataAttribute as b9, type ForegroundPalette as bA, type ForegroundPaletteAlias as bB, type GlobalDefaultsConfig as bC, type HighContrastMode as bD, type IconButtonClassName as bE, type IconButtonConfig as bF, type IconButtonDefaultsConfig as bG, type IconButtonSize as bH, type IconSizeConfig as bI, type ImageStyleProps as bJ, type InputSize as bK, type LayoutStyleProps as bL, type LetterSpacing as bM, type LineClampAlias as bN, type LineColor as bO, type LineHeight as bP, type LineHeightConfig as bQ, type LinePalette as bR, type LinePaletteAlias as bS, type Modes as bT, type MotionCssVar as bU, type MotionSpringConfig as bV, type MotionVariantValues as bW, type Overflow as bX, type Palette as bY, type PaletteValue as bZ, type Pixels as b_, type Display as ba, type DividerVariant as bb, type Flex as bc, type FlexAlignContent as bd, type FlexAlignItems as be, type FlexAlignSelf as bf, type FlexBasis as bg, type FlexDirection as bh, type FlexGrow as bi, type FlexJustifyContent as bj, type FlexShrink as bk, type FlexStyleProps as bl, type FlexWrap as bm, type FontAlias as bn, type FontCssVar as bo, type FontFamilyCDNUrl as bp, type FontFamilyConfig as bq, type FontSize as br, type FontSizeConfig as bs, type FontSlantConfig as bt, type FontType as bu, type FontWeightConfig as bv, type FontWeightDescriptive as bw, type FontWeightNumeric as bx, type FontWidthConfig as by, type ForegroundColor as bz, type ColorsConfig as c, type UniversalChipToggleProps as c$, type Position as c0, type PropertyToPaletteAliasMap as c1, type RadioSize as c2, type RadioValue as c3, type RadioVariant as c4, type RegionMode as c5, type Rems as c6, type ScaleConfig as c7, type ScaleEffectMap as c8, type ScaleModeConfig as c9, type TextTransform as cA, type TextTransformConfig as cB, type TextVariant as cC, type TransitionDelay as cD, type TransitionDuration as cE, type TransitionTiming as cF, type TShirtSize as cG, type TShirtSizeCommon as cH, type TypographyConfig as cI, type TypographyResponsiveProperty as cJ, type TypographyStyle as cK, type TypographyStyleProperty as cL, type TypographyUnitValue as cM, type UdsCssVar as cN, type Unitless as cO, type UniversalAvatarIconProps as cP, type UniversalAvatarImageProps as cQ, type UniversalAvatarProps as cR, type UniversalAvatarTextProps as cS, type UniversalBadgeProps as cT, type UniversalButtonProps as cU, type UniversalCheckboxProps as cV, type UniversalChipBaseProps as cW, type UniversalChipButtonProps as cX, type UniversalChipDismissibleProps as cY, type UniversalChipLinkProps as cZ, type UniversalChipProps as c_, type ScaleModeForApp as ca, type ShadowColor as cb, type ShadowColorConfig as cc, type ShadowConfig as cd, type ShadowOffset as ce, type ShadowOpacity as cf, type ShadowPalette as cg, type ShadowPaletteAlias as ch, type ShadowSpreadRadius as ci, type ShadowStyleProps as cj, type ShadowTypeConfig as ck, type ShadowVariant as cl, type ShadowVariantConfig as cm, type ShadowVariantInvert as cn, type ShadowVariantWithInvert as co, type SharedPaletteAlias as cp, type SpacingConfig as cq, type SpacingStyleProps as cr, type SpectrumColor as cs, type SpectrumConfig as ct, type StateStyleProps as cu, type StyleProps as cv, type SwitchSize as cw, type TextDecorationLine as cx, type TextProperty as cy, type TextStyleProps as cz, type HueStep as d, type UniversalIconButtonProps as d0, type UniversalIconProps as d1, type UniversalImageProps as d2, type UniversalRadioGroupProps as d3, type UniversalRadioProps as d4, type UniversalSwitchProps as d5, type UniversalTokensConfigAuto as d6, type PaletteConfig as e, type ShadowPreset as f, type UniversalBoxProps as g, type UniversalStackProps as h, type UniversalDividerProps as i, type ButtonClassMap as j, type ButtonColorProperty as k, type ButtonColorPropertyConfig as l, type SpacingAlias as m, type UniversalMenuItemProps as n, type FontDeclarationItemConfig as o, type FontConfig as p, type MotionVariantSpeed as q, type MotionSpringConfigOptions as r, type MotionConfig as s, type ShadowType as t, type UniversalFormLabelProps as u, type IconPropsWithSVGProps as v, type ImagePropsWithImgProps as w, type UniversalIconSlot as x, type UniversalLinkProps as y, type UniversalTextProps as z };
|