@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/tokens/automation/configs/input.js

@@ -0,0 +1,473 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties } from "../utils/index.js";
+import { alwaysPaletteAliases, backgroundPaletteColors, borderRadii, borderWidths, foregroundPaletteColors, iconSizes, linePaletteColors, spacingAliases, spectrumColors, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/configs/input.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const InputConfig = defineComponentConfig({
+	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: createVariantConfigWithProperties({
+			label: "size",
+			isConfigurable: true,
+			options: ["md", "lg"],
+			default: "md",
+			description: "",
+			layers: {
+				root: createLayerConfig({
+					label: "root",
+					properties: {}
+				}),
+				inputWrapper: createLayerConfig({
+					label: "inputWrapper",
+					properties: {
+						spacingHorizontal: createConfigurableProperty({
+							name: "spacingHorizontal",
+							label: "Spacing horizontal",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								md: "3.5",
+								lg: "4"
+							}
+						}),
+						spacingVertical: createConfigurableProperty({
+							name: "spacingVertical",
+							label: "Spacing vertical",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								md: "2",
+								lg: "3.5"
+							}
+						}),
+						gap: createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								md: "3",
+								lg: "3"
+							}
+						}),
+						borderWidth: createConfigurableProperty({
+							name: "borderWidth",
+							label: "Border width",
+							typeOfFixture: ["borderWidths"],
+							values: [borderWidths],
+							pseudoStates: ["pressed", "invalid"],
+							defaults: {
+								md: "thin",
+								lg: "thin"
+							}
+						}),
+						borderRadius: createConfigurableProperty({
+							name: "borderRadius",
+							label: "Border radius",
+							typeOfFixture: ["borderRadii"],
+							values: [borderRadii],
+							defaults: {
+								md: "md",
+								lg: "md"
+							}
+						}),
+						textVariant: createConfigurableProperty({
+							name: "textVariant",
+							label: "Input text style",
+							typeOfFixture: ["textVariants"],
+							pseudoStates: ["hover"],
+							values: [textVariants],
+							defaults: {
+								md: "label2",
+								lg: "label2"
+							}
+						})
+					}
+				}),
+				input: createLayerConfig({
+					label: "input",
+					properties: { height: createConfigurableProperty({
+						name: "height",
+						label: "Input element height",
+						typeOfFixture: ["spacingAliases"],
+						values: [spacingAliases],
+						defaults: {
+							md: "6",
+							lg: "6"
+						}
+					}) }
+				}),
+				startIcon: createLayerConfig({
+					label: "startIcon",
+					properties: { size: createConfigurableProperty({
+						name: "iconSize",
+						label: "Start icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [iconSizes],
+						defaults: {
+							md: "md",
+							lg: "md"
+						}
+					}) }
+				}),
+				endIcon: createLayerConfig({
+					label: "endIcon",
+					properties: { size: createConfigurableProperty({
+						name: "iconSize",
+						label: "End icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [iconSizes],
+						defaults: {
+							md: "md",
+							lg: "md"
+						}
+					}) }
+				}),
+				label: createLayerConfig({
+					label: "label",
+					properties: { textVariant: createConfigurableProperty({
+						name: "textVariant",
+						label: "Label text style",
+						typeOfFixture: ["textVariants"],
+						values: [textVariants],
+						defaults: {
+							md: "label4",
+							lg: "label4"
+						}
+					}) }
+				}),
+				helperIcon: createLayerConfig({
+					label: "helperIcon",
+					properties: { size: createConfigurableProperty({
+						name: "iconSize",
+						label: "Helper text icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [iconSizes],
+						defaults: {
+							md: "sm",
+							lg: "sm"
+						}
+					}) }
+				}),
+				helperText: createLayerConfig({
+					label: "helperText",
+					properties: { textVariant: createConfigurableProperty({
+						name: "textVariant",
+						label: "Label text style",
+						typeOfFixture: ["textVariants"],
+						values: [textVariants],
+						defaults: {
+							md: "label4",
+							lg: "label4"
+						}
+					}) }
+				})
+			}
+		}),
+		variant: createVariantConfigWithComponentStates({
+			label: "variant",
+			description: "",
+			isConfigurable: true,
+			options: ["default"],
+			default: "default",
+			componentStates: { value: createComponentStates({
+				label: "value",
+				options: ["filled", "empty"],
+				layers: {
+					root: createLayerConfig({
+						label: "root",
+						properties: {}
+					}),
+					inputWrapper: createLayerConfig({
+						label: "input",
+						properties: {
+							borderColor: createConfigurableProperty({
+								name: "borderColor",
+								label: "Border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									linePaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"focus-within",
+									"invalid",
+									"invalid&hover",
+									"invalid&pressed",
+									"readonly",
+									"disabled"
+								],
+								defaults: { default: "tertiary" }
+							}),
+							backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"focus-within",
+									"invalid",
+									"invalid&hover",
+									"invalid&pressed",
+									"readonly",
+									"disabled"
+								],
+								defaults: { default: "primary" }
+							})
+						}
+					}),
+					input: createLayerConfig({
+						label: "input",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Input text color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					inputPlaceholder: createLayerConfig({
+						label: "inputPlaceholder",
+						pseudoSelector: "::placeholder",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Input text color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					startIcon: createLayerConfig({
+						label: "startIcon",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Start icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					endIcon: createLayerConfig({
+						label: "endIcon",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "End icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					label: createLayerConfig({
+						label: "label",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					labelRequired: createLayerConfig({
+						label: "labelRequired",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Required color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					helperIcon: createLayerConfig({
+						label: "helperIcon",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Helper icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "muted" }
+						}) }
+					}),
+					helperText: createLayerConfig({
+						label: "helpText",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Helper text color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"focus-within",
+								"invalid",
+								"invalid&hover",
+								"invalid&pressed",
+								"readonly",
+								"disabled"
+							],
+							defaults: { default: "brand" }
+						}) }
+					})
+				}
+			}) }
+		})
+	}
+});
+
+//#endregion
+export { InputConfig };
+//# sourceMappingURL=input.js.map

