@yahoo/uds 3.62.1 → 3.64.0

package/dist/fixtures.js

@@ -1617,6 +1617,110 @@ var shadowColors = [
     "black",
     "current"
 ];
+var opacitySteps = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "11",
+    "12",
+    "13",
+    "14",
+    "15",
+    "16",
+    "17",
+    "18",
+    "19",
+    "20",
+    "21",
+    "22",
+    "23",
+    "24",
+    "25",
+    "26",
+    "27",
+    "28",
+    "29",
+    "30",
+    "31",
+    "32",
+    "33",
+    "34",
+    "35",
+    "36",
+    "37",
+    "38",
+    "39",
+    "40",
+    "41",
+    "42",
+    "43",
+    "44",
+    "45",
+    "46",
+    "47",
+    "48",
+    "49",
+    "50",
+    "51",
+    "52",
+    "53",
+    "54",
+    "55",
+    "56",
+    "57",
+    "58",
+    "59",
+    "60",
+    "61",
+    "62",
+    "63",
+    "64",
+    "65",
+    "66",
+    "67",
+    "68",
+    "69",
+    "70",
+    "71",
+    "72",
+    "73",
+    "74",
+    "75",
+    "76",
+    "77",
+    "78",
+    "79",
+    "80",
+    "81",
+    "82",
+    "83",
+    "84",
+    "85",
+    "86",
+    "87",
+    "88",
+    "89",
+    "90",
+    "91",
+    "92",
+    "93",
+    "94",
+    "95",
+    "96",
+    "97",
+    "98",
+    "99",
+    "100"
+];
+var opacityMap = fromEntries(opacitySteps.map((key) => [key, `${parseInt(key) / 100}`]));
 var backgroundColors = [...backgroundPaletteColors, ...alwaysPaletteAliases, ...elevationAliases];
 var foregroundColors = [...foregroundPaletteColors, ...alwaysPaletteAliases];
 var lineColors = [...linePaletteColors, ...alwaysPaletteAliases, ...elevationAliases];
