@yahoo/uds 3.23.2 → 3.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/compile.ts +16 -5
- package/cli/uds-cli.js +18 -14
- package/dist/analytics/server.cjs +1 -1
- package/dist/analytics/server.js +1 -1
- package/dist/{chunk-KM3KE3X7.cjs → chunk-QXN23E2I.cjs} +1 -1
- package/dist/{chunk-NW3RYPC2.cjs → chunk-SAYTLQ3L.cjs} +1 -1
- package/dist/{chunk-6OYKLY27.js → chunk-TCFZWULK.js} +1 -1
- package/dist/{chunk-7QKUXXY7.js → chunk-USRFVT5V.js} +2 -2
- package/dist/client/Menu.cjs +2 -2
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +0 -1
- package/dist/experimental/client/SwitchV2.js +0 -1
- package/dist/{index-Bx8m585v.d.cts → index-8rLHYKAK.d.cts} +2 -0
- package/dist/{index-DQnFw7sa.d.ts → index-CcRuZfrk.d.ts} +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.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 +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/package.json +1 -1
- package/cli/FlattenButtonVariant.mock.tsx +0 -17
- package/dist/Input-D5qKu1DM.d.ts +0 -42
- package/dist/Input-DcxWPgP1.d.cts +0 -42
- package/dist/Pressable-BfQnMMwp.d.cts +0 -44
- package/dist/Pressable-Dv508j3x.d.ts +0 -44
- package/dist/VStack-BYiKEiET.d.ts +0 -112
- package/dist/VStack-DWR1ue2Z.d.cts +0 -112
- package/dist/chunk-2IQOSCZ3.js +0 -1
- package/dist/chunk-7HFYIIFV.js +0 -2
- package/dist/chunk-B7RZEOCE.cjs +0 -1
- package/dist/chunk-BFHXBR5L.js +0 -1
- package/dist/chunk-F6OQZ4LX.js +0 -1
- package/dist/chunk-GIN2GIRC.cjs +0 -1
- package/dist/chunk-HH7OHILK.cjs +0 -3
- package/dist/chunk-K7XL4H5T.cjs +0 -1
- package/dist/chunk-MXJLTECV.js +0 -2
- package/dist/chunk-NGAIVZOO.cjs +0 -1
- package/dist/chunk-OA2H66LM.cjs +0 -1
- package/dist/chunk-T7XXGJJS.js +0 -3
- package/dist/chunk-XG2T3P64.js +0 -1
- package/dist/chunk-Z67LZPIX.cjs +0 -2
- package/dist/index-B-YfEvYR.d.ts +0 -243
- package/dist/index-B1KAKgin.d.cts +0 -243
- package/dist/types-BEszw-N6.d.cts +0 -10465
- package/dist/types-BEszw-N6.d.ts +0 -10465
- /package/dist/{chunk-BBMC7KGQ.cjs → chunk-5E7KDOZD.cjs} +0 -0
- /package/dist/{chunk-KFZR7S5C.js → chunk-ASKAZ6ZW.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as o,createVariantConfigWithComponentStates as l,createComponentStates as t}from"../../chunk-6OYKLY27.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as p,foregroundPaletteColors as u,iconSizes as c,textVariants as y,borderWidths as b,spacingAliases as m,shadowVariantsWithInvert as f,shadowVariants as v,textDecorationLines as h}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var x={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{height:o({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:o({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e({label:"Text",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e({label:"Image",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e({label:"Icon",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var g={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var C={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:a({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:o({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var w={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e({label:"Toggle",description:"",variants:{variant:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e({label:"Dismissible",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e({label:"Link",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"3",md:"3"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label1",md:"label1"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"md"}})}})}})}};var 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,u,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,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:o({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:o({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:o({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var S={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:a({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:y,layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:o({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:o({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:o({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var P={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:a({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}}),color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),divider:e({label:"divider",description:"",variants:{variant:a({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),text:r({label:"text",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:o({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:o({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:o({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:o({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}})}};var k={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:l({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:o({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:o({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}}),borderColor:o({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"brand"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:o({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"primary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u],defaults:{default:"brand"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0",md:"0"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"5",md:"7"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"8",md:"12"}}),borderWidth:o({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"none",md:"none"}}),padding:o({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"sm"}})}})}})}};export{x as AvatarConfig,g as BadgeConfig,C as CheckboxConfig,w as ChipConfig,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-TCFZWULK.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as p,foregroundPaletteColors as u,iconSizes as c,textVariants as y,borderWidths as b,spacingAliases as m,shadowVariantsWithInvert as f,shadowVariants as v,textDecorationLines as h}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var x={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{height:o({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:o({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e({label:"Text",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e({label:"Image",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e({label:"Icon",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var g={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var C={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:a({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:o({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var w={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e({label:"Toggle",description:"",variants:{variant:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e({label:"Dismissible",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e({label:"Link",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"3",md:"3"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label1",md:"label1"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"md"}})}})}})}};var F={label:"Divider",description:"Divider lines are purely decorative and non-interactive, serving as a visual guide. Use as horizontal and vertical lines.",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","muted"],layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{primary:"2",secondary:"2",tertiary:"2",muted:"2"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"Thickness",typeOfFixture:["borderWidths"],values:[b.filter(e=>"none"!==e)],defaults:{primary:"thin",secondary:"thin",tertiary:"thin",muted:"thin"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{primary:"label3",secondary:"label3",tertiary:"label3",muted:"label3"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var O={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:a({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"inputWrapper",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3.5",lg:"4"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"2",lg:"3.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3",lg:"3"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{md:"md",lg:"md"}}),textVariant:o({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[y],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:o({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:o({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:t({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:o({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:o({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:o({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var S={label:"Link",description:"Customizing your own buttons involves adjusting text styles, icon sizes, and spacing values to create a personalized button.",variants:{textStyle:a({label:"Text Style",description:"",isConfigurable:!0,default:"title1",options:y,layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:o({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:o({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:o({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var P={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:a({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}}),color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}})}})}})}})}}),divider:e({label:"divider",description:"",variants:{variant:a({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),text:r({label:"text",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,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,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:o({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:o({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:o({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:o({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}})}};var k={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:l({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:o({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:o({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}}),borderColor:o({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"brand"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:o({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"primary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,u],defaults:{default:"brand"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0",md:"0"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"5",md:"7"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"8",md:"12"}}),borderWidth:o({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"none",md:"none"}}),padding:o({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"sm"}})}})}})}};export{x as AvatarConfig,g as BadgeConfig,C as CheckboxConfig,w as ChipConfig,F as DividerConfig,O as InputConfig,S as LinkConfig,P as MenuConfig,A as RadioConfig,k as SwitchConfig};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../../chunk-
|
1
|
+
"use strict";var e=require("../../chunk-SAYTLQ3L.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-8rLHYKAK.cjs';
|
2
2
|
import '../../types-BrfKRznE.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-CcRuZfrk.js';
|
2
2
|
import '../../types-BrfKRznE.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-TCFZWULK.js";
|
package/dist/tokens/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("../chunk-
|
1
|
+
"use strict";var e=require("../chunk-SAYTLQ3L.cjs"),t=require("../chunk-J7PUOUXC.cjs"),r=require("../chunk-22VW7ZEL.cjs"),n=require("../chunk-HFSPK2LG.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,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return n.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}});
|
package/dist/tokens/index.d.cts
CHANGED
@@ -1,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-8rLHYKAK.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-8rLHYKAK.cjs';
|
4
4
|
import { d6 as UniversalTokensConfigAuto, f as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, c as ShadowConfig, bz as FontWeightDescriptive, bA as FontWeightNumeric, b8 as ColorModeForApp, cd as ScaleModeForApp, g as ColorMode, k as ScaleMode, bF as HighContrastMode, c9 as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-BrfKRznE.cjs';
|
5
5
|
export { N as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, d 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, h as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ab as DEFAULT_COLOR_MODE_CLASSNAME, ac as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, ah as FONT_DECLARATIONS_MAP, R as FONT_FAMILY_PREFIX, V as FONT_SIZE_PREFIX, X as FONT_SLANT_PREFIX, W as FONT_WEIGHT_PREFIX, Y 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, ai as FontAxisConfig, F as FontConfig, br as FontCssVar, aj as FontDeclarationConfig, w as FontDeclarationItemConfig, ak as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, v as FontID, bu as FontSize, bv as FontSizeConfig, bw as FontSlantConfig, bx as FontType, by as FontWeightConfig, al as FontWeightForFont, bB as FontWidthConfig, bC as ForegroundColor, bD as ForegroundPalette, bE as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, i as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, q as IconButtonClassMap, bG as IconButtonClassName, I as IconButtonConfig, bH as IconButtonDefaultsConfig, bI as IconButtonSize, z as IconPropsWithSVGProps, bJ as IconSizeConfig, A as ImagePropsWithImgProps, bK as ImageStyleProps, bL as InputSize, a7 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bM as LayoutStyleProps, bN as LetterSpacing, bO as LineClampAlias, bP as LineColor, bQ as LineHeight, bR as LineHeightConfig, bS as LinePalette, bT as LinePaletteAlias, a6 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bU as Modes, M as MotionConfig, bV as MotionCssVar, bW as MotionSpringConfig, bX as MotionSpringConfigOptions, bY as MotionVariant, bZ as MotionVariantSpeed, b_ as MotionVariantValues, b$ as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c0 as Palette, j as PaletteConfig, P as PaletteType, c1 as PaletteValue, c2 as Pixels, c3 as PlatformMode, c4 as Position, c5 as PropertyToPaletteAliasMap, c6 as RadioSize, c7 as RadioValue, c8 as RadioVariant, ca as Rems, a5 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, cb as ScaleConfig, cc as ScaleEffectMap, S as ScaleModeConfig, ce as ShadowColor, cf as ShadowColorConfig, cg as ShadowOffset, ch as ShadowOpacity, ci as ShadowPalette, cj as ShadowPaletteAlias, l as ShadowPreset, ck as ShadowSpreadRadius, cl as ShadowStyleProps, x as ShadowType, cm as ShadowTypeConfig, cn as ShadowVariant, co as ShadowVariantConfig, cp as ShadowVariantInvert, cq as ShadowVariantWithInvert, cr as SharedPaletteAlias, t as SpacingAlias, cs as SpacingConfig, ct as SpacingStyleProps, cu as SpectrumColor, cv as SpectrumConfig, cw as StateStyleProps, cx as StyleProps, cy as SwitchSize, ad as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cI as TShirtSize, cJ as TShirtSizeCommon, cz as TextDecorationLine, cA as TextProperty, cB as TextStyleProps, cC as TextTransform, cD as TextTransformConfig, cE as TextVariant, cF as TransitionDelay, cG as TransitionDuration, cH as TransitionTiming, T as TypographyConfig, cK as TypographyResponsiveProperty, cL as TypographyStyle, cM as TypographyStyleProperty, cN as TypographyUnitValue, L as UDS_PREFIX, cO as UdsCssVar, cP as Unitless, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cS as UniversalAvatarProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, m as UniversalBoxProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, cX as UniversalChipBaseProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, c$ as UniversalChipProps, d0 as UniversalChipToggleProps, o as UniversalDividerProps, y as UniversalFormLabelProps, d1 as UniversalIconButtonProps, d2 as UniversalIconProps, D as UniversalIconSlot, d3 as UniversalImageProps, U as UniversalInputProps, E as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d4 as UniversalRadioGroupProps, d5 as UniversalRadioProps, n as UniversalStackProps, b as UniversalSwitchProps, J as UniversalTextProps, a8 as XLARGE_SCALE_MODE_CLASSNAME, a4 as XSMALL_SCALE_MODE_CLASSNAME, a9 as XXLARGE_SCALE_MODE_CLASSNAME, aa as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from '../types-BrfKRznE.cjs';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
@@ -1771,8 +1771,8 @@ declare function getConfigVariantComponentStatesMatrix<C extends ComponentConfig
|
|
1771
1771
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
1772
1772
|
*/
|
1773
1773
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
1774
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1775
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1774
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1775
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1776
1776
|
} | null;
|
1777
1777
|
|
1778
1778
|
type GenericProperty = SelectedConfigurableProperty<any, any>;
|
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-CcRuZfrk.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-CcRuZfrk.js';
|
4
4
|
import { d6 as UniversalTokensConfigAuto, f as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, c as ShadowConfig, bz as FontWeightDescriptive, bA as FontWeightNumeric, b8 as ColorModeForApp, cd as ScaleModeForApp, g as ColorMode, k as ScaleMode, bF as HighContrastMode, c9 as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-BrfKRznE.js';
|
5
5
|
export { N as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, d 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, h as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ab as DEFAULT_COLOR_MODE_CLASSNAME, ac as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, ah as FONT_DECLARATIONS_MAP, R as FONT_FAMILY_PREFIX, V as FONT_SIZE_PREFIX, X as FONT_SLANT_PREFIX, W as FONT_WEIGHT_PREFIX, Y 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, ai as FontAxisConfig, F as FontConfig, br as FontCssVar, aj as FontDeclarationConfig, w as FontDeclarationItemConfig, ak as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, v as FontID, bu as FontSize, bv as FontSizeConfig, bw as FontSlantConfig, bx as FontType, by as FontWeightConfig, al as FontWeightForFont, bB as FontWidthConfig, bC as ForegroundColor, bD as ForegroundPalette, bE as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, i as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, q as IconButtonClassMap, bG as IconButtonClassName, I as IconButtonConfig, bH as IconButtonDefaultsConfig, bI as IconButtonSize, z as IconPropsWithSVGProps, bJ as IconSizeConfig, A as ImagePropsWithImgProps, bK as ImageStyleProps, bL as InputSize, a7 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bM as LayoutStyleProps, bN as LetterSpacing, bO as LineClampAlias, bP as LineColor, bQ as LineHeight, bR as LineHeightConfig, bS as LinePalette, bT as LinePaletteAlias, a6 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bU as Modes, M as MotionConfig, bV as MotionCssVar, bW as MotionSpringConfig, bX as MotionSpringConfigOptions, bY as MotionVariant, bZ as MotionVariantSpeed, b_ as MotionVariantValues, b$ as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c0 as Palette, j as PaletteConfig, P as PaletteType, c1 as PaletteValue, c2 as Pixels, c3 as PlatformMode, c4 as Position, c5 as PropertyToPaletteAliasMap, c6 as RadioSize, c7 as RadioValue, c8 as RadioVariant, ca as Rems, a5 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, cb as ScaleConfig, cc as ScaleEffectMap, S as ScaleModeConfig, ce as ShadowColor, cf as ShadowColorConfig, cg as ShadowOffset, ch as ShadowOpacity, ci as ShadowPalette, cj as ShadowPaletteAlias, l as ShadowPreset, ck as ShadowSpreadRadius, cl as ShadowStyleProps, x as ShadowType, cm as ShadowTypeConfig, cn as ShadowVariant, co as ShadowVariantConfig, cp as ShadowVariantInvert, cq as ShadowVariantWithInvert, cr as SharedPaletteAlias, t as SpacingAlias, cs as SpacingConfig, ct as SpacingStyleProps, cu as SpectrumColor, cv as SpectrumConfig, cw as StateStyleProps, cx as StyleProps, cy as SwitchSize, ad as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cI as TShirtSize, cJ as TShirtSizeCommon, cz as TextDecorationLine, cA as TextProperty, cB as TextStyleProps, cC as TextTransform, cD as TextTransformConfig, cE as TextVariant, cF as TransitionDelay, cG as TransitionDuration, cH as TransitionTiming, T as TypographyConfig, cK as TypographyResponsiveProperty, cL as TypographyStyle, cM as TypographyStyleProperty, cN as TypographyUnitValue, L as UDS_PREFIX, cO as UdsCssVar, cP as Unitless, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cS as UniversalAvatarProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, m as UniversalBoxProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, cX as UniversalChipBaseProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, c$ as UniversalChipProps, d0 as UniversalChipToggleProps, o as UniversalDividerProps, y as UniversalFormLabelProps, d1 as UniversalIconButtonProps, d2 as UniversalIconProps, D as UniversalIconSlot, d3 as UniversalImageProps, U as UniversalInputProps, E as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d4 as UniversalRadioGroupProps, d5 as UniversalRadioProps, n as UniversalStackProps, b as UniversalSwitchProps, J as UniversalTextProps, a8 as XLARGE_SCALE_MODE_CLASSNAME, a4 as XSMALL_SCALE_MODE_CLASSNAME, a9 as XXLARGE_SCALE_MODE_CLASSNAME, aa as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from '../types-BrfKRznE.js';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
@@ -1771,8 +1771,8 @@ declare function getConfigVariantComponentStatesMatrix<C extends ComponentConfig
|
|
1771
1771
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
1772
1772
|
*/
|
1773
1773
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
1774
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1775
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1774
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1775
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
|
1776
1776
|
} | null;
|
1777
1777
|
|
1778
1778
|
type GenericProperty = SelectedConfigurableProperty<any, any>;
|
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-TCFZWULK.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-YK6UAS4X.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-5EWXEQJ3.js";
|
package/package.json
CHANGED
@@ -1,17 +0,0 @@
|
|
1
|
-
import { Button, HStack, IconButton } from '@yahoo/uds';
|
2
|
-
import { Cross } from '@yahoo/uds-icons';
|
3
|
-
|
4
|
-
export const PageA = () => {
|
5
|
-
return (
|
6
|
-
<HStack>
|
7
|
-
<Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
|
8
|
-
<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
|
9
|
-
<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
|
10
|
-
<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
|
11
|
-
<Button>Click me</Button><IconButton name={Cross} />
|
12
|
-
<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
|
13
|
-
<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
|
14
|
-
<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
|
15
|
-
</HStack>
|
16
|
-
);
|
17
|
-
}
|
package/dist/Input-D5qKu1DM.d.ts
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-BEszw-N6.js';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-BEszw-N6.cjs';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { a as UniversalPressableProps } from './types-BEszw-N6.cjs';
|
3
|
-
|
4
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
5
|
-
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **🖲️ A primitive component for creating button interactions with accessibility support**
|
9
|
-
*
|
10
|
-
* @componentType Client component
|
11
|
-
*
|
12
|
-
* @description
|
13
|
-
* The Pressable component is a primitive component that can be used
|
14
|
-
* to create button interactions with accessibility support. It can be used
|
15
|
-
* to trigger an action, such as submitting a form, navigating to a new page,
|
16
|
-
* or adding interactivity to a section or card.
|
17
|
-
*
|
18
|
-
* @example
|
19
|
-
* ```tsx
|
20
|
-
* import { Pressable } from '@yahoo/uds';
|
21
|
-
*
|
22
|
-
* <Pressable
|
23
|
-
* backgroundColor="secondary"
|
24
|
-
* borderWidth="thin"
|
25
|
-
* borderColor="primary"
|
26
|
-
* borderRadius="lg"
|
27
|
-
* onPress={() => console.log('Pressed!')}
|
28
|
-
* >
|
29
|
-
* <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
|
30
|
-
* </Pressable>
|
31
|
-
* ```
|
32
|
-
*
|
33
|
-
* @usage
|
34
|
-
* - If you need to add interactivity to a section or card.
|
35
|
-
* - If you need a highly customized version of [Button](./button)
|
36
|
-
*
|
37
|
-
* @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
|
38
|
-
*
|
39
|
-
* @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
|
40
|
-
*
|
41
|
-
*/
|
42
|
-
declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
|
43
|
-
|
44
|
-
export { type PressableProps as P, Pressable as a };
|