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

@yahoo/uds 3.145.0-beta.4 → 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 (131) hide show

package/dist/css/dist/packages/config/dist/index.cjs CHANGED Viewed

@@ -13859,7 +13859,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13893,7 +13893,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13929,7 +13929,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14008,7 +14008,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14089,7 +14089,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14168,7 +14168,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14249,7 +14249,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14328,7 +14328,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14409,7 +14409,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14488,7 +14488,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14569,7 +14569,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14648,7 +14648,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -17111,6 +17111,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",
@@ -28563,8 +28948,8 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.93.0",
-	version: "v0.93.0"
+	version: "v0.94.0",
+	version: "v0.94.0"
 };
 //#endregion
 exports.defaultTokensConfig = defaultTokensConfig;