npm - @yahoo/uds - Versions diffs - 3.145.0 → 3.146.0 - Mend

@yahoo/uds 3.145.0 → 3.146.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (129) hide show

package/dist/config/dist/index.js CHANGED Viewed

@@ -13858,7 +13858,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13892,7 +13892,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13928,7 +13928,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14007,7 +14007,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14088,7 +14088,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14167,7 +14167,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14248,7 +14248,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14327,7 +14327,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14408,7 +14408,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14487,7 +14487,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14568,7 +14568,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14647,7 +14647,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -17110,6 +17110,391 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	paddleNav: {
+		defaults: {
+			size: "md",
+			variant: "primary"
+		},
+		variables: {
+			"size/lg/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/lg/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "3.5",
+					valueType: "alias"
+				} }
+			},
+			"size/md/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/md/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} }
+			},
+			"size/sm/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/sm/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"size/xl/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/xl/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} }
+			},
+			"size/xs/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/xs/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"variant/primary/background": {
+				backgroundColor: {
+					hover: {
+						type: "spectrumColors",
+						value: "carbon-1",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "spectrumColors",
+						value: "carbon-2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/primary/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/root": {
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/background": {
+				backgroundColor: {
+					hover: {
+						type: "spectrumColors",
+						value: "carbon-2",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "spectrumColors",
+						value: "carbon-3",
+						valueType: "alias"
+					},
+					rest: {
+						type: "spectrumColors",
+						value: "carbon-1",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/secondary/root": {
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/background": {
+				backgroundColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "50",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "70",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "30",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/icon": { color: {
+				hover: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				},
+				rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				}
+			} },
+			"variant/tertiary/root": {
+				borderColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			}
+		}
+	},
 	popover: {
 		defaults: {
 			size: "default",
@@ -28562,8 +28947,8 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.93.0",
-	version: "v0.93.0"
+	version: "v0.94.0",
+	version: "v0.94.0"
 };
 //#endregion
 export { defaultTokensConfig };