@yahoo/uds 3.50.4 → 3.50.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/FlattenButtonVariant.mock.tsx +17 -0
- package/dist/chunk-3JPAMGZ6.cjs +1 -0
- package/dist/chunk-4FYSWG6O.cjs +1 -0
- package/dist/chunk-6NN6LFUC.js +2 -0
- package/dist/chunk-DJUMIONK.cjs +1 -0
- package/dist/chunk-LOMTXRSD.js +2 -0
- package/dist/chunk-P7V37CKS.js +2 -0
- package/dist/chunk-RBOC3W4R.js +2 -0
- package/dist/chunk-WSOND4XN.cjs +1 -0
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.js +1 -0
- package/dist/{index-CaoWyj2K.d.cts → index-CTlhEZRM.d.cts} +0 -2
- package/dist/{index-BTWEOZ26.d.ts → index-CuQqyADG.d.ts} +0 -2
- package/dist/{index-CsCxUL1M.d.ts → index-D4H-tFSg.d.ts} +0 -2
- package/dist/{index-D0aeNy2s.d.cts → index-DK8IHooi.d.cts} +0 -2
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +0 -5
- package/dist/tailwind/plugin.d.ts +0 -5
- package/dist/tailwind/plugin.js +1 -1
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +1 -1
- package/dist/tokens/automation/configs.d.ts +1 -1
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +1 -1
- package/dist/tokens/automation/properties.d.ts +1 -1
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +2 -2
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-2OVPAQDD.cjs +0 -1
- package/dist/chunk-6OLYHKI2.js +0 -2
- package/dist/chunk-EH5SFIBC.cjs +0 -1
- package/dist/chunk-K7DHGT5F.cjs +0 -1
- package/dist/chunk-LBLGOZ3G.js +0 -2
- package/dist/chunk-NRDPPJSB.js +0 -2
- package/dist/chunk-O4TV6UVI.cjs +0 -1
- package/dist/chunk-QCLXCOEJ.js +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-LBLGOZ3G.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as u,foregroundPaletteColors as p,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,p,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,p,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,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"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","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"}}),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,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"}})}})}})}};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,p,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,u,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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 O={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,p,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var F={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,u,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,p,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,p,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,p,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,p,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,p,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,p,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,p,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,p,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",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"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",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,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,p,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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,p,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:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"muted"}}),textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{default:"label3"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[b.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:o({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"transparent"}})}})}})}})}};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,p,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,u,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,u,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,p,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,u,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,u,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,p],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,O as DividerConfig,F 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-RBOC3W4R.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as u,foregroundPaletteColors as p,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,p,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,p,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,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"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","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"}}),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,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"}})}})}})}};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,p,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,u,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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 O={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,p,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var F={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,u,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,p,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,p,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,p,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,p,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,p,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,p,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,p,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,p,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",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"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",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,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,p,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,p,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,u,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,p,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,p,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,u,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,p,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,p,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,p,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:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"muted"}}),textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{default:"label3"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[b.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:o({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"transparent"}})}})}})}})}};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,p,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,u,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,u,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,p,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,u,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,u,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,p],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,O as DividerConfig,F 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-WSOND4XN.cjs");Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}});
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-
|
1
|
+
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-DK8IHooi.cjs';
|
2
2
|
import '../../types-DyrBa-Te.cjs';
|
3
3
|
import '@yahoo/uds/fixtures';
|
4
4
|
import '@yahoo/uds-icons/types';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-
|
1
|
+
export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-CuQqyADG.js';
|
2
2
|
import '../../types-DyrBa-Te.js';
|
3
3
|
import '@yahoo/uds/fixtures';
|
4
4
|
import '@yahoo/uds-icons/types';
|
@@ -1 +1 @@
|
|
1
|
-
export{configurableProperties}from"../../chunk-
|
1
|
+
export{configurableProperties}from"../../chunk-RBOC3W4R.js";
|
package/dist/tokens/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
1
|
+
"use strict";var e=require("../chunk-WSOND4XN.cjs"),t=require("../chunk-J7PUOUXC.cjs"),r=require("../chunk-47GDQLRF.cjs"),n=require("../chunk-LNZSNDOV.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,"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,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"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,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}});
|
package/dist/tokens/index.d.cts
CHANGED
@@ -1,6 +1,6 @@
|
|
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-
|
2
|
+
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-DK8IHooi.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-DK8IHooi.cjs';
|
4
4
|
import { db as UniversalTokensConfigAuto, g as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, d as ShadowConfig, bA as FontWeightDescriptive, bB as FontWeightNumeric, b8 as ColorModeForApp, cf as ScaleModeForApp, h as ColorMode, l as ScaleMode, bG as HighContrastMode, cb as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-DyrBa-Te.cjs';
|
5
5
|
export { D as AVATAR_SIZE_PREFIX, al as AlwaysPalette, am as AlwaysPaletteAlias, an as AlwaysPaletteColor, ao as Animation, ap as AriaAttribute, aq as AvatarAbbreviationStrategy, ar as AvatarShape, as as AvatarSize, at as AvatarSizeConfig, au as AvatarVariant, E as BORDER_RADIUS_PREFIX, J as BORDER_WIDTH_PREFIX, ac as BUTTON_CSS_VAR_MAP, av as BackgroundColor, aw as BackgroundPalette, ax as BackgroundPaletteAlias, ay as BackgroundStyleProps, az as BadgeSize, aA as BadgeVariant, aB as BorderRadius, aC as BorderRadiusConfig, aD as BorderStyleProps, aE as BorderWidth, aF as BorderWidthConfig, aG as Breakpoint, aH as BreakpointWithBase, e as BreakpointsConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b1 as ButtonVariantConfig, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, C as ColorModeConfig, i as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a8 as DEFAULT_COLOR_MODE_CLASSNAME, a9 as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, af as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ag as FontAxisConfig, F as FontConfig, br as FontCssVar, ai as FontDeclarationConfig, ah as FontDeclarationItemConfig, aj as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, bu as FontID, bv as FontSize, bw as FontSizeConfig, bx as FontSlantConfig, by as FontType, bz as FontWeightConfig, ak as FontWeightForFont, bC as FontWidthConfig, bD as ForegroundColor, bE as ForegroundPalette, bF as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, j as HueStep, ad as ICON_BUTTON_CSS_VAR_MAP, R as ICON_SIZE_PREFIX, a0 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bH as IconButtonClassName, I as IconButtonConfig, bI as IconButtonDefaultsConfig, bJ as IconButtonSize, w as IconPropsWithSVGProps, bK as IconSizeConfig, bL as IconSlotRenderProps, x as ImagePropsWithImgProps, bM as ImageStyleProps, bN as InputSize, a4 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bO as LayoutStyleProps, bP as LetterSpacing, bQ as LineClampAlias, bR as LineColor, bS as LineHeight, bT as LineHeightConfig, bU as LinePalette, bV as LinePaletteAlias, a3 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bW as Modes, M as MotionConfig, bX as MotionCssVar, bY as MotionSpringConfig, bZ as MotionSpringConfigOptions, b_ as MotionVariant, b$ as MotionVariantSpeed, c0 as MotionVariantValues, c1 as Overflow, ae as PSEUDO_STYLE_SELECTOR_MAP, c2 as Palette, k as PaletteConfig, P as PaletteType, c3 as PaletteValue, c4 as Pixels, c5 as PlatformMode, c6 as Position, c7 as PropertyToPaletteAliasMap, c8 as RadioSize, c9 as RadioValue, ca as RadioVariant, cc as Rems, a2 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, $ as SYSTEM_COLOR_MODE_CLASSNAME, cd as ScaleConfig, ce as ScaleEffectMap, S as ScaleModeConfig, cg as ShadowColor, ch as ShadowColorConfig, ci as ShadowOffset, cj as ShadowOpacity, ck as ShadowPalette, cl as ShadowPaletteAlias, m as ShadowPreset, cm as ShadowSpreadRadius, cn as ShadowStyleProps, co as ShadowType, cp as ShadowTypeConfig, cq as ShadowVariant, cr as ShadowVariantConfig, cs as ShadowVariantInvert, ct as ShadowVariantWithInvert, cu as SharedPaletteAlias, t as SpacingAlias, cv as SpacingConfig, cw as SpacingStyleProps, cx as SpectrumColor, cy as SpectrumConfig, cz as StateStyleProps, cA as StyleProps, cB as SwitchSize, ab as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, aa as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cL as TShirtSize, cM as TShirtSizeCommon, cC as TextDecorationLine, cD as TextProperty, cE as TextStyleProps, cF as TextTransform, cG as TextTransformConfig, cH as TextVariant, cI as TransitionDelay, cJ as TransitionDuration, cK as TransitionTiming, T as TypographyConfig, cN as TypographyResponsiveProperty, cO as TypographyStyle, cP as TypographyStyleProperty, cQ as TypographyUnitValue, A as UDS_PREFIX, cR as UdsCssVar, cS as Unitless, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cV as UniversalAvatarProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, b as UniversalBoxProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, c_ as UniversalChipBaseProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d2 as UniversalChipProps, d3 as UniversalChipToggleProps, o as UniversalDividerProps, v as UniversalFormLabelProps, d4 as UniversalIconButtonProps, d5 as UniversalIconProps, d6 as UniversalIconSlot, d7 as UniversalImageProps, d8 as UniversalInputProps, y as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, n as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a5 as XLARGE_SCALE_MODE_CLASSNAME, a1 as XSMALL_SCALE_MODE_CLASSNAME, a6 as XXLARGE_SCALE_MODE_CLASSNAME, a7 as XXXLARGE_SCALE_MODE_CLASSNAME, z as alwaysPalette } from '../types-DyrBa-Te.cjs';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
package/dist/tokens/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
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-
|
2
|
+
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-CuQqyADG.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-CuQqyADG.js';
|
4
4
|
import { db as UniversalTokensConfigAuto, g as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, d as ShadowConfig, bA as FontWeightDescriptive, bB as FontWeightNumeric, b8 as ColorModeForApp, cf as ScaleModeForApp, h as ColorMode, l as ScaleMode, bG as HighContrastMode, cb as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-DyrBa-Te.js';
|
5
5
|
export { D as AVATAR_SIZE_PREFIX, al as AlwaysPalette, am as AlwaysPaletteAlias, an as AlwaysPaletteColor, ao as Animation, ap as AriaAttribute, aq as AvatarAbbreviationStrategy, ar as AvatarShape, as as AvatarSize, at as AvatarSizeConfig, au as AvatarVariant, E as BORDER_RADIUS_PREFIX, J as BORDER_WIDTH_PREFIX, ac as BUTTON_CSS_VAR_MAP, av as BackgroundColor, aw as BackgroundPalette, ax as BackgroundPaletteAlias, ay as BackgroundStyleProps, az as BadgeSize, aA as BadgeVariant, aB as BorderRadius, aC as BorderRadiusConfig, aD as BorderStyleProps, aE as BorderWidth, aF as BorderWidthConfig, aG as Breakpoint, aH as BreakpointWithBase, e as BreakpointsConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b1 as ButtonVariantConfig, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, C as ColorModeConfig, i as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a8 as DEFAULT_COLOR_MODE_CLASSNAME, a9 as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, af as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ag as FontAxisConfig, F as FontConfig, br as FontCssVar, ai as FontDeclarationConfig, ah as FontDeclarationItemConfig, aj as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, bu as FontID, bv as FontSize, bw as FontSizeConfig, bx as FontSlantConfig, by as FontType, bz as FontWeightConfig, ak as FontWeightForFont, bC as FontWidthConfig, bD as ForegroundColor, bE as ForegroundPalette, bF as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, j as HueStep, ad as ICON_BUTTON_CSS_VAR_MAP, R as ICON_SIZE_PREFIX, a0 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bH as IconButtonClassName, I as IconButtonConfig, bI as IconButtonDefaultsConfig, bJ as IconButtonSize, w as IconPropsWithSVGProps, bK as IconSizeConfig, bL as IconSlotRenderProps, x as ImagePropsWithImgProps, bM as ImageStyleProps, bN as InputSize, a4 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bO as LayoutStyleProps, bP as LetterSpacing, bQ as LineClampAlias, bR as LineColor, bS as LineHeight, bT as LineHeightConfig, bU as LinePalette, bV as LinePaletteAlias, a3 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bW as Modes, M as MotionConfig, bX as MotionCssVar, bY as MotionSpringConfig, bZ as MotionSpringConfigOptions, b_ as MotionVariant, b$ as MotionVariantSpeed, c0 as MotionVariantValues, c1 as Overflow, ae as PSEUDO_STYLE_SELECTOR_MAP, c2 as Palette, k as PaletteConfig, P as PaletteType, c3 as PaletteValue, c4 as Pixels, c5 as PlatformMode, c6 as Position, c7 as PropertyToPaletteAliasMap, c8 as RadioSize, c9 as RadioValue, ca as RadioVariant, cc as Rems, a2 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, $ as SYSTEM_COLOR_MODE_CLASSNAME, cd as ScaleConfig, ce as ScaleEffectMap, S as ScaleModeConfig, cg as ShadowColor, ch as ShadowColorConfig, ci as ShadowOffset, cj as ShadowOpacity, ck as ShadowPalette, cl as ShadowPaletteAlias, m as ShadowPreset, cm as ShadowSpreadRadius, cn as ShadowStyleProps, co as ShadowType, cp as ShadowTypeConfig, cq as ShadowVariant, cr as ShadowVariantConfig, cs as ShadowVariantInvert, ct as ShadowVariantWithInvert, cu as SharedPaletteAlias, t as SpacingAlias, cv as SpacingConfig, cw as SpacingStyleProps, cx as SpectrumColor, cy as SpectrumConfig, cz as StateStyleProps, cA as StyleProps, cB as SwitchSize, ab as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, aa as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cL as TShirtSize, cM as TShirtSizeCommon, cC as TextDecorationLine, cD as TextProperty, cE as TextStyleProps, cF as TextTransform, cG as TextTransformConfig, cH as TextVariant, cI as TransitionDelay, cJ as TransitionDuration, cK as TransitionTiming, T as TypographyConfig, cN as TypographyResponsiveProperty, cO as TypographyStyle, cP as TypographyStyleProperty, cQ as TypographyUnitValue, A as UDS_PREFIX, cR as UdsCssVar, cS as Unitless, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cV as UniversalAvatarProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, b as UniversalBoxProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, c_ as UniversalChipBaseProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d2 as UniversalChipProps, d3 as UniversalChipToggleProps, o as UniversalDividerProps, v as UniversalFormLabelProps, d4 as UniversalIconButtonProps, d5 as UniversalIconProps, d6 as UniversalIconSlot, d7 as UniversalImageProps, d8 as UniversalInputProps, y as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, n as UniversalStackProps, c as UniversalSwitchProps, U as UniversalTextProps, a5 as XLARGE_SCALE_MODE_CLASSNAME, a1 as XSMALL_SCALE_MODE_CLASSNAME, a6 as XXLARGE_SCALE_MODE_CLASSNAME, a7 as XXXLARGE_SCALE_MODE_CLASSNAME, z as alwaysPalette } from '../types-DyrBa-Te.js';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
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,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,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-RBOC3W4R.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-S5RRP747.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,INVERT_COLOR_MODE_CLASSNAME,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,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-PM4TFP3I.js";
|
package/package.json
CHANGED
package/dist/chunk-2OVPAQDD.cjs
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";var e=require("./chunk-6RFI4VVW.cjs"),t=require("./chunk-EH5SFIBC.cjs"),r=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-47GDQLRF.cjs"),n=require("./chunk-LNZSNDOV.cjs"),o=require("./chunk-QLXJH36U.cjs"),s=require("@yahoo/uds/fixtures");function i(e){return e&&e.__esModule?e:{default:e}}var c=i(require("tailwindcss/plugin.js")),l=o.__commonJS({"../../node_modules/lodash/isString.js"(e,t){var r=a.require_baseGetTag(),n=a.require_isArray(),o=a.require_isObjectLike();t.exports=function(e){return"string"==typeof e||!n(e)&&o(e)&&"[object String]"==r(e)}}}),u=o.__toESM(l(),1),d=e=>{throw new Error("Didn't expect to get here")};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var _=e=>"."+n.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[e],f=(e,t,r,a)=>{const n=e.typography[t]?.[r];if(!n)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const o="base"===a?n.base:n.breakpoints?.[a];if(!o)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${a}"`);if((0,u.default)(o))return o;switch(o.type){case"px":return o.value/16+"rem";case"unitless":return String(o.value)}return d()},p=(e,t)=>t in e.font?`var(--${n.FONT_FAMILY_PREFIX}-${t})`:t,E=(e,t)=>Object.fromEntries(s.textVariants.flatMap(r=>[[`--${n.FONT_FAMILY_PREFIX}-${r}`,p(e,f(e,r,"fontFamily",t))],[`--${n.FONT_SIZE_PREFIX}-${r}`,f(e,r,"fontSize",t)],[`--${n.FONT_WEIGHT_PREFIX}-${r}`,f(e,r,"fontWeight",t)],[`--${n.FONT_SLANT_PREFIX}-${r}`,f(e,r,"fontSlant",t)],[`--${n.FONT_WIDTH_PREFIX}-${r}`,f(e,r,"fontWidth",t)],[`--${n.LINE_HEIGHT_PREFIX}-${r}`,f(e,r,"lineHeight",t)],[`--${n.TEXT_TRANSFORM_PREFIX}-${r}`,f(e,r,"textTransform",t)]])),F=e=>Object.fromEntries(s.textVariants.map(t=>[t,`var(--${e}-${t})`])),S={fontFamily:F(n.FONT_FAMILY_PREFIX),fontWeight:F(n.FONT_WEIGHT_PREFIX),fontSlant:F(n.FONT_SLANT_PREFIX),fontWidth:F(n.FONT_WIDTH_PREFIX),fontSize:F(n.FONT_SIZE_PREFIX),lineHeight:F(n.LINE_HEIGHT_PREFIX),textTransform:F(n.TEXT_TRANSFORM_PREFIX)};function g(e,{addBase:t}){const r=h(e);for(const e of r)t({"@font-face":e})}var I=c.default.withOptions(function({fontIds:e}){return function({addBase:t}){g(e,{addBase:t})}});function h(e){return e.flatMap(e=>{const{declarations:r,fontFamily:a}=t.FONT_DECLARATIONS_MAP[e];return r.map(e=>({fontFamily:a,fontDisplay:"swap",...e}))})}function m(e){return`"${e}"`}function T(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=S,exports.addFontFaceDeclarations=g,exports.addFontsPlugin=I,exports.assertUnreachable=d,exports.getBaseTextVars=e=>E(e,"base"),exports.getColorModeStyles=function(e){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...e.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...e.colorMode.dark._vars}}},exports.getFontFaceDeclarations=h,exports.getFontStyles=function(e){return t.fromEntries(r.entries(e).map(([e,r])=>{const a=`--${n.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[a,[o.fontFamily,...o.fallback].map(m).join(", ")]}))},exports.getMotionStyles=function(a){const n=r.entries(a).flatMap(([t,a])=>r.entries(a).flatMap(([r,a])=>s.motionSpringConfigOptions.map(n=>[e.getMotionVar({variant:t,speed:r,control:n}),`${a[n]}`])));return t.fromEntries(n)},exports.getResponsiveTextStyles=e=>{const t=(r=e.breakpoints,Object.entries(r)).sort(([,{value:e}],[,{value:t}])=>e-t);var r;return{[`.${n.TEXT_RESPONSIVE_CLASSNAME}`]:Object.fromEntries(t.map(([t,{value:r}])=>[`@media (min-width: ${r}px)`,E(e,t)])),[_("base")]:E(e,"base"),[_("defaultBreakpoint")]:E(e,e.globalDefaults.breakpoint),...Object.fromEntries(t.map(([t])=>[_(t),E(e,t)]))}},exports.getScaleModeStyles=function(e){return{xSmall:T(e.scaleMode.xSmall),small:T(e.scaleMode.small),medium:T(e.scaleMode.medium),large:T(e.scaleMode.large),xLarge:T(e.scaleMode.xLarge),xxLarge:T(e.scaleMode.xxLarge),xxxLarge:T(e.scaleMode.xxxLarge)}},exports.getShadowStyles=function({config:e,shadowType:a}){const o=e.shadow[a],s=r.entries(o).map(([e])=>[`.uds-${a}-shadow-${e}`,{[`--uds-${a}-shadow`]:`var(--${n.UDS_PREFIX}-${a}-shadow-${e})`,boxShadow:`var(--${n.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${n.UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]);return t.fromEntries(s)},exports.require_isString=l;
|