@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/components/dist/modal.config.d.ts

@@ -1,397 +0,0 @@
-import { ComponentConfig } from "../../config/dist/createConfig.js";
-//#region ../components/dist/modal.config.d.ts
-declare const modalConfig: ComponentConfig<{
-  Modal: {
-    readonly base: {
-      readonly overlay: {
-        readonly position: "fixed";
-        readonly inset: "0";
-        readonly zIndex: "50";
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "center";
-        readonly backgroundColor: "rgba(0,0,0,0.5)";
-        readonly motion: {
-          readonly initial: {
-            readonly opacity: 0;
-          };
-          readonly animate: {
-            readonly opacity: 1;
-          };
-          readonly exit: {
-            readonly opacity: 0;
-          };
-          readonly transition: {
-            readonly duration: 0.15;
-          };
-        };
-      };
-      readonly trigger: {
-        readonly display: "inline-block";
-        readonly cursor: "pointer";
-      };
-      readonly dismiss: {
-        readonly position: "absolute";
-        readonly inset: "0";
-        readonly background: "none";
-        readonly border: "none";
-        readonly padding: "0";
-        readonly cursor: "default";
-      };
-      readonly panel: {
-        readonly position: "relative";
-        readonly zIndex: "1";
-        readonly backgroundColor: string;
-        readonly borderRadius: string;
-        readonly padding: string;
-        readonly minWidth: "24rem";
-        readonly maxWidth: "32rem";
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly gap: string;
-        readonly borderWidth: string;
-        readonly borderColor: string;
-        readonly motion: {
-          readonly initial: {
-            readonly opacity: 0;
-            readonly scale: 0.95;
-            readonly y: 10;
-          };
-          readonly animate: {
-            readonly opacity: 1;
-            readonly scale: 1;
-            readonly y: 0;
-          };
-          readonly exit: {
-            readonly opacity: 0;
-            readonly scale: 0.95;
-            readonly y: 10;
-          };
-          readonly transition: {
-            readonly duration: 0.2;
-            readonly ease: [0.16, 1, 0.3, 1];
-          };
-        };
-      };
-      readonly title: {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontSize: "1.125rem";
-        readonly color: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly description: {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly maxInlineSize: "65ch";
-        readonly textWrap: "pretty";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly actions: {
-        readonly display: "flex";
-        readonly justifyContent: "flex-end";
-        readonly gap: string;
-        readonly paddingTop: string;
-      };
-    };
-  };
-}, {}>;
-type ModalConfig = typeof modalConfig;
-//#endregion
-export { ModalConfig, modalConfig };

package/dist/components/dist/modal.config.js

@@ -1,92 +0,0 @@
-import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
-import "../../foundational-presets/dist/index.js";
-import { textVariants } from "./text.config.js";
-//#region ../components/dist/modal.config.js
-const modalConfig = defaultFoundationPreset.defineComponent("Modal", ({ tokens }) => ({ base: {
-	overlay: {
-		position: "fixed",
-		inset: "0",
-		zIndex: "50",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		backgroundColor: "rgba(0,0,0,0.5)",
-		motion: {
-			initial: { opacity: 0 },
-			animate: { opacity: 1 },
-			exit: { opacity: 0 },
-			transition: { duration: .15 }
-		}
-	},
-	trigger: {
-		display: "inline-block",
-		cursor: "pointer"
-	},
-	dismiss: {
-		position: "absolute",
-		inset: "0",
-		background: "none",
-		border: "none",
-		padding: "0",
-		cursor: "default"
-	},
-	panel: {
-		position: "relative",
-		zIndex: "1",
-		backgroundColor: tokens.bg["elevation-1"],
-		borderRadius: tokens.radius.lg,
-		padding: tokens.spacing["6"],
-		minWidth: "24rem",
-		maxWidth: "32rem",
-		display: "flex",
-		flexDirection: "column",
-		gap: tokens.spacing["4"],
-		borderWidth: tokens.borderWidth.thin,
-		borderColor: tokens.borderColor.secondary,
-		motion: {
-			initial: {
-				opacity: 0,
-				scale: .95,
-				y: 10
-			},
-			animate: {
-				opacity: 1,
-				scale: 1,
-				y: 0
-			},
-			exit: {
-				opacity: 0,
-				scale: .95,
-				y: 10
-			},
-			transition: {
-				duration: .2,
-				ease: [
-					.16,
-					1,
-					.3,
-					1
-				]
-			}
-		}
-	},
-	title: {
-		...textVariants.headline,
-		fontSize: "1.125rem",
-		color: tokens.color["on-primary"]
-	},
-	description: {
-		...textVariants.label2,
-		color: tokens.color["on-secondary"],
-		maxInlineSize: "65ch",
-		textWrap: "pretty"
-	},
-	actions: {
-		display: "flex",
-		justifyContent: "flex-end",
-		gap: tokens.spacing["2"],
-		paddingTop: tokens.spacing["2"]
-	}
-} }));
-//#endregion
-export { modalConfig };