@yahoo/uds 3.59.0-beta.1 → 3.59.0

package/dist/tokens/automation/configs.d.ts

@@ -0,0 +1,110 @@
+import { e as VariantConfigWithProperties, d as SubComponentConfig, f as VariantConfigWithComponentStates } from '../../index-DfNmJjc_.js';
+import '@yahoo/uds/fixtures';
+import '../../types-gGaZxCMr.js';
+import '@yahoo/uds-icons/types';
+import 'motion/react';
+import 'react';
+import 'type-fest';
+
+declare const AvatarConfig: {
+    label: string;
+    description: string;
+    variants: {
+        size: VariantConfigWithProperties<string>;
+    };
+    subComponents: {
+        text: SubComponentConfig;
+        image: SubComponentConfig;
+        icon: SubComponentConfig;
+    };
+};
+
+declare const BadgeConfig: {
+    label: string;
+    description: string;
+    variants: {
+        size: VariantConfigWithProperties<string>;
+        variant: VariantConfigWithProperties<string>;
+    };
+};
+
+declare const CheckboxConfig: {
+    label: string;
+    description: string;
+    variants: {
+        size: VariantConfigWithProperties<string>;
+        variant: VariantConfigWithComponentStates<string>;
+    };
+};
+
+declare const ChipConfig: {
+    label: string;
+    description: string;
+    subComponents: {
+        toggle: SubComponentConfig;
+        dismissible: SubComponentConfig;
+        link: SubComponentConfig;
+    };
+    variants: {
+        size: VariantConfigWithProperties<string>;
+    };
+};
+
+declare const DividerConfig: {
+    label: string;
+    description: string;
+    variants: {
+        variant: VariantConfigWithProperties<string>;
+    };
+};
+
+declare const InputConfig: {
+    label: string;
+    description: string;
+    variants: {
+        size: VariantConfigWithProperties<string>;
+        variant: VariantConfigWithComponentStates<string>;
+    };
+};
+
+declare const LinkConfig: {
+    label: string;
+    description: string;
+    variants: {
+        textStyle: VariantConfigWithProperties<string>;
+        variant: VariantConfigWithProperties<string>;
+    };
+};
+
+declare const MenuConfig: {
+    label: string;
+    description: string;
+    variants: {
+        size: VariantConfigWithProperties<string>;
+    };
+    subComponents: {
+        item: SubComponentConfig;
+        itemCheckbox: SubComponentConfig;
+        divider: SubComponentConfig;
+    };
+};
+
+declare const RadioConfig: {
+    label: string;
+    description: string;
+    variants: {
+        variant: VariantConfigWithComponentStates<string>;
+        size: VariantConfigWithProperties<string>;
+    };
+};
+
+declare const SwitchConfig: {
+    label: string;
+    description: string;
+    variants: {
+        variant: VariantConfigWithComponentStates<string>;
+        size: VariantConfigWithProperties<string>;
+    };
+};
+
+export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig };

package/dist/tokens/automation/configs.js