package/dist/tokens/automation/configs/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../../src/tokens/automation/configs/input.ts"],"sourcesContent":["import {\n  alwaysPaletteAliases,\n  backgroundPaletteColors,\n  borderRadii,\n  borderWidths,\n  foregroundPaletteColors,\n  iconSizes,\n  linePaletteColors,\n  spacingAliases,\n  spectrumColors,\n  textVariants,\n} from '@yahoo/uds/fixtures';\nimport {\n  createComponentStates,\n  createConfigurableProperty,\n  createLayerConfig,\n  createVariantConfigWithComponentStates,\n  createVariantConfigWithProperties,\n} from '@yahoo/uds/tokens';\n\nimport type { ComponentConfig } from '../types';\n\nfunction defineComponentConfig<T extends ComponentConfig>(config: T): T {\n  return config;\n}\n\nexport const InputConfig = defineComponentConfig({\n  label: 'input',\n  description:\n    '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.',\n  variants: {\n    size: createVariantConfigWithProperties({\n      label: 'size',\n      isConfigurable: true,\n      options: ['md', 'lg'],\n      default: 'md',\n      description: '',\n      layers: {\n        root: createLayerConfig({\n          label: 'root',\n          properties: {},\n        }),\n        inputWrapper: createLayerConfig({\n          label: 'inputWrapper',\n          properties: {\n            spacingHorizontal: createConfigurableProperty({\n              name: 'spacingHorizontal',\n              label: 'Spacing horizontal',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                md: '3.5',\n                lg: '4',\n              },\n            }),\n            spacingVertical: createConfigurableProperty({\n              name: 'spacingVertical',\n              label: 'Spacing vertical',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                md: '2',\n                lg: '3.5',\n              },\n            }),\n            gap: createConfigurableProperty({\n              name: 'gap',\n              label: 'Gap',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                md: '3',\n                lg: '3',\n              },\n            }),\n            borderWidth: createConfigurableProperty({\n              name: 'borderWidth',\n              label: 'Border width',\n              typeOfFixture: ['borderWidths'],\n              values: [borderWidths],\n              // TODO: add for invalid clicked\n              pseudoStates: ['pressed', 'invalid'],\n              defaults: {\n                md: 'thin',\n                lg: 'thin',\n              },\n            }),\n            borderRadius: createConfigurableProperty({\n              name: 'borderRadius',\n              label: 'Border radius',\n              typeOfFixture: ['borderRadii'],\n              values: [borderRadii],\n              defaults: {\n                md: 'md',\n                lg: 'md',\n              },\n            }),\n            textVariant: createConfigurableProperty({\n              name: 'textVariant',\n              label: 'Input text style',\n              typeOfFixture: ['textVariants'],\n              pseudoStates: ['hover'],\n              values: [textVariants],\n              defaults: {\n                md: 'label2',\n                lg: 'label2',\n              },\n            }),\n          },\n        }),\n        input: createLayerConfig({\n          label: 'input',\n          properties: {\n            height: createConfigurableProperty({\n              name: 'height',\n              label: 'Input element height',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                md: '6',\n                lg: '6',\n              },\n            }),\n          },\n        }),\n        startIcon: createLayerConfig({\n          label: 'startIcon',\n          properties: {\n            size: createConfigurableProperty({\n              name: 'iconSize',\n              label: 'Start icon size',\n              typeOfFixture: ['iconSizes'],\n              values: [iconSizes],\n              defaults: {\n                md: 'md',\n                lg: 'md',\n              },\n            }),\n          },\n        }),\n        endIcon: createLayerConfig({\n          label: 'endIcon',\n          properties: {\n            size: createConfigurableProperty({\n              name: 'iconSize',\n              label: 'End icon size',\n              typeOfFixture: ['iconSizes'],\n              values: [iconSizes],\n              defaults: {\n                md: 'md',\n                lg: 'md',\n              },\n            }),\n          },\n        }),\n        label: createLayerConfig({\n          label: 'label',\n          properties: {\n            textVariant: createConfigurableProperty({\n              name: 'textVariant',\n              label: 'Label text style',\n              typeOfFixture: ['textVariants'],\n              values: [textVariants],\n              defaults: {\n                md: 'label4',\n                lg: 'label4',\n              },\n            }),\n          },\n        }),\n        helperIcon: createLayerConfig({\n          label: 'helperIcon',\n          properties: {\n            size: createConfigurableProperty({\n              name: 'iconSize',\n              label: 'Helper text icon size',\n              typeOfFixture: ['iconSizes'],\n              values: [iconSizes],\n              defaults: {\n                md: 'sm',\n                lg: 'sm',\n              },\n            }),\n          },\n        }),\n        helperText: createLayerConfig({\n          label: 'helperText',\n          properties: {\n            textVariant: createConfigurableProperty({\n              name: 'textVariant',\n              label: 'Label text style',\n              typeOfFixture: ['textVariants'],\n              values: [textVariants],\n              defaults: {\n                md: 'label4',\n                lg: 'label4',\n              },\n            }),\n          },\n        }),\n      },\n    }),\n    variant: createVariantConfigWithComponentStates({\n      label: 'variant',\n      description: '',\n      isConfigurable: true,\n      options: ['default'],\n      default: 'default',\n      componentStates: {\n        value: createComponentStates({\n          label: 'value',\n          options: ['filled', 'empty'],\n          layers: {\n            root: createLayerConfig({\n              label: 'root',\n              properties: {},\n            }),\n            inputWrapper: createLayerConfig({\n              label: 'input',\n              properties: {\n                borderColor: createConfigurableProperty({\n                  name: 'borderColor',\n                  label: 'Border color',\n                  typeOfFixture: ['spectrumColors', 'linePaletteColors', 'alwaysPaletteAliases'],\n                  values: [spectrumColors, linePaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'tertiary',\n                  },\n                }),\n                backgroundColor: createConfigurableProperty({\n                  name: 'backgroundColor',\n                  label: 'Background color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'backgroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, backgroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'primary',\n                  },\n                }),\n              },\n            }),\n            input: createLayerConfig({\n              label: 'input',\n              properties: {\n                // TODO: add placeholder configurable property\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Input text color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            inputPlaceholder: createLayerConfig({\n              label: 'inputPlaceholder',\n              pseudoSelector: '::placeholder',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Input text color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            startIcon: createLayerConfig({\n              label: 'startIcon',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Start icon color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            endIcon: createLayerConfig({\n              label: 'endIcon',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'End icon color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            label: createLayerConfig({\n              label: 'label',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Label color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            labelRequired: createLayerConfig({\n              label: 'labelRequired',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Required color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            helperIcon: createLayerConfig({\n              label: 'helperIcon',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Helper icon color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'muted',\n                  },\n                }),\n              },\n            }),\n            helperText: createLayerConfig({\n              label: 'helpText',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Helper text color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: [\n                    'hover',\n                    'pressed',\n                    'focus-within',\n                    'invalid',\n                    'invalid&hover',\n                    'invalid&pressed',\n                    'readonly',\n                    'disabled',\n                  ],\n                  defaults: {\n                    default: 'brand',\n                  },\n                }),\n              },\n            }),\n          },\n        }),\n      },\n    }),\n  },\n});\n"],"mappings":";;;;;AAsBA,SAAS,sBAAiD,QAAc;AACtE,QAAO;;AAGT,MAAa,cAAc,sBAAsB;CAC/C,OAAO;CACP,aACE;CACF,UAAU;EACR,MAAM,kCAAkC;GACtC,OAAO;GACP,gBAAgB;GAChB,SAAS,CAAC,MAAM,KAAK;GACrB,SAAS;GACT,aAAa;GACb,QAAQ;IACN,MAAM,kBAAkB;KACtB,OAAO;KACP,YAAY,EAAE;KACf,CAAC;IACF,cAAc,kBAAkB;KAC9B,OAAO;KACP,YAAY;MACV,mBAAmB,2BAA2B;OAC5C,MAAM;OACN,OAAO;OACP,eAAe,CAAC,iBAAiB;OACjC,QAAQ,CAAC,eAAe;OACxB,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACF,iBAAiB,2BAA2B;OAC1C,MAAM;OACN,OAAO;OACP,eAAe,CAAC,iBAAiB;OACjC,QAAQ,CAAC,eAAe;OACxB,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACF,KAAK,2BAA2B;OAC9B,MAAM;OACN,OAAO;OACP,eAAe,CAAC,iBAAiB;OACjC,QAAQ,CAAC,eAAe;OACxB,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACF,aAAa,2BAA2B;OACtC,MAAM;OACN,OAAO;OACP,eAAe,CAAC,eAAe;OAC/B,QAAQ,CAAC,aAAa;OAEtB,cAAc,CAAC,WAAW,UAAU;OACpC,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACF,cAAc,2BAA2B;OACvC,MAAM;OACN,OAAO;OACP,eAAe,CAAC,cAAc;OAC9B,QAAQ,CAAC,YAAY;OACrB,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACF,aAAa,2BAA2B;OACtC,MAAM;OACN,OAAO;OACP,eAAe,CAAC,eAAe;OAC/B,cAAc,CAAC,QAAQ;OACvB,QAAQ,CAAC,aAAa;OACtB,UAAU;QACR,IAAI;QACJ,IAAI;QACL;OACF,CAAC;MACH;KACF,CAAC;IACF,OAAO,kBAAkB;KACvB,OAAO;KACP,YAAY,EACV,QAAQ,2BAA2B;MACjC,MAAM;MACN,OAAO;MACP,eAAe,CAAC,iBAAiB;MACjC,QAAQ,CAAC,eAAe;MACxB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACF,WAAW,kBAAkB;KAC3B,OAAO;KACP,YAAY,EACV,MAAM,2BAA2B;MAC/B,MAAM;MACN,OAAO;MACP,eAAe,CAAC,YAAY;MAC5B,QAAQ,CAAC,UAAU;MACnB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACF,SAAS,kBAAkB;KACzB,OAAO;KACP,YAAY,EACV,MAAM,2BAA2B;MAC/B,MAAM;MACN,OAAO;MACP,eAAe,CAAC,YAAY;MAC5B,QAAQ,CAAC,UAAU;MACnB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACF,OAAO,kBAAkB;KACvB,OAAO;KACP,YAAY,EACV,aAAa,2BAA2B;MACtC,MAAM;MACN,OAAO;MACP,eAAe,CAAC,eAAe;MAC/B,QAAQ,CAAC,aAAa;MACtB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACF,YAAY,kBAAkB;KAC5B,OAAO;KACP,YAAY,EACV,MAAM,2BAA2B;MAC/B,MAAM;MACN,OAAO;MACP,eAAe,CAAC,YAAY;MAC5B,QAAQ,CAAC,UAAU;MACnB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACF,YAAY,kBAAkB;KAC5B,OAAO;KACP,YAAY,EACV,aAAa,2BAA2B;MACtC,MAAM;MACN,OAAO;MACP,eAAe,CAAC,eAAe;MAC/B,QAAQ,CAAC,aAAa;MACtB,UAAU;OACR,IAAI;OACJ,IAAI;OACL;MACF,CAAC,EACH;KACF,CAAC;IACH;GACF,CAAC;EACF,SAAS,uCAAuC;GAC9C,OAAO;GACP,aAAa;GACb,gBAAgB;GAChB,SAAS,CAAC,UAAU;GACpB,SAAS;GACT,iBAAiB,EACf,OAAO,sBAAsB;IAC3B,OAAO;IACP,SAAS,CAAC,UAAU,QAAQ;IAC5B,QAAQ;KACN,MAAM,kBAAkB;MACtB,OAAO;MACP,YAAY,EAAE;MACf,CAAC;KACF,cAAc,kBAAkB;MAC9B,OAAO;MACP,YAAY;OACV,aAAa,2BAA2B;QACtC,MAAM;QACN,OAAO;QACP,eAAe;SAAC;SAAkB;SAAqB;SAAuB;QAC9E,QAAQ;SAAC;SAAgB;SAAmB;SAAqB;QACjE,cAAc;SACZ;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACD;QACD,UAAU,EACR,SAAS,YACV;QACF,CAAC;OACF,iBAAiB,2BAA2B;QAC1C,MAAM;QACN,OAAO;QACP,eAAe;SACb;SACA;SACA;SACD;QACD,QAAQ;SAAC;SAAgB;SAAyB;SAAqB;QACvE,cAAc;SACZ;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACD;QACD,UAAU,EACR,SAAS,WACV;QACF,CAAC;OACH;MACF,CAAC;KACF,OAAO,kBAAkB;MACvB,OAAO;MACP,YAAY,EAEV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,kBAAkB,kBAAkB;MAClC,OAAO;MACP,gBAAgB;MAChB,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,WAAW,kBAAkB;MAC3B,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,SAAS,kBAAkB;MACzB,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,OAAO,kBAAkB;MACvB,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,eAAe,kBAAkB;MAC/B,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,YAAY,kBAAkB;MAC5B,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACF,YAAY,kBAAkB;MAC5B,OAAO;MACP,YAAY,EACV,OAAO,2BAA2B;OAChC,MAAM;OACN,OAAO;OACP,eAAe;QACb;QACA;QACA;QACD;OACD,QAAQ;QAAC;QAAgB;QAAyB;QAAqB;OACvE,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACD;OACD,UAAU,EACR,SAAS,SACV;OACF,CAAC,EACH;MACF,CAAC;KACH;IACF,CAAC,EACH;GACF,CAAC;EACH;CACF,CAAC"}