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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/tokens/automation/configs/badge.ts"],"sourcesContent":["import {\n  alwaysPaletteAliases,\n  backgroundPaletteColors,\n  borderRadii,\n  borderWidths,\n  foregroundPaletteColors,\n  iconSizes,\n  linePaletteColors,\n  shadowVariants,\n  shadowVariantsWithInvert,\n  spacingAliases,\n  spectrumColors,\n  textVariants,\n} from '@yahoo/uds/fixtures';\nimport {\n  createConfigurableProperty,\n  createLayerConfig,\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\n// TODO: add negative margin to the icon as a property\nexport const BadgeConfig = defineComponentConfig({\n  label: 'Badge',\n  description: 'Component for demo purposes and testing the automation',\n  variants: {\n    size: createVariantConfigWithProperties({\n      label: 'Size',\n      description: 'These sizes will apply across all variants',\n      isConfigurable: true,\n      default: 'md',\n      options: ['xs', 'sm', 'md', 'lg'],\n      layers: {\n        root: createLayerConfig({\n          label: 'root',\n          properties: {\n            spacingHorizontal: createConfigurableProperty({\n              name: 'spacingHorizontal',\n              label: 'Spacing horizontal',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                xs: '2',\n                sm: '4',\n                md: '6',\n                lg: '8',\n              },\n            }),\n            spacingVertical: createConfigurableProperty({\n              name: 'spacingVertical',\n              label: 'Spacing vertical',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                xs: '0.5',\n                sm: '1',\n                md: '1.5',\n                lg: '2',\n              },\n            }),\n            gap: createConfigurableProperty({\n              name: 'gap',\n              label: 'Gap',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                xs: '2',\n                sm: '4',\n                md: '6',\n                lg: '8',\n              },\n            }),\n            textVariant: createConfigurableProperty({\n              name: 'textVariant',\n              label: 'Text variant',\n              typeOfFixture: ['textVariants'],\n              values: [textVariants],\n              defaults: {\n                xs: 'label4',\n                sm: 'label3',\n                md: 'label2',\n                lg: 'label1',\n              },\n            }),\n          },\n        }),\n        icon: createLayerConfig({\n          label: 'icon',\n          properties: {\n            size: createConfigurableProperty({\n              name: 'iconSize',\n              label: 'Icon size',\n              typeOfFixture: ['iconSizes'],\n              values: [iconSizes],\n              defaults: {\n                xs: 'sm',\n                sm: 'sm',\n                md: 'md',\n                lg: 'lg',\n              },\n            }),\n          },\n        }),\n      },\n    }),\n    variant: createVariantConfigWithProperties({\n      label: 'Variants',\n      description: '',\n      isConfigurable: true,\n      default: 'primary',\n      options: [\n        'primary',\n        'secondary',\n        'brand',\n        'brand-secondary',\n        'alert',\n        'alert-secondary',\n        'warning',\n        'warning-secondary',\n        'positive',\n        'positive-secondary',\n        'info',\n        'info-secondary',\n      ],\n      layers: {\n        root: createLayerConfig({\n          label: 'root',\n          properties: {\n            backgroundColor: createConfigurableProperty({\n              name: 'backgroundColor',\n              label: 'Background color',\n              typeOfFixture: ['spectrumColors', 'backgroundPaletteColors', 'alwaysPaletteAliases'],\n              values: [spectrumColors, backgroundPaletteColors, alwaysPaletteAliases],\n              defaults: {\n                primary: 'primary',\n                secondary: 'secondary',\n                brand: 'brand',\n                'brand-secondary': 'brand-secondary',\n                alert: 'alert',\n                'alert-secondary': 'alert-secondary',\n                warning: 'warning',\n                'warning-secondary': 'warning-secondary',\n                positive: 'positive',\n                'positive-secondary': 'positive-secondary',\n                info: 'info',\n                'info-secondary': 'info-secondary',\n              },\n            }),\n            color: createConfigurableProperty({\n              name: 'color',\n              label: 'Text color',\n              typeOfFixture: ['spectrumColors', 'foregroundPaletteColors', 'alwaysPaletteAliases'],\n              values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n              defaults: {\n                primary: 'primary',\n                secondary: 'secondary',\n                brand: 'brand',\n                'brand-secondary': 'brand-secondary',\n                alert: 'alert',\n                'alert-secondary': 'alert-secondary',\n                warning: 'warning',\n                'warning-secondary': 'warning-secondary',\n                positive: 'positive',\n                'positive-secondary': 'positive-secondary',\n                info: 'info',\n                'info-secondary': 'info-secondary',\n              },\n            }),\n            borderWidth: createConfigurableProperty({\n              name: 'borderWidth',\n              label: 'Border width',\n              typeOfFixture: ['borderWidths'],\n              values: [borderWidths],\n              defaults: {\n                primary: 'thin',\n                secondary: 'none',\n                brand: 'none',\n                'brand-secondary': 'none',\n                alert: 'none',\n                'alert-secondary': 'none',\n                warning: 'none',\n                'warning-secondary': 'none',\n                positive: 'none',\n                'positive-secondary': 'none',\n                info: 'none',\n                'info-secondary': 'none',\n              },\n            }),\n            borderColor: createConfigurableProperty({\n              name: 'borderColor',\n              label: 'border color',\n              typeOfFixture: ['spectrumColors', 'linePaletteColors', 'alwaysPaletteAliases'],\n              values: [spectrumColors, linePaletteColors, alwaysPaletteAliases],\n              defaults: {\n                primary: 'primary',\n                secondary: 'secondary',\n                brand: 'brand',\n                'brand-secondary': 'brand-secondary',\n                alert: 'alert',\n                'alert-secondary': 'alert-secondary',\n                warning: 'warning',\n                'warning-secondary': 'warning-secondary',\n                positive: 'positive',\n                'positive-secondary': 'positive-secondary',\n                info: 'info',\n                'info-secondary': 'info-secondary',\n              },\n            }),\n            borderRadius: createConfigurableProperty({\n              name: 'borderRadius',\n              label: 'Border radius',\n              typeOfFixture: ['borderRadii'],\n              values: [borderRadii],\n              defaults: {\n                primary: 'sm',\n                secondary: 'sm',\n                brand: 'sm',\n                'brand-secondary': 'sm',\n                alert: 'sm',\n                'alert-secondary': 'sm',\n                warning: 'sm',\n                'warning-secondary': 'sm',\n                positive: 'sm',\n                'positive-secondary': 'sm',\n                info: 'sm',\n                'info-secondary': 'sm',\n              },\n            }),\n            shadow: createConfigurableProperty({\n              name: 'shadow',\n              label: 'Drop shadow',\n              typeOfFixture: ['shadowVariants'],\n              supportsCustom: true,\n              values: [shadowVariants],\n              defaults: {\n                primary: '2xl',\n                secondary: 'xl',\n                brand: 'md',\n                'brand-secondary': 'xl',\n                alert: 'xl',\n                'alert-secondary': 'xl',\n                warning: 'xl',\n                'warning-secondary': 'xl',\n                positive: 'xl',\n                'positive-secondary': 'xl',\n                info: 'xl',\n                'info-secondary': 'sm',\n              },\n            }),\n            insetShadow: createConfigurableProperty({\n              name: 'insetShadow',\n              label: 'Inset shadow',\n              typeOfFixture: ['shadowVariantsWithInvert'],\n              supportsCustom: true,\n              values: [shadowVariantsWithInvert],\n              defaults: {\n                primary: '2xl-invert',\n                secondary: 'md-invert',\n                brand: 'md',\n                'brand-secondary': 'xl',\n                alert: 'xl',\n                'alert-secondary': 'xl-invert',\n                warning: 'xl',\n                'warning-secondary': 'xl',\n                positive: 'xl',\n                'positive-secondary': 'xl',\n                info: 'xl',\n                'info-secondary': 'sm',\n              },\n            }),\n          },\n        }),\n        icon: createLayerConfig({\n          label: 'icon',\n          properties: {\n            color: createConfigurableProperty({\n              name: 'color',\n              label: 'Icon color',\n              typeOfFixture: ['spectrumColors', 'foregroundPaletteColors', 'alwaysPaletteAliases'],\n              values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n              defaults: {\n                primary: 'primary',\n                secondary: 'secondary',\n                brand: 'brand',\n                'brand-secondary': 'brand-secondary',\n                alert: 'alert',\n                'alert-secondary': 'alert-secondary',\n                warning: 'warning',\n                'warning-secondary': 'warning-secondary',\n                positive: 'positive',\n                'positive-secondary': 'positive-secondary',\n                info: 'info',\n                'info-secondary': 'info-secondary',\n              },\n            }),\n          },\n        }),\n      },\n    }),\n  },\n});\n"],"mappings":"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"}

package/dist/tokens/automation/configs/checkbox.cjs

@@ -0,0 +1,256 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_tokens_automation_utils_index = require('../utils/index.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+
+//#region src/tokens/automation/configs/checkbox.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const CheckboxConfig = defineComponentConfig({
+	label: "Checkbox",
+	description: "A checkbox is a small, interactive element that lets users select one or more options from a list.",
+	variants: {
+		size: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+			label: "size",
+			isConfigurable: true,
+			options: ["sm", "md"],
+			default: "md",
+			description: "",
+			layers: {
+				root: require_tokens_automation_utils_index.createLayerConfig({
+					label: "root",
+					properties: {
+						gap: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2.5"
+							}
+						}),
+						textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [__yahoo_uds_fixtures.textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				checkbox: require_tokens_automation_utils_index.createLayerConfig({
+					label: "checkbox",
+					properties: {
+						borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "borderWidth",
+							label: "Checkbox border width",
+							typeOfFixture: ["borderWidths"],
+							values: [__yahoo_uds_fixtures.borderWidths],
+							defaults: {
+								sm: "thin",
+								md: "thin"
+							}
+						}),
+						height: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "height",
+							label: "Checkbox height",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						}),
+						width: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "width",
+							label: "Checkbox width",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						})
+					}
+				})
+			}
+		}),
+		variant: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+			label: "variant",
+			description: "",
+			isConfigurable: true,
+			options: [
+				"primary",
+				"secondary",
+				"alert",
+				"alert-secondary"
+			],
+			default: "primary",
+			componentStates: { value: require_tokens_automation_utils_index.createComponentStates({
+				label: "value",
+				options: [
+					"checked",
+					"unchecked",
+					"indeterminate"
+				],
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"disabled"
+							],
+							defaults: {
+								primary: "primary",
+								secondary: "primary",
+								alert: "primary",
+								"alert-secondary": "primary"
+							}
+						}) }
+					}),
+					checkbox: require_tokens_automation_utils_index.createLayerConfig({
+						label: "checkbox",
+						properties: {
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "tertiary",
+									secondary: "tertiary",
+									alert: "tertiary",
+									"alert-secondary": "tertiary"
+								}
+							}),
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Checkbox background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "secondary",
+									secondary: "secondary",
+									alert: "secondary",
+									"alert-secondary": "secondary"
+								}
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "none",
+									secondary: "none",
+									alert: "md",
+									"alert-secondary": "none"
+								}
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "2xl-invert",
+									secondary: "md-invert",
+									alert: "md",
+									"alert-secondary": "xl"
+								}
+							})
+						}
+					}),
+					checkboxIcon: require_tokens_automation_utils_index.createLayerConfig({
+						label: "checkboxIcon",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"disabled"
+							],
+							defaults: {
+								primary: "primary",
+								secondary: "primary",
+								alert: "primary",
+								"alert-secondary": "primary"
+							}
+						}) }
+					})
+				}
+			}) }
+		})
+	}
+});
+
+//#endregion
+exports.CheckboxConfig = CheckboxConfig;