@@ -0,0 +1 @@
+import{createSubComponentConfig as e,createVariantConfigWithProperties as a,createLayerConfig as r,createConfigurableProperty as o,createVariantConfigWithComponentStates as l,createComponentStates as t}from"../../chunk-OSJVSN23.js";import{borderRadii as s,spectrumColors as i,linePaletteColors as n,alwaysPaletteAliases as d,backgroundPaletteColors as u,foregroundPaletteColors as p,iconSizes as c,textVariants as y,borderWidths as b,spacingAliases as m,shadowVariantsWithInvert as f,shadowVariants as v,textDecorationLines as h,textVariantsWithoutEmphasized as x}from"@yahoo/uds/fixtures";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var g={label:"Avatar",description:"An avatar is a visual element that represents a user or entity, usually shown as a circle or square with an image, icon, or initials. It's commonly used in profiles, comments, or messages to help identify people.",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg","xl"],layers:{root:r({label:"root",properties:{height:o({name:"height",label:"Height",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),width:o({name:"width",label:"Width",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"6",sm:"7",md:"10",lg:"12",xl:"16"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{xs:"thin",sm:"thin",md:"thin",lg:"thin",xl:"thin"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"caption1",sm:"caption2",md:"headline1",lg:"title4",xl:"title3"}})}}),icon:r({label:"icon",properties:{iconSize:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg",xl:"lg"}})}})}})},subComponents:{text:e({label:"Text",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"brand",secondary:"secondary"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"brand",secondary:"secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),image:e({label:"Image",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"muted",secondary:"muted"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}}),icon:e({label:"Icon",description:"",variants:{variant:a({label:"Variant",description:"Shapes and sizes defined here will be applied across the entire family of Avatar (Icon, Image, Text)",isConfigurable:!0,options:["primary","secondary"],default:"primary",layers:{root:r({label:"root",properties:{color:o({name:"color",label:"icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"muted",secondary:"muted"}}),backgroundColor:o({name:"backgroundColor",label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"secondary",secondary:"secondary"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"primary"}}),borderRadius:o({name:"borderRadius",label:"border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"full",secondary:"sm"}})}})}})}})}};var C={label:"Badge",description:"Component for demo purposes and testing the automation",variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["xs","sm","md","lg"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"0.5",sm:"1",md:"1.5",lg:"2"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{xs:"2",sm:"4",md:"6",lg:"8"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{xs:"label4",sm:"label3",md:"label2",lg:"label1"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{xs:"sm",sm:"sm",md:"md",lg:"lg"}})}})}}),variant:a({label:"Variants",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary","alert","alert-secondary","warning","warning-secondary","positive","positive-secondary","info","info-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none",alert:"none","alert-secondary":"none",warning:"none","warning-secondary":"none",positive:"none","positive-secondary":"none",info:"none","info-secondary":"none"}}),borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{primary:"sm",secondary:"sm",brand:"sm","brand-secondary":"sm",alert:"sm","alert-secondary":"sm",warning:"sm","warning-secondary":"sm",positive:"sm","positive-secondary":"sm",info:"sm","info-secondary":"sm"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl",alert:"xl","alert-secondary":"xl-invert",warning:"xl","warning-secondary":"xl",positive:"xl","positive-secondary":"xl",info:"xl","info-secondary":"sm"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary",alert:"alert","alert-secondary":"alert-secondary",warning:"warning","warning-secondary":"warning-secondary",positive:"positive","positive-secondary":"positive-secondary",info:"info","info-secondary":"info-secondary"}})}})}})}};var w={label:"Checkbox",description:"A checkbox is a small, interactive element that lets users select one or more options from a list.",variants:{size:a({label:"size",isConfigurable:!0,options:["sm","md"],default:"md",description:"",layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),checkbox:r({label:"checkbox",properties:{borderWidth:o({name:"borderWidth",label:"Checkbox border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Checkbox height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Checkbox width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked","indeterminate"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}}),checkbox:r({label:"checkbox",properties:{borderColor:o({name:"borderColor",label:"border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"tertiary",secondary:"tertiary",alert:"tertiary","alert-secondary":"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Checkbox background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"none",secondary:"none",alert:"md","alert-secondary":"none"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"md","alert-secondary":"xl"}})}}),checkboxIcon:r({label:"checkboxIcon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","disabled"],defaults:{primary:"primary",secondary:"primary",alert:"primary","alert-secondary":"primary"}})}})}})}})}};var O={label:"Chip",description:"A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",subComponents:{toggle:e({label:"Toggle",description:"",variants:{variant:l({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})}}),dismissible:e({label:"Dismissible",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-4",secondary:"blue-4",brand:"red-4","brand-secondary":"purple-4"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"gray-9",secondary:"blue-9",brand:"red-9","brand-secondary":"red-4"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],pseudoStates:["hover","pressed"],values:[b],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}}),link:e({label:"Link",description:"",variants:{variant:a({label:"Variant",description:"",isConfigurable:!0,default:"primary",options:["primary","secondary","brand","brand-secondary"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"secondary","brand-secondary":"secondary"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["hover","pressed"],defaults:{primary:"thin",secondary:"none",brand:"none","brand-secondary":"none"}}),borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",brand:"md","brand-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",brand:"md","brand-secondary":"xl"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",brand:"brand","brand-secondary":"brand-secondary"}})}})}})}})},variants:{size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"3",md:"3"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label1",md:"label1"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{sm:"full",md:"full"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"md"}})}})}})}};var 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,p,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary",muted:"muted"}})}})}})}};var S={label:"input",description:"An input field is a box where users can type or select information. It can also open a dropdown menu to show options or help collect data.",variants:{size:a({label:"size",isConfigurable:!0,options:["md","lg"],default:"md",description:"",layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"inputWrapper",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3.5",lg:"4"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"2",lg:"3.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"3",lg:"3"}}),borderWidth:o({name:"borderWidth",label:"Border width",typeOfFixture:["borderWidths"],values:[b],pseudoStates:["pressed","invalid"],defaults:{md:"thin",lg:"thin"}}),borderRadius:o({name:"borderRadius",label:"Border radius",typeOfFixture:["borderRadii"],values:[s],defaults:{md:"md",lg:"md"}}),textVariant:o({name:"textVariant",label:"Input text style",typeOfFixture:["textVariants"],pseudoStates:["hover"],values:[y],defaults:{md:"label2",lg:"label2"}})}}),input:r({label:"input",properties:{height:o({name:"height",label:"Input element height",typeOfFixture:["spacingAliases"],values:[m],defaults:{md:"6",lg:"6"}})}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Start icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"End icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"md",lg:"md"}})}}),label:r({label:"label",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}}),helperIcon:r({label:"helperIcon",properties:{size:o({name:"iconSize",label:"Helper text icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{md:"sm",lg:"sm"}})}}),helperText:r({label:"helperText",properties:{textVariant:o({name:"textVariant",label:"Label text style",typeOfFixture:["textVariants"],values:[y],defaults:{md:"label4",lg:"label4"}})}})}}),variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{value:t({label:"value",options:["filled","empty"],layers:{root:r({label:"root",properties:{}}),inputWrapper:r({label:"input",properties:{borderColor:o({name:"borderColor",label:"Border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"tertiary"}}),backgroundColor:o({name:"backgroundColor",label:"Background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"primary"}})}}),input:r({label:"input",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),inputPlaceholder:r({label:"inputPlaceholder",pseudoSelector:"::placeholder",properties:{color:o({name:"color",label:"Input text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Start icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"End icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),label:r({label:"label",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),labelRequired:r({label:"labelRequired",properties:{color:o({name:"color",label:"Required color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperIcon:r({label:"helperIcon",properties:{color:o({name:"color",label:"Helper icon color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"muted"}})}}),helperText:r({label:"helpText",properties:{color:o({name:"color",label:"Helper text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed","focus-within","invalid","invalid&hover","invalid&pressed","readonly","disabled"],defaults:{default:"brand"}})}})}})}})}};var P={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:x,layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{display1:"2",display2:"2",display3:"2",title1:"2",title2:"2",title3:"2",title4:"2",headline1:"2",body1:"2",label1:"2",label2:"2",label3:"2",label4:"2",caption1:"2",caption2:"2",legal1:"2",ui1:"2",ui2:"2",ui3:"2",ui4:"2",ui5:"2",ui6:"2"}})}}),icon:r({label:"icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{display1:"lg",display2:"lg",display3:"lg",title1:"md",title2:"md",title3:"md",title4:"md",headline1:"md",body1:"md",label1:"md",label2:"md",label3:"md",label4:"sm",caption1:"md",caption2:"sm",legal1:"md",ui1:"md",ui2:"md",ui3:"md",ui4:"md",ui5:"md",ui6:"md"}})}})}}),variant:a({label:"Variants",description:"Variants",isConfigurable:!0,default:"primary",options:["primary","secondary","tertiary","on-color"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}}),textDecorationLine:o({name:"textDecorationLine",label:"Underline",typeOfFixture:["textDecorationLines"],values:[h],pseudoStates:["hover","pressed"],defaults:{primary:"none",secondary:"none",tertiary:"none","on-color":"none"}})}}),iconStart:r({label:"iconStart",properties:{color:o({name:"color",label:"Icon start color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}}),iconEnd:r({label:"iconEnd",properties:{color:o({name:"color",label:"Icon end color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],pseudoStates:["hover","pressed"],values:[i,p,d],defaults:{primary:"primary",secondary:"secondary",tertiary:"tertiary","on-color":"on-color"}})}})}})}};var A={label:"Menu",description:"A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",variants:{size:a({label:"size",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),startIcon:r({label:"startIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}}),endIcon:r({label:"endIcon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{default:"sm"}})}})}})},subComponents:{item:e({label:"Item",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",pseudoStates:["hover","focused"],label:"background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}})}}),icon:r({label:"icon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}})}})}})}})}}),itemCheckbox:e({label:"ItemCheckbox",description:"",variants:{variant:l({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{backgroundColor:o({name:"backgroundColor",label:"background color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand-secondary"}})}}),text:r({label:"text",properties:{textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],pseudoStates:["hover","focused"],values:[y],defaults:{default:"label2"}}),color:o({name:"color",label:"Text color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}})}}),startIcon:r({label:"startIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}})}}),endIcon:r({label:"endIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover","focused"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"brand"}})}})}})}})}}),divider:e({label:"divider",description:"",variants:{variant:a({label:"variant",description:"",isConfigurable:!0,options:["default"],default:"default",layers:{root:r({label:"root",properties:{}}),text:r({label:"text",properties:{color:o({name:"color",label:"text color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"muted"}}),textVariant:o({name:"textVariant",label:"text variant",typeOfFixture:["textVariants"],values:[y],defaults:{default:"label3"}})}}),line:r({label:"line",properties:{borderWidth:o({name:"borderWidth",label:"line thickness",typeOfFixture:["borderWidths"],values:[b.filter(e=>"none"!==e)],defaults:{default:"thin"}}),borderColor:o({name:"borderColor",label:"line color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"transparent"}})}})}})}})}};var k={label:"Radio",description:"Component for demo purposes and testing the automation",variants:{variant:l({label:"Variant",description:"Preview the colors, spacing values, and motion effects of your component at their default size.",isConfigurable:!0,options:["primary","secondary","alert","alert-secondary"],default:"primary",componentStates:{value:t({label:"value",options:["checked","unchecked"],layers:{root:r({label:"root",properties:{color:o({name:"color",label:"Label color",typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],pseudoStates:["hover","pressed"],defaults:{primary:"primary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}})}}),radio:r({label:"radio",properties:{borderColor:o({name:"borderColor",label:"Radio border color",typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],pseudoStates:["hover","pressed"],defaults:{primary:"tertiary",secondary:"secondary",alert:"alert","alert-secondary":"alert-secondary"}}),backgroundColor:o({name:"backgroundColor",label:"Radio background color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"secondary",secondary:"secondary",alert:"secondary","alert-secondary":"secondary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover","pressed"],defaults:{primary:"2xl",secondary:"xl",alert:"xl","alert-secondary":"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover","pressed"],defaults:{primary:"2xl-invert",secondary:"md-invert",alert:"xl","alert-secondary":"xl-invert"}})}}),radioCircle:r({label:"radioCircle",properties:{backgroundColor:o({name:"backgroundColor",label:"Radio circle color",typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],pseudoStates:["hover","pressed"],defaults:{primary:"brand",secondary:"brand-secondary",alert:"alert","alert-secondary":"alert-secondary"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"sm",options:["sm","md"],layers:{root:r({label:"root",properties:{gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2.5"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),radio:r({label:"radio",properties:{borderWidth:o({name:"borderWidth",label:"Radio border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"thin",md:"thin"}}),height:o({name:"height",label:"Radio height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}}),width:o({name:"width",label:"Radio width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"5"}})}})}})}};var z={label:"Switch",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",variants:{variant:l({label:"Variant",description:"A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",default:"default",options:["default"],isConfigurable:!0,componentStates:{active:t({label:"active",options:["on","off"],layers:{root:r({label:"root",properties:{labelColor:o({name:"color",label:"Label color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p,d],defaults:{default:"secondary"}})}}),switch:r({label:"switch",properties:{backgroundColor:o({name:"backgroundColor",label:"Track background color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"brand"}}),borderColor:o({name:"borderColor",label:"Track border color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","linePaletteColors","alwaysPaletteAliases"],values:[i,n,d],defaults:{default:"brand"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handle:r({label:"handle",properties:{backgroundColor:o({name:"backgroundColor",label:"Handle color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","backgroundPaletteColors","alwaysPaletteAliases"],values:[i,u,d],defaults:{default:"primary"}}),shadow:o({name:"shadow",label:"Drop shadow",typeOfFixture:["shadowVariants"],supportsCustom:!0,values:[v],pseudoStates:["hover"],defaults:{default:"xl"}}),insetShadow:o({name:"insetShadow",label:"Inset shadow",typeOfFixture:["shadowVariantsWithInvert"],supportsCustom:!0,values:[f],pseudoStates:["hover"],defaults:{default:"2xl-invert"}})}}),handleIcon:r({label:"handleIcon",properties:{color:o({name:"color",label:"Icon color",pseudoStates:["hover"],typeOfFixture:["spectrumColors","foregroundPaletteColors","alwaysPaletteAliases"],values:[i,p],defaults:{default:"brand"}})}})}})}}),size:a({label:"Size",description:"These sizes will apply across all variants",isConfigurable:!0,default:"md",options:["sm","md"],layers:{root:r({label:"root",properties:{spacingHorizontal:o({name:"spacingHorizontal",label:"Spacing horizontal",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0",md:"0"}}),spacingVertical:o({name:"spacingVertical",label:"Spacing vertical",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"1",md:"1.5"}}),gap:o({name:"gap",label:"Gap",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"2",md:"2"}}),textVariant:o({name:"textVariant",label:"Text variant",typeOfFixture:["textVariants"],values:[y],defaults:{sm:"label4",md:"label2"}})}}),switch:r({label:"switch",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"5",md:"7"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"8",md:"12"}}),borderWidth:o({name:"borderWidth",label:"Track border width",typeOfFixture:["borderWidths"],values:[b],defaults:{sm:"none",md:"none"}}),padding:o({name:"padding",label:"Track padding",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"0.5",md:"0.5"}})}}),handle:r({label:"Handle",properties:{height:o({name:"height",label:"Track height",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}}),width:o({name:"width",label:"Track width",typeOfFixture:["spacingAliases"],values:[m],defaults:{sm:"4",md:"6"}})}}),handleIcon:r({label:"Icon",properties:{size:o({name:"iconSize",label:"Icon size",typeOfFixture:["iconSizes"],values:[c],defaults:{sm:"sm",md:"sm"}})}})}})}};export{g as AvatarConfig,C as BadgeConfig,w as CheckboxConfig,O as ChipConfig,F as DividerConfig,S as InputConfig,P as LinkConfig,A as MenuConfig,k as RadioConfig,z as SwitchConfig};

package/dist/tokens/automation/properties.cjs

@@ -1,287 +1 @@
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-const require_tailwind_components_getResponsiveTextStyles = require('../../tailwind/components/getResponsiveTextStyles.cjs');
-const require_tailwind_utils_getShadowPresetValues = require('../../tailwind/utils/getShadowPresetValues.cjs');
-const require_tokens_automation_mapTextVariantFixtureToValue = require('./mapTextVariantFixtureToValue.cjs');
-const require_tokens_automation_utils_mapColorFixtureToValue = require('./utils/mapColorFixtureToValue.cjs');
-
-//#region src/tokens/automation/properties.ts
-const shouldUseOutlineInsteadOfBorder = ({ componentName, layer, propertyKey }) => {
-	if (componentName === "chip" && layer === "root" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
-	if (componentName === "input" && layer === "inputWrapper" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
-	return false;
-};
-const backgroundColor = {
-	name: "backgroundColor",
-	cssProperties: "background-color",
-	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
-	possibleFixtures: [
-		"backgroundPaletteColors",
-		"spectrumColors",
-		"alwaysPaletteAliases"
-	]
-};
-const fontSize = {
-	name: "fontSize",
-	cssProperties: "font-size",
-	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontSize"),
-	possibleFixtures: ["textVariants"]
-};
-const fontVariationSettings = {
-	name: "fontVariationSettings",
-	cssProperties: "font-variation-settings",
-	twThemePath: () => {
-		return ``;
-	},
-	possibleFixtures: ["textVariants"],
-	customValueRenderer: (schemaValue) => {
-		const { value: rawValue } = schemaValue;
-		const value = require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(rawValue);
-		return `"wght" var(--uds-font-weight-${value}), "slnt" var(--uds-font-slant-${value}), "wdth" var(--uds-font-width-${value});`;
-	}
-};
-const fontWeight = {
-	name: "fontWeight",
-	cssProperties: "font-weight",
-	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontWeight"),
-	possibleFixtures: ["textVariants"]
-};
-const fontFamily = {
-	name: "fontFamily",
-	cssProperties: "font-family",
-	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontFamily"),
-	possibleFixtures: ["textVariants"]
-};
-const gap = {
-	name: "gap",
-	cssProperties: "gap",
-	twThemePath: (selected, value) => `spacing[${value}]`,
-	possibleFixtures: ["spacingAliases"]
-};
-const color = {
-	name: "color",
-	cssProperties: "color",
-	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
-	possibleFixtures: [
-		"alwaysPaletteAliases",
-		"spectrumColors",
-		"foregroundPaletteColors"
-	]
-};
-const borderWidth = {
-	name: "borderWidth",
-	cssProperties: "border-width",
-	twThemePath: (selected, value) => {
-		if (selected === "borderWidths") return `borderWidth[${value}]`;
-		else return `spacing[${value}]`;
-	},
-	possibleFixtures: ["borderWidths", "spacingAliases"],
-	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && [
-		"outlineWidth",
-		"insetOutlineOffset",
-		"solidOutline"
-	]
-};
-const borderColor = {
-	name: "borderColor",
-	cssProperties: "border-color",
-	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
-	possibleFixtures: [
-		"alwaysPaletteAliases",
-		"spectrumColors",
-		"linePaletteColors"
-	],
-	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && ["outlineColor"]
-};
-const outlineWidth = {
-	name: "outlineWidth",
-	cssProperties: "outline-width",
-	twThemePath: (type, value) => type === "borderWidths" ? `borderWidth[${value}]` : `spacing[${value}]`,
-	possibleFixtures: ["borderWidths", "spacingAliases"]
-};
-const solidOutline = {
-	name: "solidOutline",
-	cssProperties: "outline-style",
-	twThemePath: () => "",
-	customValueRenderer: () => "solid",
-	possibleFixtures: []
-};
-const insetOutlineOffset = {
-	name: "insetOutlineOffset",
-	cssProperties: "outline-offset",
-	twThemePath: () => "",
-	customValueRenderer: ({ value, type }, schema, theme) => {
-		return `calc(-1 * ${type === "borderWidths" ? theme(`borderWidth[${value}]`) : theme(`spacing[${value}]`)})`;
-	},
-	possibleFixtures: ["borderWidths", "spacingAliases"]
-};
-const outlineColor = {
-	name: "outlineColor",
-	cssProperties: "outline-color",
-	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
-	possibleFixtures: [
-		"alwaysPaletteAliases",
-		"spectrumColors",
-		"linePaletteColors"
-	]
-};
-const borderRadius = {
-	name: "borderRadius",
-	cssProperties: "border-radius",
-	twThemePath: (selected, value) => `borderRadius.${value}`,
-	possibleFixtures: ["borderRadii"]
-};
-const padding = {
-	name: "padding",
-	cssProperties: "padding",
-	twThemePath: (selected, value) => `spacing[${value}]`,
-	possibleFixtures: ["spacingAliases"]
-};
-const iconSize = {
-	name: "iconSize",
-	cssProperties: ["width", "height"],
-	twThemePath: (selected, value) => `sizing.icon.${value}`,
-	possibleFixtures: ["iconSizes"]
-};
-const spacingHorizontal = {
-	name: "spacingHorizontal",
-	cssProperties: ["padding-right", "padding-left"],
-	twThemePath: (selected, value) => `spacing[${value}]`,
-	possibleFixtures: ["spacingAliases"]
-};
-const spacingVertical = {
-	name: "spacingVertical",
-	cssProperties: ["padding-top", "padding-bottom"],
-	twThemePath: (selected, value) => `spacing[${value}]`,
-	possibleFixtures: ["spacingAliases"]
-};
-const textTransform = {
-	name: "textTransform",
-	cssProperties: "text-transform",
-	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("textTransform"),
-	possibleFixtures: ["textVariants"]
-};
-const publicProperties = {
-	backgroundColor,
-	borderWidth,
-	borderRadius,
-	borderColor,
-	fontFamily,
-	fontSize,
-	fontVariationSettings,
-	lineHeight: {
-		name: "lineHeight",
-		cssProperties: "line-height",
-		twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("lineHeight"),
-		possibleFixtures: ["textVariants"]
-	},
-	textTransform,
-	padding,
-	gap,
-	color,
-	fontWeight,
-	iconSize,
-	spacingHorizontal,
-	spacingVertical,
-	textVariant: {
-		name: "textVariant",
-		cssProperties: [],
-		twThemePath: () => {
-			return ``;
-		},
-		possibleFixtures: ["textVariants"],
-		extendedProperties: [
-			"fontSize",
-			"fontWeight",
-			"fontFamily",
-			"lineHeight",
-			"textTransform",
-			"fontVariationSettings"
-		]
-	},
-	textDecorationLine: {
-		name: "textDecorationLine",
-		cssProperties: "text-decoration-line",
-		possibleFixtures: ["textDecorationLines"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
-	shadow: {
-		name: "drop shadow",
-		cssProperties: "box-shadow",
-		twThemePath: () => {
-			return ``;
-		},
-		concatenate: true,
-		customValueRenderer: (schemaValue) => {
-			const shadowType = "drop";
-			const noneValue = "0 0 0 transparent";
-			if (schemaValue.valueType === "alias") {
-				const noneValue$1 = "0 0 0 transparent";
-				if (schemaValue.value === "none") return noneValue$1;
-				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
-			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_tailwind_utils_getShadowPresetValues.getShadowLayerValue({
-				preset,
-				shadowType,
-				prefix: index > 0 ? `${index + 1}` : void 0
-			}))?.join(", ") || noneValue;
-			throw new Error("Invalid valueType");
-		},
-		possibleFixtures: ["shadowVariants"]
-	},
-	insetShadow: {
-		name: "inset shadow",
-		cssProperties: "box-shadow",
-		twThemePath: () => {
-			return ``;
-		},
-		concatenate: true,
-		customValueRenderer: (schemaValue) => {
-			const shadowType = "inset";
-			const noneValue = "0 0 0 transparent";
-			if (schemaValue.valueType === "alias") {
-				const noneValue$1 = "0 0 0 transparent";
-				if (schemaValue.value === "none") return noneValue$1;
-				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
-			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_tailwind_utils_getShadowPresetValues.getShadowLayerValue({
-				preset,
-				shadowType,
-				prefix: index > 0 ? `${index + 1}` : void 0
-			}))?.join(", ") || noneValue;
-			throw new Error("Invalid valueType");
-		},
-		possibleFixtures: ["shadowVariantsWithInvert"]
-	},
-	height: {
-		name: "height",
-		cssProperties: "height",
-		twThemePath: (selected, value) => {
-			return `height[${value}]`;
-		},
-		possibleFixtures: ["spacingAliases"]
-	},
-	width: {
-		name: "width",
-		cssProperties: "width",
-		twThemePath: (selected, value) => {
-			return `width[${value}]`;
-		},
-		possibleFixtures: ["spacingAliases"]
-	}
-};
-const internalProperties = {
-	outlineWidth,
-	outlineColor,
-	insetOutlineOffset,
-	solidOutline
-};
-const configurableProperties = {
-	...publicProperties,
-	...internalProperties
-};
-
-//#endregion
-exports.configurableProperties = configurableProperties;
+"use strict";var e=require("../../chunk-4UB6EIVI.cjs");Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}});

package/dist/tokens/automation/properties.d.cts

@@ -1,88 +1,7 @@
-import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.cjs";
-import { ShadowPreset } from "../types.cjs";
-import { SchemaStateValue } from "./utils/index.cjs";
-import "../index.cjs";
-
-//#region src/tokens/automation/properties.d.ts
-type DispatchContext = {
-  componentName: string;
-  subComponentName?: string;
-  propertyKey: string;
-  layer: string;
-};
-interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
-  name: string;
-  cssProperties: string | string[];
-  twThemePath: (selected: T, value: string) => string;
-  possibleFixtures: T[];
-  extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
-  customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
-  concatenate?: boolean;
-  concatenationDelimiter?: string;
-}
-declare const publicProperties: {
-  readonly backgroundColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "backgroundPaletteColors", unknown>;
-  readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
-  readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
-  readonly borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", unknown>;
-  readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
-  readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
-  readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
-  readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
-  readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
-  readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
-  readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
-  readonly color: ConfigurableProperty<"foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors", unknown>;
-  readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
-  readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
-  readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
-  readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
-  readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
-  readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
-  readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
-  readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
-  readonly height: ConfigurableProperty<"spacingAliases", unknown>;
-  readonly width: ConfigurableProperty<"spacingAliases", unknown>;
-};
-declare const configurableProperties: {
-  outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
-  outlineColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", unknown>;
-  insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
-  solidOutline: ConfigurableProperty<never, unknown>;
-  backgroundColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "backgroundPaletteColors", unknown>;
-  borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
-  borderRadius: ConfigurableProperty<"borderRadii", unknown>;
-  borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", unknown>;
-  fontFamily: ConfigurableProperty<"textVariants", unknown>;
-  fontSize: ConfigurableProperty<"textVariants", unknown>;
-  fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
-  lineHeight: ConfigurableProperty<"textVariants", unknown>;
-  textTransform: ConfigurableProperty<"textVariants", unknown>;
-  padding: ConfigurableProperty<"spacingAliases", unknown>;
-  gap: ConfigurableProperty<"spacingAliases", unknown>;
-  color: ConfigurableProperty<"foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors", unknown>;
-  fontWeight: ConfigurableProperty<"textVariants", unknown>;
-  iconSize: ConfigurableProperty<"iconSizes", unknown>;
-  spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
-  spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
-  textVariant: ConfigurableProperty<"textVariants", unknown>;
-  textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
-  shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
-  insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
-  height: ConfigurableProperty<"spacingAliases", unknown>;
-  width: ConfigurableProperty<"spacingAliases", unknown>;
-};
-type ExtendablePropertiesName = keyof typeof configurableProperties;
-type ConfigurablePropertiesName = keyof typeof publicProperties;
-interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
-  label: string;
-  name: C;
-  typeOfFixture: T;
-  values: V;
-  pseudoStates?: PossibleStates[];
-  supportsCustom?: boolean;
-  defaults: { [K in O]: V[number][number] };
-}
-//#endregion
-export { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties };
-//# sourceMappingURL=properties.d.cts.map
+export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-BPXfpHkp.cjs';
+import '../../types-gGaZxCMr.cjs';
+import '@yahoo/uds/fixtures';
+import '@yahoo/uds-icons/types';
+import 'motion/react';
+import 'react';
+import 'type-fest';