@yahoo/uds 3.117.6 → 3.118.0

package/dist/automated-config/dist/generated/generatedConfigs.js

@@ -4749,6 +4749,366 @@ const BottomSheetConfig = {
 		description: "Bottom sheet styling.",
 		label: "Variant",
 		layers: {
+			handleIndicator: {
+				label: "handle indicator",
+				properties: { backgroundColor: {
+					defaults: { default: "accent" },
+					label: "Handle indicator color",
+					name: "backgroundColor",
+					typeOfFixture: [
+						"spectrumColors",
+						"backgroundPaletteColors",
+						"alwaysPaletteAliases"
+					],
+					values: [
+						[
+							"gray-0",
+							"gray-1",
+							"gray-2",
+							"gray-3",
+							"gray-4",
+							"gray-5",
+							"gray-6",
+							"gray-7",
+							"gray-8",
+							"gray-9",
+							"gray-10",
+							"gray-11",
+							"gray-12",
+							"gray-13",
+							"gray-14",
+							"gray-15",
+							"purple-0",
+							"purple-1",
+							"purple-2",
+							"purple-3",
+							"purple-4",
+							"purple-5",
+							"purple-6",
+							"purple-7",
+							"purple-8",
+							"purple-9",
+							"purple-10",
+							"purple-11",
+							"purple-12",
+							"purple-13",
+							"purple-14",
+							"purple-15",
+							"indigo-0",
+							"indigo-1",
+							"indigo-2",
+							"indigo-3",
+							"indigo-4",
+							"indigo-5",
+							"indigo-6",
+							"indigo-7",
+							"indigo-8",
+							"indigo-9",
+							"indigo-10",
+							"indigo-11",
+							"indigo-12",
+							"indigo-13",
+							"indigo-14",
+							"indigo-15",
+							"blue-0",
+							"blue-1",
+							"blue-2",
+							"blue-3",
+							"blue-4",
+							"blue-5",
+							"blue-6",
+							"blue-7",
+							"blue-8",
+							"blue-9",
+							"blue-10",
+							"blue-11",
+							"blue-12",
+							"blue-13",
+							"blue-14",
+							"blue-15",
+							"cyan-0",
+							"cyan-1",
+							"cyan-2",
+							"cyan-3",
+							"cyan-4",
+							"cyan-5",
+							"cyan-6",
+							"cyan-7",
+							"cyan-8",
+							"cyan-9",
+							"cyan-10",
+							"cyan-11",
+							"cyan-12",
+							"cyan-13",
+							"cyan-14",
+							"cyan-15",
+							"teal-0",
+							"teal-1",
+							"teal-2",
+							"teal-3",
+							"teal-4",
+							"teal-5",
+							"teal-6",
+							"teal-7",
+							"teal-8",
+							"teal-9",
+							"teal-10",
+							"teal-11",
+							"teal-12",
+							"teal-13",
+							"teal-14",
+							"teal-15",
+							"mint-0",
+							"mint-1",
+							"mint-2",
+							"mint-3",
+							"mint-4",
+							"mint-5",
+							"mint-6",
+							"mint-7",
+							"mint-8",
+							"mint-9",
+							"mint-10",
+							"mint-11",
+							"mint-12",
+							"mint-13",
+							"mint-14",
+							"mint-15",
+							"green-0",
+							"green-1",
+							"green-2",
+							"green-3",
+							"green-4",
+							"green-5",
+							"green-6",
+							"green-7",
+							"green-8",
+							"green-9",
+							"green-10",
+							"green-11",
+							"green-12",
+							"green-13",
+							"green-14",
+							"green-15",
+							"lime-0",
+							"lime-1",
+							"lime-2",
+							"lime-3",
+							"lime-4",
+							"lime-5",
+							"lime-6",
+							"lime-7",
+							"lime-8",
+							"lime-9",
+							"lime-10",
+							"lime-11",
+							"lime-12",
+							"lime-13",
+							"lime-14",
+							"lime-15",
+							"citron-0",
+							"citron-1",
+							"citron-2",
+							"citron-3",
+							"citron-4",
+							"citron-5",
+							"citron-6",
+							"citron-7",
+							"citron-8",
+							"citron-9",
+							"citron-10",
+							"citron-11",
+							"citron-12",
+							"citron-13",
+							"citron-14",
+							"citron-15",
+							"yellow-0",
+							"yellow-1",
+							"yellow-2",
+							"yellow-3",
+							"yellow-4",
+							"yellow-5",
+							"yellow-6",
+							"yellow-7",
+							"yellow-8",
+							"yellow-9",
+							"yellow-10",
+							"yellow-11",
+							"yellow-12",
+							"yellow-13",
+							"yellow-14",
+							"yellow-15",
+							"brown-0",
+							"brown-1",
+							"brown-2",
+							"brown-3",
+							"brown-4",
+							"brown-5",
+							"brown-6",
+							"brown-7",
+							"brown-8",
+							"brown-9",
+							"brown-10",
+							"brown-11",
+							"brown-12",
+							"brown-13",
+							"brown-14",
+							"brown-15",
+							"nude-0",
+							"nude-1",
+							"nude-2",
+							"nude-3",
+							"nude-4",
+							"nude-5",
+							"nude-6",
+							"nude-7",
+							"nude-8",
+							"nude-9",
+							"nude-10",
+							"nude-11",
+							"nude-12",
+							"nude-13",
+							"nude-14",
+							"nude-15",
+							"orange-0",
+							"orange-1",
+							"orange-2",
+							"orange-3",
+							"orange-4",
+							"orange-5",
+							"orange-6",
+							"orange-7",
+							"orange-8",
+							"orange-9",
+							"orange-10",
+							"orange-11",
+							"orange-12",
+							"orange-13",
+							"orange-14",
+							"orange-15",
+							"sunset-0",
+							"sunset-1",
+							"sunset-2",
+							"sunset-3",
+							"sunset-4",
+							"sunset-5",
+							"sunset-6",
+							"sunset-7",
+							"sunset-8",
+							"sunset-9",
+							"sunset-10",
+							"sunset-11",
+							"sunset-12",
+							"sunset-13",
+							"sunset-14",
+							"sunset-15",
+							"red-0",
+							"red-1",
+							"red-2",
+							"red-3",
+							"red-4",
+							"red-5",
+							"red-6",
+							"red-7",
+							"red-8",
+							"red-9",
+							"red-10",
+							"red-11",
+							"red-12",
+							"red-13",
+							"red-14",
+							"red-15",
+							"rose-0",
+							"rose-1",
+							"rose-2",
+							"rose-3",
+							"rose-4",
+							"rose-5",
+							"rose-6",
+							"rose-7",
+							"rose-8",
+							"rose-9",
+							"rose-10",
+							"rose-11",
+							"rose-12",
+							"rose-13",
+							"rose-14",
+							"rose-15",
+							"pink-0",
+							"pink-1",
+							"pink-2",
+							"pink-3",
+							"pink-4",
+							"pink-5",
+							"pink-6",
+							"pink-7",
+							"pink-8",
+							"pink-9",
+							"pink-10",
+							"pink-11",
+							"pink-12",
+							"pink-13",
+							"pink-14",
+							"pink-15",
+							"magenta-0",
+							"magenta-1",
+							"magenta-2",
+							"magenta-3",
+							"magenta-4",
+							"magenta-5",
+							"magenta-6",
+							"magenta-7",
+							"magenta-8",
+							"magenta-9",
+							"magenta-10",
+							"magenta-11",
+							"magenta-12",
+							"magenta-13",
+							"magenta-14",
+							"magenta-15",
+							"carbon-0",
+							"carbon-1",
+							"carbon-2",
+							"carbon-3",
+							"carbon-4",
+							"carbon-5",
+							"carbon-6",
+							"carbon-7",
+							"carbon-8",
+							"carbon-9",
+							"carbon-10",
+							"carbon-11",
+							"carbon-12",
+							"carbon-13",
+							"carbon-14",
+							"carbon-15"
+						],
+						[
+							"primary",
+							"secondary",
+							"accent",
+							"brand",
+							"alert",
+							"positive",
+							"warning",
+							"info",
+							"brand-secondary",
+							"alert-secondary",
+							"positive-secondary",
+							"warning-secondary",
+							"info-secondary"
+						],
+						[
+							"always/white",
+							"always/black",
+							"always/transparent",
+							"always/current",
+							"always/brand",
+							"always/accent"
+						]
+					]
+				} }
+			},
 			header: {
 				label: "header",
 				properties: {
@@ -5542,7 +5902,8 @@ const BottomSheetConfig = {
 						typeOfFixture: [
 							"spectrumColors",
 							"linePaletteColors",
-							"alwaysPaletteAliases"
+							"alwaysPaletteAliases",
+							"elevationAliases"
 						],
 						values: [
 							[
@@ -5891,6 +6252,14 @@ const BottomSheetConfig = {
 								"always/current",
 								"always/brand",
 								"always/accent"
+							],
+							[
+								"elevation-0",
+								"elevation-1",
+								"elevation-2",
+								"elevation-3",
+								"elevation-4",
+								"elevation-5"
 							]
 						]
 					},

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -885,6 +885,11 @@ const defaultUniversalTokensConfigAuto = {
 	bottomSheet: {
 		defaults: { variant: "default" },
 		variables: {
+			"variant/default/handleIndicator": { backgroundColor: { rest: {
+				type: "backgroundPaletteColors",
+				value: "accent",
+				valueType: "alias"
+			} } },
 			"variant/default/header": {
 				color: { rest: {
 					type: "foregroundPaletteColors",

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -884,6 +884,11 @@ const defaultUniversalTokensConfigAuto = {
 	bottomSheet: {
 		defaults: { variant: "default" },
 		variables: {
+			"variant/default/handleIndicator": { backgroundColor: { rest: {
+				type: "backgroundPaletteColors",
+				value: "accent",
+				valueType: "alias"
+			} } },
 			"variant/default/header": {
 				color: { rest: {
 					type: "foregroundPaletteColors",

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/components/client/BottomSheet/BottomSheet.cjs

@@ -219,7 +219,8 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_BottomSheet_BottomSheetHandle.BottomSheetHandle, {
 				onKeyDown: handleHandleIndicatorKeyDown,
 				ariaLabel: "Resize sheet",
-				className: slotProps?.handleIndicator?.className
+				className: slotProps?.handleIndicator?.className,
+				variant
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_BottomSheet_BottomSheetInternalContext.BottomSheetInternalContext.Provider, {
 			value: internalContextValue,

package/dist/components/client/BottomSheet/BottomSheet.js

@@ -217,7 +217,8 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 			children: /* @__PURE__ */ jsx(BottomSheetHandle, {
 				onKeyDown: handleHandleIndicatorKeyDown,
 				ariaLabel: "Resize sheet",
-				className: slotProps?.handleIndicator?.className
+				className: slotProps?.handleIndicator?.className,
+				variant
 			})
 		}), /* @__PURE__ */ jsx(BottomSheetInternalContext.Provider, {
 			value: internalContextValue,

package/dist/components/client/BottomSheet/BottomSheetHandle.cjs

@@ -7,7 +7,8 @@ const require_components_Box = require('../../Box.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/client/BottomSheet/BottomSheetHandle.tsx
-function BottomSheetHandle({ className, onKeyDown, ariaLabel }) {
+function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
+	const handleIndicatorVariantClass = require_styles_styler.getStyles({ bottomsheetVariantHandleIndicator: variant });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
 		display: "flex",
 		justifyContent: "center",
@@ -19,7 +20,7 @@ function BottomSheetHandle({ className, onKeyDown, ariaLabel }) {
 			className: require_styles_styler.cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
 				display: "block",
-				className: require_styles_styler.cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full bg-accent")
+				className: require_styles_styler.cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass)
 			})
 		})
 	});

package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts

@@ -1,4 +1,5 @@
 
+import { BottomSheetVariant } from "../../../types/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
@@ -6,11 +7,13 @@ interface BottomSheetHandleProps {
   className?: string;
   onKeyDown?: (event: React.KeyboardEvent) => void;
   ariaLabel?: string;
+  variant?: BottomSheetVariant;
 }
 declare function BottomSheetHandle({
   className,
   onKeyDown,
-  ariaLabel
+  ariaLabel,
+  variant
 }: BottomSheetHandleProps): react_jsx_runtime0.JSX.Element;
 declare namespace BottomSheetHandle {
   var displayName: string;

package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts

@@ -1,4 +1,5 @@
 
+import { BottomSheetVariant } from "../../../types/dist/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
@@ -6,11 +7,13 @@ interface BottomSheetHandleProps {
   className?: string;
   onKeyDown?: (event: React.KeyboardEvent) => void;
   ariaLabel?: string;
+  variant?: BottomSheetVariant;
 }
 declare function BottomSheetHandle({
   className,
   onKeyDown,
-  ariaLabel
+  ariaLabel,
+  variant
 }: BottomSheetHandleProps): react_jsx_runtime0.JSX.Element;
 declare namespace BottomSheetHandle {
   var displayName: string;

package/dist/components/client/BottomSheet/BottomSheetHandle.js

@@ -1,11 +1,12 @@
 "use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx } from "../../../styles/styler.js";
+import { cx, getStyles } from "../../../styles/styler.js";
 import { Box } from "../../Box.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/client/BottomSheet/BottomSheetHandle.tsx
-function BottomSheetHandle({ className, onKeyDown, ariaLabel }) {
+function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
+	const handleIndicatorVariantClass = getStyles({ bottomsheetVariantHandleIndicator: variant });
 	return /* @__PURE__ */ jsx(Box, {
 		display: "flex",
 		justifyContent: "center",
@@ -17,7 +18,7 @@ function BottomSheetHandle({ className, onKeyDown, ariaLabel }) {
 			className: cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
 			children: /* @__PURE__ */ jsx(Box, {
 				display: "block",
-				className: cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full bg-accent")
+				className: cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass)
 			})
 		})
 	});