package/dist/tokens/automation/configs/checkbox.d.cts

@@ -0,0 +1,15 @@
+import { VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
+import "../../index.cjs";
+
+//#region src/tokens/automation/configs/checkbox.d.ts
+declare const CheckboxConfig: {
+  label: string;
+  description: string;
+  variants: {
+    size: VariantConfigWithProperties<string>;
+    variant: VariantConfigWithComponentStates<string>;
+  };
+};
+//#endregion
+export { CheckboxConfig };
+//# sourceMappingURL=checkbox.d.cts.map

package/dist/tokens/automation/configs/checkbox.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.cts","names":[],"sources":["../../../../src/tokens/automation/configs/checkbox.ts"],"sourcesContent":[],"mappings":";;;;cA0Ba;;;;IAAA,IAAA,CAAA,CAuMX,2BAAA,CAAA,MAAA,CAAA;aAAA"}

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

@@ -0,0 +1,15 @@
+import { VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
+import "../../index.js";
+
+//#region src/tokens/automation/configs/checkbox.d.ts
+declare const CheckboxConfig: {
+  label: string;
+  description: string;
+  variants: {
+    size: VariantConfigWithProperties<string>;
+    variant: VariantConfigWithComponentStates<string>;
+  };
+};
+//#endregion
+export { CheckboxConfig };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../../src/tokens/automation/configs/checkbox.ts"],"sourcesContent":[],"mappings":";;;;cA0Ba;;;;IAAA,IAAA,CAAA,CAuMX,2BAAA,CAAA,MAAA,CAAA;aAAA"}

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

@@ -0,0 +1,256 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties } from "../utils/index.js";
+import { alwaysPaletteAliases, backgroundPaletteColors, borderWidths, foregroundPaletteColors, linePaletteColors, shadowVariants, shadowVariantsWithInvert, spacingAliases, spectrumColors, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/configs/checkbox.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const CheckboxConfig = defineComponentConfig({
+	label: "Checkbox",
+	description: "A checkbox is a small, interactive element that lets users select one or more options from a list.",
+	variants: {
+		size: createVariantConfigWithProperties({
+			label: "size",
+			isConfigurable: true,
+			options: ["sm", "md"],
+			default: "md",
+			description: "",
+			layers: {
+				root: createLayerConfig({
+					label: "root",
+					properties: {
+						gap: createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2.5"
+							}
+						}),
+						textVariant: createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				checkbox: createLayerConfig({
+					label: "checkbox",
+					properties: {
+						borderWidth: createConfigurableProperty({
+							name: "borderWidth",
+							label: "Checkbox border width",
+							typeOfFixture: ["borderWidths"],
+							values: [borderWidths],
+							defaults: {
+								sm: "thin",
+								md: "thin"
+							}
+						}),
+						height: createConfigurableProperty({
+							name: "height",
+							label: "Checkbox height",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						}),
+						width: createConfigurableProperty({
+							name: "width",
+							label: "Checkbox width",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						})
+					}
+				})
+			}
+		}),
+		variant: createVariantConfigWithComponentStates({
+			label: "variant",
+			description: "",
+			isConfigurable: true,
+			options: [
+				"primary",
+				"secondary",
+				"alert",
+				"alert-secondary"
+			],
+			default: "primary",
+			componentStates: { value: createComponentStates({
+				label: "value",
+				options: [
+					"checked",
+					"unchecked",
+					"indeterminate"
+				],
+				layers: {
+					root: createLayerConfig({
+						label: "root",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"disabled"
+							],
+							defaults: {
+								primary: "primary",
+								secondary: "primary",
+								alert: "primary",
+								"alert-secondary": "primary"
+							}
+						}) }
+					}),
+					checkbox: createLayerConfig({
+						label: "checkbox",
+						properties: {
+							borderColor: createConfigurableProperty({
+								name: "borderColor",
+								label: "border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									linePaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "tertiary",
+									secondary: "tertiary",
+									alert: "tertiary",
+									"alert-secondary": "tertiary"
+								}
+							}),
+							backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Checkbox background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "secondary",
+									secondary: "secondary",
+									alert: "secondary",
+									"alert-secondary": "secondary"
+								}
+							}),
+							shadow: createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [shadowVariants],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "none",
+									secondary: "none",
+									alert: "md",
+									"alert-secondary": "none"
+								}
+							}),
+							insetShadow: createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [shadowVariantsWithInvert],
+								pseudoStates: [
+									"hover",
+									"pressed",
+									"disabled"
+								],
+								defaults: {
+									primary: "2xl-invert",
+									secondary: "md-invert",
+									alert: "md",
+									"alert-secondary": "xl"
+								}
+							})
+						}
+					}),
+					checkboxIcon: createLayerConfig({
+						label: "checkboxIcon",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: [
+								"hover",
+								"pressed",
+								"disabled"
+							],
+							defaults: {
+								primary: "primary",
+								secondary: "primary",
+								alert: "primary",
+								"alert-secondary": "primary"
+							}
+						}) }
+					})
+				}
+			}) }
+		})
+	}
+});
+
+//#endregion
+export { CheckboxConfig };
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../src/tokens/automation/configs/checkbox.ts"],"sourcesContent":["import {\n  alwaysPaletteAliases,\n  backgroundPaletteColors,\n  borderWidths,\n  foregroundPaletteColors,\n  linePaletteColors,\n  shadowVariants,\n  shadowVariantsWithInvert,\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 CheckboxConfig = defineComponentConfig({\n  label: 'Checkbox',\n  description:\n    'A checkbox is a small, interactive element that lets users select one or more options from a list.',\n  variants: {\n    size: createVariantConfigWithProperties({\n      label: 'size',\n      isConfigurable: true,\n      options: ['sm', 'md'],\n      default: 'md',\n      description: '',\n      layers: {\n        // TODO: add height and width once we support properties with random pixel values\n        root: createLayerConfig({\n          label: 'root',\n          properties: {\n            gap: createConfigurableProperty({\n              name: 'gap',\n              label: 'Gap',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '2',\n                md: '2.5',\n              },\n            }),\n            textVariant: createConfigurableProperty({\n              name: 'textVariant',\n              label: 'Text variant',\n              typeOfFixture: ['textVariants'],\n              values: [textVariants],\n              defaults: {\n                sm: 'label4',\n                md: 'label2',\n              },\n            }),\n          },\n        }),\n        checkbox: createLayerConfig({\n          label: 'checkbox',\n          properties: {\n            borderWidth: createConfigurableProperty({\n              name: 'borderWidth',\n              label: 'Checkbox border width',\n              typeOfFixture: ['borderWidths'],\n              values: [borderWidths],\n              defaults: {\n                sm: 'thin',\n                md: 'thin',\n              },\n            }),\n            height: createConfigurableProperty({\n              name: 'height',\n              label: 'Checkbox height',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '4',\n                md: '5',\n              },\n            }),\n            width: createConfigurableProperty({\n              name: 'width',\n              label: 'Checkbox width',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '4',\n                md: '5',\n              },\n            }),\n          },\n        }),\n      },\n    }),\n    variant: createVariantConfigWithComponentStates({\n      label: 'variant',\n      description: '',\n      isConfigurable: true,\n      options: ['primary', 'secondary', 'alert', 'alert-secondary'],\n      default: 'primary',\n      componentStates: {\n        value: createComponentStates({\n          label: 'value',\n          options: ['checked', 'unchecked', 'indeterminate'],\n          layers: {\n            root: createLayerConfig({\n              label: 'root',\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: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: 'primary',\n                    secondary: 'primary',\n                    alert: 'primary',\n                    'alert-secondary': 'primary',\n                  },\n                }),\n              },\n            }),\n            checkbox: createLayerConfig({\n              label: 'checkbox',\n              properties: {\n                // TODO: add shadow once we have it as configurable property\n                borderColor: createConfigurableProperty({\n                  name: 'borderColor',\n                  label: 'border color',\n                  typeOfFixture: ['spectrumColors', 'linePaletteColors', 'alwaysPaletteAliases'],\n                  values: [spectrumColors, linePaletteColors, alwaysPaletteAliases],\n                  pseudoStates: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: 'tertiary',\n                    secondary: 'tertiary',\n                    alert: 'tertiary',\n                    'alert-secondary': 'tertiary',\n                  },\n                }),\n                backgroundColor: createConfigurableProperty({\n                  name: 'backgroundColor',\n                  label: 'Checkbox background color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'backgroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, backgroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: 'secondary',\n                    secondary: 'secondary',\n                    alert: 'secondary',\n                    'alert-secondary': 'secondary',\n                  },\n                }),\n                shadow: createConfigurableProperty({\n                  name: 'shadow',\n                  label: 'Drop shadow',\n                  typeOfFixture: ['shadowVariants'],\n                  supportsCustom: true,\n                  values: [shadowVariants],\n                  pseudoStates: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: 'none',\n                    secondary: 'none',\n                    alert: 'md',\n                    'alert-secondary': 'none',\n                  },\n                }),\n                insetShadow: createConfigurableProperty({\n                  name: 'insetShadow',\n                  label: 'Inset shadow',\n                  typeOfFixture: ['shadowVariantsWithInvert'],\n                  supportsCustom: true,\n                  values: [shadowVariantsWithInvert],\n                  pseudoStates: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: '2xl-invert',\n                    secondary: 'md-invert',\n                    alert: 'md',\n                    'alert-secondary': 'xl',\n                  },\n                }),\n              },\n            }),\n            checkboxIcon: createLayerConfig({\n              label: 'checkboxIcon',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Icon color',\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  pseudoStates: ['hover', 'pressed', 'disabled'],\n                  defaults: {\n                    primary: 'primary',\n                    secondary: 'primary',\n                    alert: 'primary',\n                    'alert-secondary': 'primary',\n                  },\n                }),\n              },\n            }),\n          },\n        }),\n      },\n    }),\n  },\n});\n"],"mappings":"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"}