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

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

@@ -0,0 +1,296 @@
+/*! © 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/switch.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const SwitchConfig = defineComponentConfig({
+	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: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+			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: true,
+			componentStates: { active: require_tokens_automation_utils_index.createComponentStates({
+				label: "active",
+				options: ["on", "off"],
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: { labelColor: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							defaults: { default: "secondary" }
+						}) }
+					}),
+					switch: require_tokens_automation_utils_index.createLayerConfig({
+						label: "switch",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Track background color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "Track border color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handle: require_tokens_automation_utils_index.createLayerConfig({
+						label: "handle",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Handle color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "primary" }
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handleIcon: require_tokens_automation_utils_index.createLayerConfig({
+						label: "handleIcon",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [__yahoo_uds_fixtures.spectrumColors, __yahoo_uds_fixtures.foregroundPaletteColors],
+							defaults: { default: "brand" }
+						}) }
+					})
+				}
+			}) }
+		}),
+		size: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+			label: "Size",
+			description: "These sizes will apply across all variants",
+			isConfigurable: true,
+			default: "md",
+			options: ["sm", "md"],
+			layers: {
+				root: require_tokens_automation_utils_index.createLayerConfig({
+					label: "root",
+					properties: {
+						spacingHorizontal: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "spacingHorizontal",
+							label: "Spacing horizontal",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "0",
+								md: "0"
+							}
+						}),
+						spacingVertical: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "spacingVertical",
+							label: "Spacing vertical",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "1",
+								md: "1.5"
+							}
+						}),
+						gap: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2"
+							}
+						}),
+						textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [__yahoo_uds_fixtures.textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				switch: require_tokens_automation_utils_index.createLayerConfig({
+					label: "switch",
+					properties: {
+						height: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "5",
+								md: "7"
+							}
+						}),
+						width: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "8",
+								md: "12"
+							}
+						}),
+						borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "borderWidth",
+							label: "Track border width",
+							typeOfFixture: ["borderWidths"],
+							values: [__yahoo_uds_fixtures.borderWidths],
+							defaults: {
+								sm: "none",
+								md: "none"
+							}
+						}),
+						padding: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "padding",
+							label: "Track padding",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "0.5",
+								md: "0.5"
+							}
+						})
+					}
+				}),
+				handle: require_tokens_automation_utils_index.createLayerConfig({
+					label: "Handle",
+					properties: {
+						height: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						}),
+						width: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						})
+					}
+				}),
+				handleIcon: require_tokens_automation_utils_index.createLayerConfig({
+					label: "Icon",
+					properties: { size: require_tokens_automation_utils_index.createConfigurableProperty({
+						name: "iconSize",
+						label: "Icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [__yahoo_uds_fixtures.iconSizes],
+						defaults: {
+							sm: "sm",
+							md: "sm"
+						}
+					}) }
+				})
+			}
+		})
+	}
+});
+
+//#endregion
+exports.SwitchConfig = SwitchConfig;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.cts","names":[],"sources":["../../../../src/tokens/automation/configs/switch.ts"],"sourcesContent":[],"mappings":";;;;cA+Ba;;;;IAAA,OAAA,CAAA,CAmSX,gCAAA,CAAA,MAAA,CAAA;UAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../../../src/tokens/automation/configs/switch.ts"],"sourcesContent":[],"mappings":";;;;cA+Ba;;;;IAAA,OAAA,CAAA,CAmSX,gCAAA,CAAA,MAAA,CAAA;UAAA"}

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

@@ -0,0 +1,296 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties } from "../utils/index.js";
+import { alwaysPaletteAliases, backgroundPaletteColors, borderWidths, foregroundPaletteColors, iconSizes, linePaletteColors, shadowVariants, shadowVariantsWithInvert, spacingAliases, spectrumColors, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/configs/switch.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const SwitchConfig = defineComponentConfig({
+	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: createVariantConfigWithComponentStates({
+			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: true,
+			componentStates: { active: createComponentStates({
+				label: "active",
+				options: ["on", "off"],
+				layers: {
+					root: createLayerConfig({
+						label: "root",
+						properties: { labelColor: createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							defaults: { default: "secondary" }
+						}) }
+					}),
+					switch: createLayerConfig({
+						label: "switch",
+						properties: {
+							backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Track background color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							borderColor: createConfigurableProperty({
+								name: "borderColor",
+								label: "Track border color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									linePaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							shadow: createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handle: createLayerConfig({
+						label: "handle",
+						properties: {
+							backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Handle color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "primary" }
+							}),
+							shadow: createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handleIcon: createLayerConfig({
+						label: "handleIcon",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [spectrumColors, foregroundPaletteColors],
+							defaults: { default: "brand" }
+						}) }
+					})
+				}
+			}) }
+		}),
+		size: createVariantConfigWithProperties({
+			label: "Size",
+			description: "These sizes will apply across all variants",
+			isConfigurable: true,
+			default: "md",
+			options: ["sm", "md"],
+			layers: {
+				root: createLayerConfig({
+					label: "root",
+					properties: {
+						spacingHorizontal: createConfigurableProperty({
+							name: "spacingHorizontal",
+							label: "Spacing horizontal",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "0",
+								md: "0"
+							}
+						}),
+						spacingVertical: createConfigurableProperty({
+							name: "spacingVertical",
+							label: "Spacing vertical",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "1",
+								md: "1.5"
+							}
+						}),
+						gap: createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2"
+							}
+						}),
+						textVariant: createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				switch: createLayerConfig({
+					label: "switch",
+					properties: {
+						height: createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "5",
+								md: "7"
+							}
+						}),
+						width: createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "8",
+								md: "12"
+							}
+						}),
+						borderWidth: createConfigurableProperty({
+							name: "borderWidth",
+							label: "Track border width",
+							typeOfFixture: ["borderWidths"],
+							values: [borderWidths],
+							defaults: {
+								sm: "none",
+								md: "none"
+							}
+						}),
+						padding: createConfigurableProperty({
+							name: "padding",
+							label: "Track padding",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "0.5",
+								md: "0.5"
+							}
+						})
+					}
+				}),
+				handle: createLayerConfig({
+					label: "Handle",
+					properties: {
+						height: createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						}),
+						width: createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						})
+					}
+				}),
+				handleIcon: createLayerConfig({
+					label: "Icon",
+					properties: { size: createConfigurableProperty({
+						name: "iconSize",
+						label: "Icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [iconSizes],
+						defaults: {
+							sm: "sm",
+							md: "sm"
+						}
+					}) }
+				})
+			}
+		})
+	}
+});
+
+//#endregion
+export { SwitchConfig };
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../../../src/tokens/automation/configs/switch.ts"],"sourcesContent":["import {\n  alwaysPaletteAliases,\n  backgroundPaletteColors,\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  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  // TODO: validation\n  // All subcomponents should have the same variants\n  // The default variant needs to be consistent between sub variants\n  return config;\n}\n\n// TODO: finish the implementation\nexport const SwitchConfig = defineComponentConfig({\n  label: 'Switch',\n  description:\n    '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.',\n  variants: {\n    variant: createVariantConfigWithComponentStates({\n      label: 'Variant',\n      description:\n        '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.',\n      default: 'default',\n      options: ['default'],\n      isConfigurable: true,\n      componentStates: {\n        active: createComponentStates({\n          label: 'active',\n          options: ['on', 'off'],\n          layers: {\n            root: createLayerConfig({\n              label: 'root',\n              properties: {\n                labelColor: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Label color',\n                  pseudoStates: ['hover'],\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors, alwaysPaletteAliases],\n                  defaults: {\n                    default: 'secondary',\n                  },\n                }),\n              },\n            }),\n            switch: createLayerConfig({\n              label: 'switch',\n              properties: {\n                backgroundColor: createConfigurableProperty({\n                  name: 'backgroundColor',\n                  label: 'Track background color',\n                  pseudoStates: ['hover'],\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'backgroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, backgroundPaletteColors, alwaysPaletteAliases],\n                  defaults: {\n                    default: 'brand',\n                  },\n                }),\n                borderColor: createConfigurableProperty({\n                  name: 'borderColor',\n                  label: 'Track border color',\n                  pseudoStates: ['hover'],\n                  typeOfFixture: ['spectrumColors', 'linePaletteColors', 'alwaysPaletteAliases'],\n                  values: [spectrumColors, linePaletteColors, alwaysPaletteAliases],\n                  defaults: {\n                    default: 'brand',\n                  },\n                }),\n                shadow: createConfigurableProperty({\n                  name: 'shadow',\n                  label: 'Drop shadow',\n                  typeOfFixture: ['shadowVariants'],\n                  supportsCustom: true,\n                  values: [shadowVariants],\n                  pseudoStates: ['hover'],\n                  defaults: {\n                    default: 'xl',\n                  },\n                }),\n                insetShadow: createConfigurableProperty({\n                  name: 'insetShadow',\n                  label: 'Inset shadow',\n                  typeOfFixture: ['shadowVariantsWithInvert'],\n                  supportsCustom: true,\n                  values: [shadowVariantsWithInvert],\n                  pseudoStates: ['hover'],\n                  defaults: {\n                    default: '2xl-invert',\n                  },\n                }),\n              },\n            }),\n            handle: createLayerConfig({\n              label: 'handle',\n              properties: {\n                backgroundColor: createConfigurableProperty({\n                  name: 'backgroundColor',\n                  label: 'Handle color',\n                  pseudoStates: ['hover'],\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'backgroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, backgroundPaletteColors, alwaysPaletteAliases],\n                  defaults: {\n                    default: 'primary',\n                  },\n                }),\n                shadow: createConfigurableProperty({\n                  name: 'shadow',\n                  label: 'Drop shadow',\n                  typeOfFixture: ['shadowVariants'],\n                  supportsCustom: true,\n                  values: [shadowVariants],\n                  pseudoStates: ['hover'],\n                  defaults: {\n                    default: 'xl',\n                  },\n                }),\n                insetShadow: createConfigurableProperty({\n                  name: 'insetShadow',\n                  label: 'Inset shadow',\n                  typeOfFixture: ['shadowVariantsWithInvert'],\n                  supportsCustom: true,\n                  values: [shadowVariantsWithInvert],\n                  pseudoStates: ['hover'],\n                  defaults: {\n                    default: '2xl-invert',\n                  },\n                }),\n              },\n            }),\n            handleIcon: createLayerConfig({\n              label: 'handleIcon',\n              properties: {\n                color: createConfigurableProperty({\n                  name: 'color',\n                  label: 'Icon color',\n                  pseudoStates: ['hover'],\n                  typeOfFixture: [\n                    'spectrumColors',\n                    'foregroundPaletteColors',\n                    'alwaysPaletteAliases',\n                  ],\n                  values: [spectrumColors, foregroundPaletteColors],\n                  defaults: {\n                    default: 'brand',\n                  },\n                }),\n              },\n            }),\n          },\n        }),\n      },\n    }),\n    size: createVariantConfigWithProperties({\n      label: 'Size',\n      description: 'These sizes will apply across all variants',\n      isConfigurable: true,\n      default: 'md',\n      options: ['sm', 'md'],\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                sm: '0',\n                md: '0',\n              },\n            }),\n            spacingVertical: createConfigurableProperty({\n              name: 'spacingVertical',\n              label: 'Spacing vertical',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '1',\n                md: '1.5',\n              },\n            }),\n            gap: createConfigurableProperty({\n              name: 'gap',\n              label: 'Gap',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '2',\n                md: '2',\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        switch: createLayerConfig({\n          label: 'switch',\n          properties: {\n            height: createConfigurableProperty({\n              name: 'height',\n              label: 'Track height',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '5',\n                md: '7',\n              },\n            }),\n            width: createConfigurableProperty({\n              name: 'width',\n              label: 'Track width',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '8',\n                md: '12',\n              },\n            }),\n            borderWidth: createConfigurableProperty({\n              name: 'borderWidth',\n              label: 'Track border width',\n              typeOfFixture: ['borderWidths'],\n              values: [borderWidths],\n              defaults: {\n                sm: 'none',\n                md: 'none',\n              },\n            }),\n            padding: createConfigurableProperty({\n              name: 'padding',\n              label: 'Track padding',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '0.5',\n                md: '0.5',\n              },\n            }),\n          },\n        }),\n        handle: createLayerConfig({\n          label: 'Handle',\n          properties: {\n            height: createConfigurableProperty({\n              name: 'height',\n              label: 'Track height',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '4',\n                md: '6',\n              },\n            }),\n            width: createConfigurableProperty({\n              name: 'width',\n              label: 'Track width',\n              typeOfFixture: ['spacingAliases'],\n              values: [spacingAliases],\n              defaults: {\n                sm: '4',\n                md: '6',\n              },\n            }),\n          },\n        }),\n        handleIcon: 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                sm: 'sm',\n                md: 'sm',\n              },\n            }),\n          },\n        }),\n      },\n    }),\n  },\n});\n"],"mappings":"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"}