@yahoo/uds 3.67.0-beta.5 → 3.68.0

package/dist/styles/variants.cjs

@@ -8,7 +8,6 @@ const variants = {
 		accent: "text-accent",
 		alert: "text-alert",
 		"alert-secondary": "text-alert-secondary",
-		black: "text-black",
 		brand: "text-brand",
 		"brand-secondary": "text-brand-secondary",
 		positive: "text-positive",
@@ -17,20 +16,26 @@ const variants = {
 		"warning-secondary": "text-warning-secondary",
 		info: "text-info",
 		"info-secondary": "text-info-secondary",
-		white: "text-white",
-		transparent: "text-transparent",
 		muted: "text-muted",
 		"on-color": "text-on-color",
 		primary: "text-primary",
 		secondary: "text-secondary",
 		tertiary: "text-tertiary",
-		current: "text-current"
+		white: "text-white",
+		black: "text-black",
+		transparent: "text-transparent",
+		current: "text-current",
+		"always/white": "text-always-white",
+		"always/black": "text-always-black",
+		"always/transparent": "text-always-transparent",
+		"always/current": "text-always-current",
+		"always/brand": "text-always-brand",
+		"always/accent": "text-always-accent"
 	},
 	placeholderColor: {
 		accent: "placeholder:text-accent",
 		alert: "placeholder:text-alert",
 		"alert-secondary": "placeholder:text-alert-secondary",
-		black: "placeholder:text-black",
 		brand: "placeholder:text-brand",
 		"brand-secondary": "placeholder:text-brand-secondary",
 		positive: "placeholder:text-positive",
@@ -39,14 +44,21 @@ const variants = {
 		"warning-secondary": "placeholder:text-warning-secondary",
 		info: "placeholder:text-info",
 		"info-secondary": "placeholder:text-info-secondary",
-		white: "placeholder:text-white",
-		transparent: "placeholder:text-transparent",
 		muted: "placeholder:text-muted",
 		"on-color": "placeholder:text-on-color",
 		primary: "placeholder:text-primary",
 		secondary: "placeholder:text-secondary",
 		tertiary: "placeholder:text-tertiary",
-		current: "placeholder:text-current"
+		white: "placeholder:text-white",
+		black: "placeholder:text-black",
+		transparent: "placeholder:text-transparent",
+		current: "placeholder:text-current",
+		"always/white": "placeholder:text-always-white",
+		"always/black": "placeholder:text-always-black",
+		"always/transparent": "placeholder:text-always-transparent",
+		"always/current": "placeholder:text-always-current",
+		"always/brand": "placeholder:text-always-brand",
+		"always/accent": "placeholder:text-always-accent"
 	},
 	fontFamily: {
 		sans: "font-sans",
@@ -995,11 +1007,16 @@ const variants = {
 		"elevation-2": "bg-elevation-2",
 		"elevation-3": "bg-elevation-3",
 		"elevation-4": "bg-elevation-4",
-		"elevation-5": "bg-elevation-5"
+		"elevation-5": "bg-elevation-5",
+		"always/white": "bg-always-white",
+		"always/black": "bg-always-black",
+		"always/transparent": "bg-always-transparent",
+		"always/current": "bg-always-current",
+		"always/brand": "bg-always-brand",
+		"always/accent": "bg-always-accent"
 	},
 	borderColor: {
 		accent: "border-accent",
-		black: "border-black",
 		brand: "border-brand",
 		alert: "border-alert",
 		positive: "border-positive",
@@ -1010,19 +1027,26 @@ const variants = {
 		"positive-secondary": "border-positive-secondary",
 		"warning-secondary": "border-warning-secondary",
 		"info-secondary": "border-info-secondary",
-		white: "border-white",
-		transparent: "border-transparent",
 		muted: "border-muted",
 		primary: "border-primary",
 		secondary: "border-secondary",
 		tertiary: "border-tertiary",
+		white: "border-white",
+		black: "border-black",
+		transparent: "border-transparent",
 		current: "border-current",
 		"elevation-0": "border-elevation-0",
 		"elevation-1": "border-elevation-1",
 		"elevation-2": "border-elevation-2",
 		"elevation-3": "border-elevation-3",
 		"elevation-4": "border-elevation-4",
-		"elevation-5": "border-elevation-5"
+		"elevation-5": "border-elevation-5",
+		"always/white": "border-always-white",
+		"always/black": "border-always-black",
+		"always/transparent": "border-always-transparent",
+		"always/current": "border-always-current",
+		"always/brand": "border-always-brand",
+		"always/accent": "border-always-accent"
 	},
 	borderStartColor: {
 		accent: "border-s-accent",
@@ -1036,25 +1060,30 @@ const variants = {
 		"positive-secondary": "border-s-positive-secondary",
 		"warning-secondary": "border-s-warning-secondary",
 		"info-secondary": "border-s-info-secondary",
-		black: "border-s-black",
-		white: "border-s-white",
-		transparent: "border-s-transparent",
 		muted: "border-s-muted",
 		primary: "border-s-primary",
 		secondary: "border-s-secondary",
 		tertiary: "border-s-tertiary",
+		white: "border-s-white",
+		black: "border-s-black",
+		transparent: "border-s-transparent",
 		current: "border-s-current",
 		"elevation-0": "border-s-elevation-0",
 		"elevation-1": "border-s-elevation-1",
 		"elevation-2": "border-s-elevation-2",
 		"elevation-3": "border-s-elevation-3",
 		"elevation-4": "border-s-elevation-4",
-		"elevation-5": "border-s-elevation-5"
+		"elevation-5": "border-s-elevation-5",
+		"always/white": "border-s-always-white",
+		"always/black": "border-s-always-black",
+		"always/transparent": "border-s-always-transparent",
+		"always/current": "border-s-always-current",
+		"always/brand": "border-s-always-brand",
+		"always/accent": "border-s-always-accent"
 	},
 	borderEndColor: {
 		accent: "border-e-accent",
 		alert: "border-e-alert",
-		black: "border-e-black",
 		brand: "border-e-brand",
 		positive: "border-e-positive",
 		warning: "border-e-warning",
@@ -1064,24 +1093,30 @@ const variants = {
 		"positive-secondary": "border-e-positive-secondary",
 		"warning-secondary": "border-e-warning-secondary",
 		"info-secondary": "border-e-info-secondary",
-		white: "border-e-white",
-		transparent: "border-e-transparent",
 		muted: "border-e-muted",
 		primary: "border-e-primary",
 		secondary: "border-e-secondary",
 		tertiary: "border-e-tertiary",
+		white: "border-e-white",
+		black: "border-e-black",
+		transparent: "border-e-transparent",
 		current: "border-e-current",
 		"elevation-0": "border-e-elevation-0",
 		"elevation-1": "border-e-elevation-1",
 		"elevation-2": "border-e-elevation-2",
 		"elevation-3": "border-e-elevation-3",
 		"elevation-4": "border-e-elevation-4",
-		"elevation-5": "border-e-elevation-5"
+		"elevation-5": "border-e-elevation-5",
+		"always/white": "border-e-always-white",
+		"always/black": "border-e-always-black",
+		"always/transparent": "border-e-always-transparent",
+		"always/current": "border-e-always-current",
+		"always/brand": "border-e-always-brand",
+		"always/accent": "border-e-always-accent"
 	},
 	borderBottomColor: {
 		accent: "border-b-accent",
 		alert: "border-b-alert",
-		black: "border-b-black",
 		brand: "border-b-brand",
 		positive: "border-b-positive",
 		warning: "border-b-warning",
@@ -1091,24 +1126,30 @@ const variants = {
 		"positive-secondary": "border-b-positive-secondary",
 		"warning-secondary": "border-b-warning-secondary",
 		"info-secondary": "border-b-info-secondary",
-		white: "border-b-white",
-		transparent: "border-b-transparent",
 		muted: "border-b-muted",
 		primary: "border-b-primary",
 		secondary: "border-b-secondary",
 		tertiary: "border-b-tertiary",
+		white: "border-b-white",
+		black: "border-b-black",
+		transparent: "border-b-transparent",
 		current: "border-b-current",
 		"elevation-0": "border-b-elevation-0",
 		"elevation-1": "border-b-elevation-1",
 		"elevation-2": "border-b-elevation-2",
 		"elevation-3": "border-b-elevation-3",
 		"elevation-4": "border-b-elevation-4",
-		"elevation-5": "border-b-elevation-5"
+		"elevation-5": "border-b-elevation-5",
+		"always/white": "border-b-always-white",
+		"always/black": "border-b-always-black",
+		"always/transparent": "border-b-always-transparent",
+		"always/current": "border-b-always-current",
+		"always/brand": "border-b-always-brand",
+		"always/accent": "border-b-always-accent"
 	},
 	borderTopColor: {
 		accent: "border-t-accent",
 		alert: "border-t-alert",
-		black: "border-t-black",
 		brand: "border-t-brand",
 		positive: "border-t-positive",
 		warning: "border-t-warning",
@@ -1118,19 +1159,26 @@ const variants = {
 		"positive-secondary": "border-t-positive-secondary",
 		"warning-secondary": "border-t-warning-secondary",
 		"info-secondary": "border-t-info-secondary",
-		white: "border-t-white",
-		transparent: "border-t-transparent",
 		muted: "border-t-muted",
 		primary: "border-t-primary",
 		secondary: "border-t-secondary",
 		tertiary: "border-t-tertiary",
+		white: "border-t-white",
+		black: "border-t-black",
+		transparent: "border-t-transparent",
 		current: "border-t-current",
 		"elevation-0": "border-t-elevation-0",
 		"elevation-1": "border-t-elevation-1",
 		"elevation-2": "border-t-elevation-2",
 		"elevation-3": "border-t-elevation-3",
 		"elevation-4": "border-t-elevation-4",
-		"elevation-5": "border-t-elevation-5"
+		"elevation-5": "border-t-elevation-5",
+		"always/white": "border-t-always-white",
+		"always/black": "border-t-always-black",
+		"always/transparent": "border-t-always-transparent",
+		"always/current": "border-t-always-current",
+		"always/brand": "border-t-always-brand",
+		"always/accent": "border-t-always-accent"
 	},
 	borderRadius: {
 		none: "rounded-none",

package/dist/styles/variants.d.cts

@@ -562,7 +562,6 @@ declare const variants: {
     accent: string;
     alert: string;
     'alert-secondary': string;
-    black: string;
     brand: string;
     'brand-secondary': string;
     positive: string;
@@ -571,20 +570,26 @@ declare const variants: {
     'warning-secondary': string;
     info: string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     'on-color': string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   placeholderColor: {
     accent: string;
     alert: string;
     'alert-secondary': string;
-    black: string;
     brand: string;
     'brand-secondary': string;
     positive: string;
@@ -593,14 +598,21 @@ declare const variants: {
     'warning-secondary': string;
     info: string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     'on-color': string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   fontFamily: {
     sans: string;
@@ -1550,10 +1562,15 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderColor: {
     accent: string;
-    black: string;
     brand: string;
     alert: string;
     positive: string;
@@ -1564,12 +1581,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1577,6 +1595,12 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderStartColor: {
     accent: string;
@@ -1590,13 +1614,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    black: string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1604,11 +1628,16 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderEndColor: {
     accent: string;
     alert: string;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1618,12 +1647,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1631,11 +1661,16 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderBottomColor: {
     accent: string;
     alert: string;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1645,12 +1680,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1658,11 +1694,16 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderTopColor: {
     accent: string;
     alert: string;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1672,12 +1713,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1685,6 +1727,12 @@ declare const variants: {
     'elevation-3': string;
     'elevation-4': string;
     'elevation-5': string;
+    'always/white': string;
+    'always/black': string;
+    'always/transparent': string;
+    'always/current': string;
+    'always/brand': string;
+    'always/accent': string;
   };
   borderRadius: {
     none: string;