@@ -2386,13 +2490,6 @@ var shadowOffsets = [
     "11",
     "12",
     "14",
-    "px",
-    "0.5",
-    "1.5",
-    "2.5",
-    "3.5",
-    "4.5",
-    "5.5",
     "16",
     "20",
     "24",
@@ -2409,6 +2506,13 @@ var shadowOffsets = [
     "72",
     "80",
     "96",
+    "px",
+    "0.5",
+    "1.5",
+    "2.5",
+    "3.5",
+    "4.5",
+    "5.5",
     "-1",
     "-2",
     "-3",
@@ -2422,13 +2526,6 @@ var shadowOffsets = [
     "-11",
     "-12",
     "-14",
-    "-px",
-    "-0.5",
-    "-1.5",
-    "-2.5",
-    "-3.5",
-    "-4.5",
-    "-5.5",
     "-16",
     "-20",
     "-24",
@@ -2444,7 +2541,14 @@ var shadowOffsets = [
     "-64",
     "-72",
     "-80",
-    "-96"
+    "-96",
+    "-px",
+    "-0.5",
+    "-1.5",
+    "-2.5",
+    "-3.5",
+    "-4.5",
+    "-5.5"
 ];
 var shadowOffsetMap = {
     "-96": -384,
@@ -2536,13 +2640,6 @@ var shadowSpreadRadii = [
     "11",
     "12",
     "14",
-    "px",
-    "0.5",
-    "1.5",
-    "2.5",
-    "3.5",
-    "4.5",
-    "5.5",
     "16",
     "20",
     "24",
@@ -2559,6 +2656,13 @@ var shadowSpreadRadii = [
     "72",
     "80",
     "96",
+    "px",
+    "0.5",
+    "1.5",
+    "2.5",
+    "3.5",
+    "4.5",
+    "5.5",
     "-1",
     "-2",
     "-3",
@@ -2572,13 +2676,6 @@ var shadowSpreadRadii = [
     "-11",
     "-12",
     "-14",
-    "-px",
-    "-0.5",
-    "-1.5",
-    "-2.5",
-    "-3.5",
-    "-4.5",
-    "-5.5",
     "-16",
     "-20",
     "-24",
@@ -2594,7 +2691,14 @@ var shadowSpreadRadii = [
     "-64",
     "-72",
     "-80",
-    "-96"
+    "-96",
+    "-px",
+    "-0.5",
+    "-1.5",
+    "-2.5",
+    "-3.5",
+    "-4.5",
+    "-5.5"
 ];
 var shadowSpreadRadiusMap = {
     "-96": -384,
@@ -2688,60 +2792,55 @@ var shadowOpacities = [
     "13",
     "14",
     "15",
-    "50",
-    "100",
     "16",
-    "20",
-    "24",
-    "28",
-    "32",
-    "36",
-    "40",
-    "44",
-    "48",
-    "52",
-    "56",
-    "60",
-    "64",
-    "72",
-    "80",
-    "96",
-    "75",
     "17",
     "18",
     "19",
+    "20",
     "21",
     "22",
     "23",
+    "24",
     "25",
     "26",
     "27",
+    "28",
     "29",
     "30",
     "31",
+    "32",
     "33",
     "34",
     "35",
+    "36",
     "37",
     "38",
     "39",
+    "40",
     "41",
     "42",
     "43",
+    "44",
     "45",
     "46",
     "47",
+    "48",
     "49",
+    "50",
     "51",
+    "52",
     "53",
     "54",
     "55",
+    "56",
     "57",
     "58",
     "59",
+    "60",
     "61",
     "62",
     "63",
+    "64",
     "65",
     "66",
     "67",
@@ -2749,12 +2848,15 @@ var shadowOpacities = [
     "69",
     "70",
     "71",
+    "72",
     "73",
     "74",
+    "75",
     "76",
     "77",
     "78",
     "79",
+    "80",
     "81",
     "82",
     "83",
@@ -2770,9 +2872,11 @@ var shadowOpacities = [
     "93",
     "94",
     "95",
+    "96",
     "97",
     "98",
-    "99"
+    "99",
+    "100"
 ];
 var shadowOpacityMap = fromEntries(shadowOpacities.map((key) => [key, parseInt(key)]));
 var tshirtSizes = [
@@ -2837,99 +2941,12 @@ var buttonSizes = [
     "md",
     "lg"
 ];
-var buttonStates = [
-    "hover",
-    "pressed"
-];
-var buttonKinds = [
-    "fill",
-    "outline",
-    "ghost"
-];
-var buttonIconSvgSize = "sm";
-var buttonColorProperties = [
-    "backgroundColor",
-    "borderColor",
-    "color"
-];
-var buttonSizeProperties = [
-    "spacingHorizontal",
-    "spacingVertical",
-    "gap",
-    "iconSize",
-    "textVariant"
-];
-var buttonMotionProperties = [
-    "toString",
-    "charAt",
-    "charCodeAt",
-    "concat",
-    "indexOf",
-    "lastIndexOf",
-    "localeCompare",
-    "match",
-    "replace",
-    "search",
-    "slice",
-    "split",
-    "substring",
-    "toLowerCase",
-    "toLocaleLowerCase",
-    "toUpperCase",
-    "toLocaleUpperCase",
-    "trim",
-    "length",
-    "substr",
-    "valueOf",
-    "codePointAt",
-    "includes",
-    "endsWith",
-    "normalize",
-    "repeat",
-    "startsWith",
-    "anchor",
-    "big",
-    "blink",
-    "bold",
-    "fixed",
-    "fontcolor",
-    "fontsize",
-    "italics",
-    "link",
-    "small",
-    "strike",
-    "sub",
-    "sup",
-    "padStart",
-    "padEnd",
-    "trimEnd",
-    "trimStart",
-    "trimLeft",
-    "trimRight",
-    "matchAll",
-    "__@iterator@86",
-    "at"
-];
-var buttonMotionEffects = [
+var scaleEffects = [
     "none",
     "up",
     "down"
 ];
-var buttonClassNames = [
-    "uds-button-accent",
-    "uds-button-brand",
-    "uds-button-alert",
-    "uds-button-positive",
-    "uds-button-warning",
-    "uds-button-info",
-    "uds-button-primary",
-    "uds-button-secondary",
-    "uds-button-tertiary",
-    "uds-button-sm",
-    "uds-button-md",
-    "uds-button-lg",
-    "uds-button"
-];
+var buttonIconSvgSize = "sm";
 var iconButtonSizes = [
     "sm",
     "md",
@@ -2937,14 +2954,6 @@ var iconButtonSizes = [
     "xl",
     "xs"
 ];
-var iconButtonClassNames = [
-    "uds-icon-button-sm",
-    "uds-icon-button-md",
-    "uds-icon-button-lg",
-    "uds-icon-button-xl",
-    "uds-icon-button-xs",
-    "uds-icon-button"
-];
 var inputSizes = [
     "md",
     "lg"
@@ -2970,29 +2979,6 @@ var motionSpringConfigOptions = [
     "damping",
     "stiffness"
 ];
-var scaleEffectMap = {
-    none: {
-        xs: "1",
-        sm: "1",
-        md: "1",
-        lg: "1",
-        xl: "1"
-    },
-    up: {
-        xs: "1.0125",
-        sm: "1.03",
-        md: "1.125",
-        lg: "1.25",
-        xl: "2"
-    },
-    down: {
-        xs: "0.9875",
-        sm: "0.97",
-        md: "0.875",
-        lg: "0.75",
-        xl: "0.5"
-    }
-};
 var shadowVariants = [
     "sm",
     "md",
@@ -3053,4 +3039,4 @@ var badgeSizes = [
     "lg",
     "xs"
 ];
-export { typographyStyleProperties, tshirtSizes, textVariantsWithoutEmphasized, textVariantsUi, textVariantsTypography, textVariants, textTransforms, textProperties, textDecorationLines, tailwindColorsAsUds, switchSizes, spectrumColors, spacingMap, spacingAliases, sortPalette, shadowVariantsWithInvert, shadowVariantsInvert, shadowVariants, shadowSpreadRadiusMap, shadowSpreadRadii, shadowPaletteColors, shadowOpacityMap, shadowOpacities, shadowOffsets, shadowOffsetMap, shadowColors, scaleModes, scaleEffectMap, regionModes, palette, motionVariants, motionVariantSpeeds, motionSpringConfigOptions, motionSpringConfig, linePaletteColors, lineColors, inputSizes, iconVariants, iconSizes, iconButtonSizes, iconButtonClassNames, hues, hueSteps, foregroundPaletteColors, foregroundColors, fontWeights, fontUrls, fontIds, fontAliases, elevationShadowLayerCount, elevationLevels, colorModes, chipVariants, chipSizes, checkboxVariants, checkboxSizes, buttonVariantsTertiary, buttonVariantsSecondary, buttonVariantsPrimary, buttonVariantsFlat, buttonVariants, buttonStates, buttonSizes, buttonSizeProperties, buttonPalettes, buttonMotionProperties, buttonMotionEffects, buttonKinds, buttonIconSvgSize, buttonColorProperties, buttonClassNames, breakpoints, borderWidthsWithElevation, borderWidths, borderWidthRamp, borderRadiusRamp, borderRadii, badgeVariants, badgeSizes, backgroundPaletteColors, backgroundColors, avatarSizes, avatarShapes, alwaysPaletteAliases };
+export { typographyStyleProperties, tshirtSizes, textVariantsWithoutEmphasized, textVariantsUi, textVariantsTypography, textVariants, textTransforms, textProperties, textDecorationLines, tailwindColorsAsUds, switchSizes, spectrumColors, spacingMap, spacingAliases, sortPalette, shadowVariantsWithInvert, shadowVariantsInvert, shadowVariants, shadowSpreadRadiusMap, shadowSpreadRadii, shadowPaletteColors, shadowOpacityMap, shadowOpacities, shadowOffsets, shadowOffsetMap, shadowColors, scaleModes, scaleEffects, regionModes, palette, opacitySteps, opacityMap, motionVariants, motionVariantSpeeds, motionSpringConfigOptions, motionSpringConfig, linePaletteColors, lineColors, inputSizes, iconVariants, iconSizes, iconButtonSizes, hues, hueSteps, foregroundPaletteColors, foregroundColors, fontWeights, fontUrls, fontIds, fontAliases, elevationShadowLayerCount, elevationLevels, colorModes, chipVariants, chipSizes, checkboxVariants, checkboxSizes, buttonVariantsTertiary, buttonVariantsSecondary, buttonVariantsPrimary, buttonVariantsFlat, buttonVariants, buttonSizes, buttonPalettes, buttonIconSvgSize, breakpoints, borderWidthsWithElevation, borderWidths, borderWidthRamp, borderRadiusRamp, borderRadii, badgeVariants, badgeSizes, backgroundPaletteColors, backgroundColors, avatarSizes, avatarShapes, alwaysPaletteAliases };

package/dist/{index-hEma1xw-.d.cts → index-CF87-Wn8.d.ts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { o as ShadowPreset, g as UniversalTokensConfig } from './types-BzoCuKCE.cjs';
+import { n as ShadowPreset, f as UniversalTokensConfig } from './universalTokensConfigAuto-4Elh49mo.js';
 
 type DispatchContext = {
     componentName: string;
@@ -31,6 +31,7 @@ declare const publicProperties: {
     readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
     readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
     readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
     readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
     readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
     readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
@@ -41,6 +42,7 @@ declare const publicProperties: {
     readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
     readonly height: ConfigurableProperty<"spacingAliases", unknown>;
     readonly width: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
 };
 declare const configurableProperties: {
     outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
@@ -60,6 +62,7 @@ declare const configurableProperties: {
     padding: ConfigurableProperty<"spacingAliases", unknown>;
     gap: ConfigurableProperty<"spacingAliases", unknown>;
     color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    opacity: ConfigurableProperty<"opacitySteps", unknown>;
     fontWeight: ConfigurableProperty<"textVariants", unknown>;
     iconSize: ConfigurableProperty<"iconSizes", unknown>;
     spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
@@ -70,6 +73,7 @@ declare const configurableProperties: {
     insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
     height: ConfigurableProperty<"spacingAliases", unknown>;
     width: ConfigurableProperty<"spacingAliases", unknown>;
+    scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
 };
 type ExtendablePropertiesName = keyof typeof configurableProperties;
 type ConfigurablePropertiesName = keyof typeof publicProperties;
@@ -78,6 +82,7 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
     name: C;
     typeOfFixture: T;
     values: V;
+    skipRestState?: boolean;
     pseudoStates?: PossibleStates[];
     supportsCustom?: boolean;
     defaults: {
@@ -85,7 +90,7 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
     };
 }
 
-type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants' | 'elevationLevels'> | 'shadowVariantConfig';
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonSize' | 'iconButtonStates' | 'buttonIconSvgSize' | 'buttonPalettes' | 'buttonSizes' | 'buttonStates' | 'buttonVariants' | 'elevationLevels'> | 'shadowVariantConfig';
 type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
 type PossibleStatesWithRest = 'rest' | PossibleStates;
 interface LayerConfig {
@@ -126,9 +131,9 @@ interface ComponentConfig {
     description: string;
     overrideComponentName?: string;
     subComponents?: Record<string, SubComponentConfig>;
-    variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+    variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates | VariantConfig>;
 }
-type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults' | 'elevation'>;
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults' | 'elevation'>;
 type AutoComponentName = keyof AutoComponents;
 type AllVariantKeys = {
     [K in keyof AutoComponents]: {
@@ -145,6 +150,7 @@ type SchemaStateValue<T = any> = {
 declare const statePseudoMapDocsMode: Record<PossibleStates | 'rest', string>;
 declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): string;
 declare function toMinimalDbConfigObject<C extends ComponentConfig>(config: C): any;
+declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string;
 declare function generateClassName({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, }: {
     componentName: string;
     variantKey: string;
@@ -173,9 +179,19 @@ declare function generateDeclaration({ componentName, variantKey, variantValue,
         generatePseudoStateClassModifier?: boolean;
     };
 }): Record<string, Record<string, string>>;
-declare function generateStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
+declare function generateConfigStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
     generatePseudoStateClassModifier: boolean;
 }): Record<string, Record<string, string>>;
+/**
+ * @param config - Component configuration (Button, IconButton, etc.)
+ * @param schema - Production schema with defaults and variables
+ * @param theme - Tailwind theme function to resolve design tokens
+ * @param previewOptions - Options for generating preview mode class modifiers
+ * @returns CSS styles object with grouped selectors for default aliases
+ */
+declare const generateStyles: (config: ComponentConfig, schema: any, theme: ThemeFn, previewOptions: {
+    generatePseudoStateClassModifier: boolean;
+}) => Record<string, Record<string, string>>;
 declare function createConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof configurableProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]>(prop: {
     name: C;
     typeOfFixture: T;
@@ -184,27 +200,17 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
         [K in O]: V[number][number];
     };
     label: string;
+    skipRestState?: boolean;
     pseudoStates?: PossibleStates[];
     supportsCustom?: boolean;
 }): SelectedConfigurableProperty<C, O, T, V>;
-/**
- * @deprecated use the new functions instead
- */
-declare function createVariantConfig<O extends string, T extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, O>>>(config: {
+declare function createVariantConfig(config: {
     label: string;
     description: string;
     isConfigurable: boolean;
-    default: O;
-    options: readonly O[];
-    properties: T;
-}): VariantConfig<O>;
-declare function createComponentStateConfig(config: {
-    label: string;
-    options: string[];
-    layers: {
-        root: LayerConfig;
-    } & Record<string, LayerConfig>;
-}): ComponentStateConfig;
+    default: string;
+    options: readonly string[];
+}): VariantConfig;
 declare function createVariantConfigWithProperties(config: {
     label: string;
     description: string;
@@ -242,4 +248,4 @@ declare function createSubComponentConfig(config: {
     variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
 }): SubComponentConfig;
 
-export { type AllPossibleProperties as A, type ConfigurablePropertiesName as C, type ExtendablePropertiesName as E, type LayerConfig as L, type PossibleStates as P, type SelectedConfigurableProperty as S, type VariantConfig as V, type PossibleStatesWithRest as a, type ComponentStateConfig as b, configurableProperties as c, type SubComponentConfig as d, type VariantConfigWithProperties as e, type VariantConfigWithComponentStates as f, type ComponentConfig as g, type AutoComponents as h, type AutoComponentName as i, type AllVariantKeys as j, type SchemaStateValue as k, findFixtureType as l, generateClassName as m, generateDeclaration as n, generateStyles as o, createConfigurableProperty as p, createVariantConfig as q, createComponentStateConfig as r, statePseudoMapDocsMode as s, toMinimalDbConfigObject as t, createVariantConfigWithProperties as u, createVariantConfigWithComponentStates as v, createComponentStates as w, createLayerConfig as x, createSubComponentConfig as y };
+export { type AllPossibleProperties as A, type ConfigurablePropertiesName as C, type ExtendablePropertiesName as E, type LayerConfig as L, type PossibleStates as P, type SelectedConfigurableProperty as S, type VariantConfig as V, type PossibleStatesWithRest as a, type ComponentStateConfig as b, configurableProperties as c, type SubComponentConfig as d, type VariantConfigWithProperties as e, type VariantConfigWithComponentStates as f, type ComponentConfig as g, type AutoComponents as h, type AutoComponentName as i, type AllVariantKeys as j, type SchemaStateValue as k, findFixtureType as l, generateDefaultClassName as m, generateClassName as n, generateDeclaration as o, generateConfigStyles as p, generateStyles as q, createConfigurableProperty as r, statePseudoMapDocsMode as s, toMinimalDbConfigObject as t, createVariantConfig as u, createVariantConfigWithProperties as v, createVariantConfigWithComponentStates as w, createComponentStates as x, createLayerConfig as y, createSubComponentConfig as z };