@yahoo/uds-v5-wip 0.0.1

package/dist/components/dist/control-knob.config.js

@@ -0,0 +1,67 @@
+import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
+import "../../foundational-presets/dist/index.js";
+import { textVariants } from "./text.config.js";
+//#region ../components/dist/control-knob.config.js
+const controlKnobConfig = defaultFoundationPreset.defineComponent("ControlKnob", ({ tokens }) => ({
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			gap: "8px",
+			userSelect: "none"
+		},
+		track: {
+			stroke: tokens.bg.secondary,
+			fill: "none",
+			strokeLinecap: "round"
+		},
+		fill: {
+			stroke: tokens.bg.brand,
+			fill: "none",
+			strokeLinecap: "round",
+			transition: "stroke-dashoffset 0.1s ease"
+		},
+		thumb: {
+			fill: tokens.bg.primary,
+			stroke: tokens.borderColor.brand,
+			cursor: "pointer",
+			filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.15))"
+		},
+		label: {
+			...textVariants.label1,
+			color: tokens.color["on-secondary"]
+		},
+		value: {
+			...textVariants.code,
+			color: tokens.color["on-secondary"]
+		}
+	},
+	variants: { size: {
+		sm: {
+			root: { gap: "4px" },
+			track: { strokeWidth: "3" },
+			fill: { strokeWidth: "3" },
+			thumb: { strokeWidth: "1.5" },
+			label: { ...textVariants.label3 },
+			value: { ...textVariants.label3 }
+		},
+		md: {
+			root: {},
+			track: { strokeWidth: "5" },
+			fill: { strokeWidth: "5" },
+			thumb: { strokeWidth: "2" }
+		},
+		lg: {
+			root: { gap: "12px" },
+			track: { strokeWidth: "6" },
+			fill: { strokeWidth: "6" },
+			thumb: { strokeWidth: "2.5" },
+			label: { ...textVariants.label1 },
+			value: { ...textVariants.label1 }
+		}
+	} },
+	defaultVariants: { size: "sm" }
+}));
+//#endregion
+export { controlKnobConfig };