@yahoo/uds-v5-wip 1.36.0 → 1.37.0

package/dist/foundational-presets/dist/defaultPreset.js

@@ -1,5 +1,6 @@
 import { uds } from "../../config/dist/createConfig.js";
 import "../../config/dist/index.js";
+import { style_props_exports } from "./style-props.js";
 //#region ../foundational-presets/dist/defaultPreset.js
 const defaultFoundationPreset = uds.defineModes({
 	colorMode: { options: { dark: { css: ".dark" } } },
@@ -609,317 +610,6 @@ const defaultFoundationPreset = uds.defineModes({
 		serif: { value: "Georgia, Times, Times New Roman, serif" },
 		mono: { value: "var(--uds-font-family-geist-mono, Menlo, Monaco, Courier New, monospace)" }
 	}
-}).defineClassNames({
-	color: "text",
-	bg: "bg",
-	borderColor: "border-color",
-	borderYColor: "border-y-color",
-	borderXColor: "border-x-color",
-	borderStartColor: "border-s-color",
-	borderLeftColor: "border-l-color",
-	borderEndColor: "border-e-color",
-	borderRightColor: "border-r-color",
-	borderTopColor: "border-t-color",
-	borderBottomColor: "border-b-color",
-	caretColor: "caret",
-	ringColor: "ring-color",
-	ringOffsetColor: "ring-offset-color",
-	textDecorationColor: "decoration",
-	fillColor: "fill",
-	strokeColor: "stroke",
-	shadowColor: "shadow-color",
-	borderWidth: "border-w",
-	borderYWidth: "border-y-w",
-	borderXWidth: "border-x-w",
-	borderStartWidth: "border-s-w",
-	borderLeftWidth: "border-l-w",
-	borderEndWidth: "border-e-w",
-	borderRightWidth: "border-r-w",
-	borderTopWidth: "border-t-w",
-	borderBottomWidth: "border-b-w",
-	outlineWidth: "outline-w",
-	outlineOffset: "outline-offset",
-	divideWidth: "divide",
-	ringWidth: "ring-w",
-	ringOffsetWidth: "ring-offset-w",
-	fontWeight: "font",
-	lineHeight: "leading",
-	letterSpacing: "tracking",
-	spacing: "p",
-	spacingX: "px",
-	spacingY: "py",
-	spacingTop: "pt",
-	spacingBottom: "pb",
-	spacingLeft: "pl",
-	spacingRight: "pr",
-	spacingStart: "ps",
-	spacingEnd: "pe",
-	width: "w",
-	minWidth: "min-w",
-	maxWidth: "max-w",
-	height: "h",
-	minHeight: "min-h",
-	maxHeight: "max-h",
-	gap: "gap",
-	gapX: "gap-x",
-	gapY: "gap-y",
-	offset: "offset",
-	offsetX: "offset-x",
-	offsetY: "offset-y",
-	offsetTop: "offset-t",
-	offsetBottom: "offset-b",
-	offsetLeft: "offset-l",
-	offsetRight: "offset-r",
-	offsetStart: "offset-s",
-	offsetEnd: "offset-e",
-	margin: "m",
-	marginX: "mx",
-	marginY: "my",
-	marginTop: "mt",
-	marginBottom: "mb",
-	marginLeft: "ml",
-	marginRight: "mr",
-	marginStart: "ms",
-	marginEnd: "me",
-	inset: "inset",
-	top: "top",
-	right: "right",
-	bottom: "bottom",
-	left: "left",
-	insetX: "inset-x",
-	insetY: "inset-y",
-	indent: "indent",
-	scrollSnapGap: "snap-gap",
-	scrollSnapGapTop: "snap-gap-t",
-	scrollSnapGapBottom: "snap-gap-b",
-	scrollSnapGapStart: "snap-gap-s",
-	scrollSnapGapEnd: "snap-gap-e",
-	scrollSnapGapX: "snap-gap-x",
-	scrollSnapGapY: "snap-gap-y",
-	scrollSnapSpacing: "snap-p",
-	scrollSnapSpacingTop: "snap-pt",
-	scrollSnapSpacingBottom: "snap-pb",
-	scrollSnapSpacingStart: "snap-ps",
-	scrollSnapSpacingEnd: "snap-pe",
-	scrollSnapSpacingX: "snap-px",
-	scrollSnapSpacingY: "snap-py",
-	tableBorderSpacing: "table-spacing",
-	tableBorderSpacingX: "table-spacing-x",
-	tableBorderSpacingY: "table-spacing-y",
-	aspectRatio: "aspect",
-	flex: "flex",
-	flexGrow: "grow",
-	flexShrink: "shrink",
-	opacity: "opacity",
-	colorOpacity: "text-opacity",
-	bgOpacity: "bg-opacity",
-	borderColorOpacity: "border-opacity",
-	borderYColorOpacity: "border-y-opacity",
-	borderXColorOpacity: "border-x-opacity",
-	borderStartColorOpacity: "border-s-opacity",
-	borderLeftColorOpacity: "border-l-opacity",
-	borderEndColorOpacity: "border-e-opacity",
-	borderRightColorOpacity: "border-r-opacity",
-	borderTopColorOpacity: "border-t-opacity",
-	borderBottomColorOpacity: "border-b-opacity",
-	divideColorOpacity: "divide-opacity",
-	outlineColorOpacity: "outline-opacity",
-	ringColorOpacity: "ring-opacity",
-	ringOffsetColorOpacity: "ring-offset-opacity",
-	textDecorationColorOpacity: "decoration-opacity",
-	fillColorOpacity: "fill-opacity",
-	strokeColorOpacity: "stroke-opacity",
-	shadowColorOpacity: "shadow-opacity",
-	caretColorOpacity: "caret-opacity",
-	borderRadius: "rounded",
-	borderRadiusTop: "rounded-t",
-	borderRadiusBottom: "rounded-b",
-	borderRadiusStart: "rounded-s",
-	borderRadiusEnd: "rounded-e",
-	borderRadiusTopStart: "rounded-ss",
-	borderRadiusTopEnd: "rounded-se",
-	borderRadiusBottomStart: "rounded-es",
-	borderRadiusBottomEnd: "rounded-ee",
-	animation: "animation",
-	shadow: "shadow",
-	blur: "blur",
-	backdropBlur: "backdrop-blur",
-	textShadow: "text-shadow",
-	zIndex: "z",
-	rotate: "rotate",
-	scale: "scale",
-	scaleX: "scale-x",
-	scaleY: "scale-y",
-	skewX: "skew-x",
-	skewY: "skew-y",
-	translateX: "translate-x",
-	translateY: "translate-y",
-	strokeWidth: "stroke-w",
-	fontFamily: "font-family"
-}).defineScopes({
-	color: [
-		"textColor",
-		"background",
-		"borderColor",
-		"outlineColor",
-		"ringColor",
-		"divideColor",
-		"shadowColor",
-		"svgFill",
-		"svgStroke",
-		"caretColor",
-		"textDecorationColor"
-	],
-	bg: ["background"],
-	borderColor: ["borderColor"],
-	borderWidth: ["borderWidth"],
-	outlineWidth: ["outlineWidth"],
-	outlineOffset: ["outlineWidth"],
-	divideWidth: ["divideWidth"],
-	ringWidth: ["ringWidth"],
-	ringOffsetWidth: ["ringWidth"],
-	opacity: [
-		"opacity",
-		"colorOpacity",
-		"bgOpacity",
-		"borderColorOpacity",
-		"divideColorOpacity",
-		"outlineColorOpacity",
-		"ringColorOpacity",
-		"textDecorationColorOpacity",
-		"svgFillOpacity",
-		"svgStrokeOpacity",
-		"shadowColorOpacity",
-		"caretColorOpacity"
-	],
-	spacing: [
-		"padding",
-		"gap",
-		"margin",
-		"offset",
-		"indent",
-		"scrollSnapGap",
-		"scrollSnapSpacing",
-		"tableBorderSpacing",
-		"width",
-		"height",
-		"positionPlacement"
-	],
-	size: ["width", "height"],
-	w: ["width"],
-	h: ["height"],
-	position: ["positionPlacement"],
-	radius: ["borderRadius"],
-	fontWeight: ["fontWeight"],
-	lineHeight: ["lineHeight"],
-	letterSpacing: ["letterSpacing"],
-	fontFamily: ["fontFamily"],
-	aspectRatio: ["aspectRatio"],
-	flex: ["flex"],
-	flexGrow: ["flex"],
-	flexShrink: ["flex"],
-	animation: ["animation"],
-	shadow: ["shadow"],
-	blur: ["blur", "backdropBlur"],
-	textShadow: ["textShadow"],
-	zIndex: ["zIndex"],
-	rotate: ["transform"],
-	scale: ["transform"],
-	skew: ["transform"],
-	translate: ["transform"],
-	strokeWidth: ["strokeWidth"]
-}).defineArbitraryTokens([{
-	properties: [
-		"color",
-		"bg",
-		"borderColor",
-		"borderYColor",
-		"borderXColor",
-		"borderStartColor",
-		"borderLeftColor",
-		"borderEndColor",
-		"borderRightColor",
-		"borderTopColor",
-		"borderBottomColor",
-		"divideColor",
-		"outlineColor",
-		"ringColor",
-		"ringOffsetColor",
-		"textDecorationColor",
-		"fillColor",
-		"strokeColor",
-		"shadowColor",
-		"caretColor",
-		"spacing",
-		"spacingX",
-		"spacingY",
-		"spacingTop",
-		"spacingBottom",
-		"spacingLeft",
-		"spacingRight",
-		"spacingStart",
-		"spacingEnd",
-		"width",
-		"minWidth",
-		"maxWidth",
-		"height",
-		"minHeight",
-		"maxHeight",
-		"gap",
-		"gapX",
-		"gapY",
-		"margin",
-		"marginX",
-		"marginY",
-		"marginTop",
-		"marginBottom",
-		"marginLeft",
-		"marginRight",
-		"marginStart",
-		"marginEnd",
-		"offset",
-		"offsetX",
-		"offsetY",
-		"offsetTop",
-		"offsetBottom",
-		"offsetLeft",
-		"offsetRight",
-		"offsetStart",
-		"offsetEnd",
-		"opacity",
-		"inset",
-		"insetX",
-		"insetY",
-		"top",
-		"right",
-		"bottom",
-		"left",
-		"borderRadius",
-		"borderRadiusTop",
-		"borderRadiusBottom",
-		"borderRadiusStart",
-		"borderRadiusEnd",
-		"borderRadiusTopStart",
-		"borderRadiusTopEnd",
-		"borderRadiusBottomStart",
-		"borderRadiusBottomEnd",
-		"borderWidth",
-		"fontSize",
-		"shadow",
-		"textShadow",
-		"flex",
-		"aspectRatio",
-		"zIndex",
-		"translateX",
-		"translateY",
-		"scale",
-		"scaleX",
-		"scaleY",
-		"rotate",
-		"skewX",
-		"skewY"
-	],
-	pattern: "[${string}]"
-}]);
+}).registerStyleProps(style_props_exports);
 //#endregion
 export { defaultFoundationPreset };