@yahoo/uds 3.125.1 → 3.127.0

package/dist/tailwind/dist/automated-config/dist/properties.cjs

@@ -155,6 +155,11 @@ const strokeWidth = {
 	name: "strokeWidth",
 	cssProperties: "stroke-width"
 };
+const underlineWidth = {
+	...borderWidth,
+	name: "underlineWidth",
+	cssProperties: "border-bottom-width"
+};
 const borderColor = {
 	name: "borderColor",
 	cssProperties: "border-color",
@@ -175,6 +180,11 @@ const stroke = {
 	name: "stroke",
 	cssProperties: "stroke"
 };
+const underlineColor = {
+	...borderColor,
+	name: "underlineColor",
+	cssProperties: "border-bottom-color"
+};
 const outlineWidth = {
 	name: "outlineWidth",
 	cssProperties: "outline-width",
@@ -328,10 +338,12 @@ const opacity = {
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
+	underlineWidth,
 	strokeWidth,
 	borderRadius,
 	borderRadiusVar,
 	borderColor,
+	underlineColor,
 	stroke,
 	buttonSize: {
 		name: "buttonSize",

package/dist/tailwind/dist/automated-config/dist/properties.js

@@ -155,6 +155,11 @@ const strokeWidth = {
 	name: "strokeWidth",
 	cssProperties: "stroke-width"
 };
+const underlineWidth = {
+	...borderWidth,
+	name: "underlineWidth",
+	cssProperties: "border-bottom-width"
+};
 const borderColor = {
 	name: "borderColor",
 	cssProperties: "border-color",
@@ -175,6 +180,11 @@ const stroke = {
 	name: "stroke",
 	cssProperties: "stroke"
 };
+const underlineColor = {
+	...borderColor,
+	name: "underlineColor",
+	cssProperties: "border-bottom-color"
+};
 const outlineWidth = {
 	name: "outlineWidth",
 	cssProperties: "outline-width",
@@ -328,10 +338,12 @@ const opacity = {
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
+	underlineWidth,
 	strokeWidth,
 	borderRadius,
 	borderRadiusVar,
 	borderColor,
+	underlineColor,
 	stroke,
 	buttonSize: {
 		name: "buttonSize",

package/dist/tailwind/dist/automated-config/dist/properties.js.map

@@ -1 +1 @@
-{"version":3,"file":"properties.js","names":[],"sources":["../../../../automated-config/dist/properties.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\nimport { assertUnreachable } from \"./utils/assertUnreachable.js\";\nimport { mapTextVariantFixtureToValue } from \"./mapTextVariantFixtureToValue.js\";\nimport { mapColorFixtureToValue } from \"./utils/mapColorFixtureToValue.js\";\nimport { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BUTTON_SCALE_EFFECT, DROP_SHADOW_PREFIX, getShadowLayerValue, textVariantsSafe } from \"@yahoo/uds-css-tokens\";\nimport { SCALE_EFFECTS } from \"@yahoo/uds-motion-tokens\";\n\n//#region src/properties.ts\nconst isInputWrapperCtx = (context) => {\n\treturn context.componentName === \"input\" && context.layer === \"inputWrapper\";\n};\nconst hexToRgb = (hex) => {\n\thex = hex.replace(\"#\", \"\");\n\tif (hex.length === 3) hex = hex.split(\"\").map((char) => char + char).join(\"\");\n\treturn `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;\n};\nconst backgroundColor = {\n\tname: \"backgroundColor\",\n\tcssProperties: \"background-color\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\n\t\t\"backgroundPaletteColors\",\n\t\t\"spectrumColors\",\n\t\t\"alwaysPaletteAliases\",\n\t\t\"elevationAliases\"\n\t],\n\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\tif (type === \"elevationAliases\") return `var(--uds-background-color-${value})`;\n\t\treturn theme(mapColorFixtureToValue(type, value));\n\t}\n};\nconst color = {\n\tname: \"color\",\n\tcssProperties: \"color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"foregroundPaletteColors\"\n\t]\n};\nconst fontSize = {\n\tname: \"fontSize\",\n\tcssProperties: \"font-size\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontSize\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst fontVariationSettings = {\n\tname: \"fontVariationSettings\",\n\tcssProperties: \"font-variation-settings\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\"textVariants\"],\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst { value: rawValue } = schemaValue;\n\t\tconst value = textVariantsSafe(rawValue);\n\t\treturn `\"wght\" var(--uds-font-weight-${value}), \"slnt\" var(--uds-font-slant-${value}), \"ital\" var(--uds-font-slant-${value}), \"wdth\" var(--uds-font-width-${value})`;\n\t}\n};\nconst fontWeight = {\n\tname: \"fontWeight\",\n\tcssProperties: \"font-weight\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontWeight\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst fontFamily = {\n\tname: \"fontFamily\",\n\tcssProperties: \"font-family\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontFamily\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst textTransform = {\n\tname: \"textTransform\",\n\tcssProperties: \"text-transform\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"textTransform\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst lineHeight = {\n\tname: \"lineHeight\",\n\tcssProperties: \"line-height\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"lineHeight\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst letterSpacing = {\n\tname: \"letterSpacing\",\n\tcssProperties: \"letter-spacing\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"letterSpacing\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst textVariant = {\n\tname: \"textVariant\",\n\tcssProperties: [],\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\"textVariants\"],\n\textendedProperties: [\n\t\t\"fontSize\",\n\t\t\"fontWeight\",\n\t\t\"fontFamily\",\n\t\t\"lineHeight\",\n\t\t\"textTransform\",\n\t\t\"fontVariationSettings\",\n\t\t\"letterSpacing\"\n\t]\n};\nconst textDecorationLine = {\n\tname: \"textDecorationLine\",\n\tcssProperties: \"text-decoration-line\",\n\tpossibleFixtures: [\"textDecorationLines\"],\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tcustomValueRenderer: (schemaValue) => {\n\t\treturn String(schemaValue.value);\n\t}\n};\nconst gap = {\n\tname: \"gap\",\n\tcssProperties: \"gap\",\n\ttwThemePath: (fixtureType, value) => fixtureType === \"spacingAliases\" ? `spacing[${value}]` : \"\",\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst borderWidth = {\n\tname: \"borderWidth\",\n\tcssProperties: \"border-width\",\n\ttwThemePath: (fixtureType, value) => {\n\t\tswitch (fixtureType) {\n\t\t\tcase \"borderWidths\":\n\t\t\tcase \"elevationAliases\": return `udsBorderWidth[${value}]`;\n\t\t\tcase \"spacingAliases\": return `spacing[${value}]`;\n\t\t}\n\t\treturn assertUnreachable(fixtureType);\n\t},\n\tpossibleFixtures: [\n\t\t\"borderWidths\",\n\t\t\"spacingAliases\",\n\t\t\"elevationAliases\"\n\t],\n\textendedProperties: (context) => {\n\t\tif (isInputWrapperCtx(context)) return [\n\t\t\t\"outlineWidth\",\n\t\t\t\"insetOutlineOffset\",\n\t\t\t\"solidOutline\"\n\t\t];\n\t\treturn false;\n\t}\n};\nconst strokeWidth = {\n\t...borderWidth,\n\tname: \"strokeWidth\",\n\tcssProperties: \"stroke-width\"\n};\nconst borderColor = {\n\tname: \"borderColor\",\n\tcssProperties: \"border-color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"linePaletteColors\",\n\t\t\"elevationAliases\"\n\t],\n\textendedProperties: (context) => {\n\t\tif (isInputWrapperCtx(context)) return [\"outlineColor\"];\n\t\treturn false;\n\t}\n};\nconst stroke = {\n\t...borderColor,\n\tname: \"stroke\",\n\tcssProperties: \"stroke\"\n};\nconst outlineWidth = {\n\tname: \"outlineWidth\",\n\tcssProperties: \"outline-width\",\n\ttwThemePath: (type, value) => type === \"borderWidths\" ? `udsBorderWidth[${value}]` : `spacing[${value}]`,\n\tpossibleFixtures: [\"borderWidths\", \"spacingAliases\"]\n};\nconst solidOutline = {\n\tname: \"solidOutline\",\n\tcssProperties: \"outline-style\",\n\ttwThemePath: () => \"\",\n\tcustomValueRenderer: () => \"solid\",\n\tpossibleFixtures: []\n};\nconst insetOutlineOffset = {\n\tname: \"insetOutlineOffset\",\n\tcssProperties: \"outline-offset\",\n\ttwThemePath: () => \"\",\n\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\treturn `calc(-1 * ${type === \"borderWidths\" ? theme(`udsBorderWidth[${value}]`) : theme(`spacing[${value}]`)})`;\n\t},\n\tpossibleFixtures: [\"borderWidths\", \"spacingAliases\"]\n};\nconst outlineColor = {\n\tname: \"outlineColor\",\n\tcssProperties: \"outline-color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"linePaletteColors\"\n\t]\n};\nconst borderRadius = {\n\tname: \"borderRadius\",\n\tcssProperties: \"border-radius\",\n\ttwThemePath: (_, value) => `udsBorderRadius.${value}`,\n\tpossibleFixtures: [\"borderRadii\"]\n};\nconst borderRadiusVar = {\n\t...borderRadius,\n\tname: \"borderRadiusVar\",\n\tcssProperties: `--${BORDER_RADIUS_PREFIX}`\n};\nconst spacing = {\n\tname: \"spacing\",\n\tcssProperties: \"padding\",\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst spacingHorizontal = {\n\tname: \"spacingHorizontal\",\n\tcssProperties: [\"padding-right\", \"padding-left\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst spacingVertical = {\n\tname: \"spacingVertical\",\n\tcssProperties: [\"padding-top\", \"padding-bottom\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst horizontalMargin = {\n\tname: \"horizontalMargin\",\n\tcssProperties: [\"margin-left\", \"margin-right\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst bottomMargin = {\n\tname: \"bottomMargin\",\n\tcssProperties: \"margin-bottom\",\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst height = {\n\tname: \"height\",\n\tcssProperties: \"height\",\n\ttwThemePath: (_, value) => {\n\t\treturn `height[${value}]`;\n\t},\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst width = {\n\tname: \"width\",\n\tcssProperties: \"width\",\n\ttwThemePath: (_, value) => {\n\t\treturn `width[${value}]`;\n\t},\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst shadow = {\n\tname: \"drop shadow\",\n\tcssProperties: \"box-shadow\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tconcatenate: true,\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst shadowType = \"drop\";\n\t\tconst noneValue = \"0 0 0 transparent\";\n\t\tif (schemaValue.valueType === \"alias\") {\n\t\t\tconst noneValue = \"0 0 0 transparent\";\n\t\t\tif (schemaValue.value === \"none\") return noneValue;\n\t\t\tif (schemaValue.value !== \"custom\") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n\t\t} else if (schemaValue.valueType === \"custom\") return schemaValue.value.map((preset, index) => getShadowLayerValue({\n\t\t\tpreset,\n\t\t\tshadowType,\n\t\t\tprefix: index > 0 ? `${index + 1}` : void 0\n\t\t}))?.join(\", \") || noneValue;\n\t\tthrow new Error(\"Invalid valueType\");\n\t},\n\tpossibleFixtures: [\n\t\t\"shadowVariants\",\n\t\t\"shadowVariantConfig\",\n\t\t\"elevationAliases\"\n\t]\n};\nconst insetShadow = {\n\tname: \"inset shadow\",\n\tcssProperties: \"box-shadow\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tconcatenate: true,\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst shadowType = \"inset\";\n\t\tconst noneValue = \"0 0 0 transparent\";\n\t\tif (schemaValue.valueType === \"alias\") {\n\t\t\tconst noneValue = \"0 0 0 transparent\";\n\t\t\tif (schemaValue.value === \"none\") return noneValue;\n\t\t\tif (schemaValue.value !== \"custom\") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n\t\t} else if (schemaValue.valueType === \"custom\") return schemaValue.value.map((preset, index) => getShadowLayerValue({\n\t\t\tpreset,\n\t\t\tshadowType,\n\t\t\tprefix: index > 0 ? `${index + 1}` : void 0\n\t\t}))?.join(\", \") || noneValue;\n\t\tthrow new Error(\"Invalid valueType\");\n\t},\n\tpossibleFixtures: [\"shadowVariantsWithInvert\"]\n};\nconst shadowVar = {\n\t...shadow,\n\tname: \"shadowVar\",\n\tcssProperties: `--${DROP_SHADOW_PREFIX}`\n};\nconst opacity = {\n\tname: \"opacity\",\n\tcssProperties: \"opacity\",\n\ttwThemePath: (_, value) => `opacity[${value}]`,\n\tpossibleFixtures: [\"opacitySteps\"]\n};\nconst publicProperties = {\n\tbackgroundColor,\n\tborderWidth,\n\tstrokeWidth,\n\tborderRadius,\n\tborderRadiusVar,\n\tborderColor,\n\tstroke,\n\tbuttonSize: {\n\t\tname: \"buttonSize\",\n\t\tcssProperties: \"--uds-button-size\",\n\t\tpossibleFixtures: [\"buttonSizes\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\tbuttonVariant: {\n\t\tname: \"buttonVariant\",\n\t\tcssProperties: \"--uds-button-variant\",\n\t\tpossibleFixtures: [\"buttonVariantsFlat\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\tfontFamily,\n\tfontSize,\n\tfontVariationSettings,\n\tlineHeight,\n\ttextTransform,\n\tletterSpacing,\n\tgap,\n\tcolor,\n\topacity,\n\tfillOpacity: {\n\t\tname: \"fillOpacity\",\n\t\tcssProperties: \"fill-opacity\",\n\t\ttwThemePath: (_, value) => `opacity[${value}]`,\n\t\tpossibleFixtures: [\"opacitySteps\"]\n\t},\n\tfontWeight,\n\ticonSize: {\n\t\tname: \"iconSize\",\n\t\tcssProperties: [\"width\", \"height\"],\n\t\ttwThemePath: (_, value) => `sizing.icon.${value}`,\n\t\tpossibleFixtures: [\"iconSizes\"]\n\t},\n\tspacing,\n\ticonVariant: {\n\t\tname: \"iconVariant\",\n\t\tcssProperties: \"--uds-icon-variant\",\n\t\tpossibleFixtures: [\"iconVariants\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\thorizontalMargin,\n\tbottomMargin,\n\tspacingHorizontal,\n\tspacingVertical,\n\ttextVariant,\n\ttextDecorationLine,\n\tshadow,\n\tshadowVar,\n\tinsetShadow,\n\theight,\n\twidth,\n\tscaleEffect: {\n\t\tname: \"scaleEffect\",\n\t\tcssProperties: BUTTON_SCALE_EFFECT,\n\t\tpossibleFixtures: [\"scaleEffects\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\tconst value = schemaValue.value;\n\t\t\tconst stringValue = String(value);\n\t\t\treturn String(SCALE_EFFECTS[stringValue] ?? SCALE_EFFECTS.none);\n\t\t}\n\t},\n\tbackdropBlur: {\n\t\tname: \"backdropBlur\",\n\t\tpossibleFixtures: [\"positiveIntegers\"],\n\t\tcssProperties: \"--uds-backdrop-blur\",\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {\n\t\t\tif (originalPropertyDefinition && originalPropertyDefinition.layerReference) {\n\t\t\t\tconst { variablePath, propertyName } = originalPropertyDefinition.layerReference;\n\t\t\t\tconst property = schema.variables[variablePath][propertyName].rest;\n\t\t\t\tif (property.type === \"elevationAliases\") return `var(--uds-background-blur-radius-${property.value})`;\n\t\t\t}\n\t\t\treturn `blur(${schemaValue.value}px)`;\n\t\t}\n\t},\n\tblurBackgroundColor: {\n\t\t...backgroundColor,\n\t\tname: \"blurBackgroundColor\",\n\t\tcssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`\n\t},\n\tblurBackgroundColorFallback: {\n\t\t...backgroundColor,\n\t\tname: \"blurBackgroundColorFallback\",\n\t\tcssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`\n\t},\n\tscrimBackgroundColor: {\n\t\tname: \"scrimBackgroundColor\",\n\t\tcssProperties: \"--uds-scrim-background-color\",\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tpossibleFixtures: [\n\t\t\t\"backgroundPaletteColors\",\n\t\t\t\"spectrumColors\",\n\t\t\t\"alwaysPaletteAliases\"\n\t\t],\n\t\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\t\tconst resolved = theme(mapColorFixtureToValue(type, value));\n\t\t\tif (resolved.startsWith(\"#\")) return hexToRgb(resolved) ?? resolved;\n\t\t\tif (resolved.startsWith(\"rgb(\") && resolved.endsWith(\")\")) return resolved.slice(4, -1);\n\t\t\treturn resolved;\n\t\t}\n\t},\n\tscrimOpacity: {\n\t\t...opacity,\n\t\tname: \"scrimOpacity\",\n\t\tcssProperties: \"--uds-scrim-opacity\",\n\t\ttwThemePath: () => \"\",\n\t\tcustomValueRenderer: ({ value }) => `${String(value)}%`\n\t}\n};\nconst internalProperties = {\n\toutlineWidth,\n\toutlineColor,\n\tinsetOutlineOffset,\n\tsolidOutline\n};\nconst configurableProperties = {\n\t...publicProperties,\n\t...internalProperties\n};\n\n//#endregion\nexport { configurableProperties };\n//# sourceMappingURL=properties.js.map"],"mappings":";;;;;;;;;AAQA,MAAM,qBAAqB,YAAY;AACtC,QAAO,QAAQ,kBAAkB,WAAW,QAAQ,UAAU;;AAE/D,MAAM,YAAY,QAAQ;AACzB,OAAM,IAAI,QAAQ,KAAK,GAAG;AAC1B,KAAI,IAAI,WAAW,EAAG,OAAM,IAAI,MAAM,GAAG,CAAC,KAAK,SAAS,OAAO,KAAK,CAAC,KAAK,GAAG;AAC7E,QAAO,GAAG,SAAS,IAAI,UAAU,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,SAAS,IAAI,UAAU,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,SAAS,IAAI,UAAU,GAAG,EAAE,EAAE,GAAG;;AAEtH,MAAM,kBAAkB;CACvB,MAAM;CACN,eAAe;CACf,mBAAmB;AAClB,SAAO;;CAER,kBAAkB;EACjB;EACA;EACA;EACA;EACA;CACD,sBAAsB,EAAE,OAAO,QAAQ,QAAQ,UAAU;AACxD,MAAI,SAAS,mBAAoB,QAAO,8BAA8B,MAAM;AAC5E,SAAO,MAAM,uBAAuB,MAAM,MAAM,CAAC;;CAElD;AACD,MAAM,QAAQ;CACb,MAAM;CACN,eAAe;CACf,aAAa;CACb,kBAAkB;EACjB;EACA;EACA;EACA;CACD;AACD,MAAM,WAAW;CAChB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,WAAW;CACrD,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,wBAAwB;CAC7B,MAAM;CACN,eAAe;CACf,mBAAmB;AAClB,SAAO;;CAER,kBAAkB,CAAC,eAAe;CAClC,sBAAsB,gBAAgB;EACrC,MAAM,EAAE,OAAO,aAAa;EAC5B,MAAM,QAAQ,iBAAiB,SAAS;AACxC,SAAO,gCAAgC,MAAM,iCAAiC,MAAM,iCAAiC,MAAM,iCAAiC,MAAM;;CAEnK;AACD,MAAM,aAAa;CAClB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,aAAa;CACvD,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,aAAa;CAClB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,aAAa;CACvD,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,gBAAgB;CACrB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,gBAAgB;CAC1D,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,aAAa;CAClB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,aAAa;CACvD,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,gBAAgB;CACrB,MAAM;CACN,eAAe;CACf,aAAa,6BAA6B,gBAAgB;CAC1D,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,cAAc;CACnB,MAAM;CACN,eAAe,EAAE;CACjB,mBAAmB;AAClB,SAAO;;CAER,kBAAkB,CAAC,eAAe;CAClC,oBAAoB;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD,MAAM,qBAAqB;CAC1B,MAAM;CACN,eAAe;CACf,kBAAkB,CAAC,sBAAsB;CACzC,mBAAmB;AAClB,SAAO;;CAER,sBAAsB,gBAAgB;AACrC,SAAO,OAAO,YAAY,MAAM;;CAEjC;AACD,MAAM,MAAM;CACX,MAAM;CACN,eAAe;CACf,cAAc,aAAa,UAAU,gBAAgB,mBAAmB,WAAW,MAAM,KAAK;CAC9F,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,cAAc;CACnB,MAAM;CACN,eAAe;CACf,cAAc,aAAa,UAAU;AACpC,UAAQ,aAAR;GACC,KAAK;GACL,KAAK,mBAAoB,QAAO,kBAAkB,MAAM;GACxD,KAAK,iBAAkB,QAAO,WAAW,MAAM;;AAEhD,SAAO,kBAAkB,YAAY;;CAEtC,kBAAkB;EACjB;EACA;EACA;EACA;CACD,qBAAqB,YAAY;AAChC,MAAI,kBAAkB,QAAQ,CAAE,QAAO;GACtC;GACA;GACA;GACA;AACD,SAAO;;CAER;AACD,MAAM,cAAc;CACnB,GAAG;CACH,MAAM;CACN,eAAe;CACf;AACD,MAAM,cAAc;CACnB,MAAM;CACN,eAAe;CACf,aAAa;CACb,kBAAkB;EACjB;EACA;EACA;EACA;EACA;CACD,qBAAqB,YAAY;AAChC,MAAI,kBAAkB,QAAQ,CAAE,QAAO,CAAC,eAAe;AACvD,SAAO;;CAER;AACD,MAAM,SAAS;CACd,GAAG;CACH,MAAM;CACN,eAAe;CACf;AACD,MAAM,eAAe;CACpB,MAAM;CACN,eAAe;CACf,cAAc,MAAM,UAAU,SAAS,iBAAiB,kBAAkB,MAAM,KAAK,WAAW,MAAM;CACtG,kBAAkB,CAAC,gBAAgB,iBAAiB;CACpD;AACD,MAAM,eAAe;CACpB,MAAM;CACN,eAAe;CACf,mBAAmB;CACnB,2BAA2B;CAC3B,kBAAkB,EAAE;CACpB;AACD,MAAM,qBAAqB;CAC1B,MAAM;CACN,eAAe;CACf,mBAAmB;CACnB,sBAAsB,EAAE,OAAO,QAAQ,QAAQ,UAAU;AACxD,SAAO,aAAa,SAAS,iBAAiB,MAAM,kBAAkB,MAAM,GAAG,GAAG,MAAM,WAAW,MAAM,GAAG,CAAC;;CAE9G,kBAAkB,CAAC,gBAAgB,iBAAiB;CACpD;AACD,MAAM,eAAe;CACpB,MAAM;CACN,eAAe;CACf,aAAa;CACb,kBAAkB;EACjB;EACA;EACA;EACA;CACD;AACD,MAAM,eAAe;CACpB,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU,mBAAmB;CAC9C,kBAAkB,CAAC,cAAc;CACjC;AACD,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM;CACN,eAAe,KAAK;CACpB;AACD,MAAM,UAAU;CACf,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,oBAAoB;CACzB,MAAM;CACN,eAAe,CAAC,iBAAiB,eAAe;CAChD,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,kBAAkB;CACvB,MAAM;CACN,eAAe,CAAC,eAAe,iBAAiB;CAChD,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,mBAAmB;CACxB,MAAM;CACN,eAAe,CAAC,eAAe,eAAe;CAC9C,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,eAAe;CACpB,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,SAAS;CACd,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU;AAC1B,SAAO,UAAU,MAAM;;CAExB,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,QAAQ;CACb,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU;AAC1B,SAAO,SAAS,MAAM;;CAEvB,kBAAkB,CAAC,iBAAiB;CACpC;AACD,MAAM,SAAS;CACd,MAAM;CACN,eAAe;CACf,mBAAmB;AAClB,SAAO;;CAER,aAAa;CACb,sBAAsB,gBAAgB;EACrC,MAAM,aAAa;EACnB,MAAM,YAAY;AAClB,MAAI,YAAY,cAAc,SAAS;GACtC,MAAM,YAAY;AAClB,OAAI,YAAY,UAAU,OAAQ,QAAO;AACzC,OAAI,YAAY,UAAU,SAAU,QAAO,aAAa,WAAW,UAAU,YAAY,MAAM;aACrF,YAAY,cAAc,SAAU,QAAO,YAAY,MAAM,KAAK,QAAQ,UAAU,oBAAoB;GAClH;GACA;GACA,QAAQ,QAAQ,IAAI,GAAG,QAAQ,MAAM,KAAK;GAC1C,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;AACnB,QAAM,IAAI,MAAM,oBAAoB;;CAErC,kBAAkB;EACjB;EACA;EACA;EACA;CACD;AACD,MAAM,cAAc;CACnB,MAAM;CACN,eAAe;CACf,mBAAmB;AAClB,SAAO;;CAER,aAAa;CACb,sBAAsB,gBAAgB;EACrC,MAAM,aAAa;EACnB,MAAM,YAAY;AAClB,MAAI,YAAY,cAAc,SAAS;GACtC,MAAM,YAAY;AAClB,OAAI,YAAY,UAAU,OAAQ,QAAO;AACzC,OAAI,YAAY,UAAU,SAAU,QAAO,aAAa,WAAW,UAAU,YAAY,MAAM;aACrF,YAAY,cAAc,SAAU,QAAO,YAAY,MAAM,KAAK,QAAQ,UAAU,oBAAoB;GAClH;GACA;GACA,QAAQ,QAAQ,IAAI,GAAG,QAAQ,MAAM,KAAK;GAC1C,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;AACnB,QAAM,IAAI,MAAM,oBAAoB;;CAErC,kBAAkB,CAAC,2BAA2B;CAC9C;AACD,MAAM,YAAY;CACjB,GAAG;CACH,MAAM;CACN,eAAe,KAAK;CACpB;AACD,MAAM,UAAU;CACf,MAAM;CACN,eAAe;CACf,cAAc,GAAG,UAAU,WAAW,MAAM;CAC5C,kBAAkB,CAAC,eAAe;CAClC;AACD,MAAM,mBAAmB;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA,YAAY;EACX,MAAM;EACN,eAAe;EACf,kBAAkB,CAAC,cAAc;EACjC,mBAAmB;AAClB,UAAO;;EAER,sBAAsB,gBAAgB;AACrC,UAAO,OAAO,YAAY,MAAM;;EAEjC;CACD,eAAe;EACd,MAAM;EACN,eAAe;EACf,kBAAkB,CAAC,qBAAqB;EACxC,mBAAmB;AAClB,UAAO;;EAER,sBAAsB,gBAAgB;AACrC,UAAO,OAAO,YAAY,MAAM;;EAEjC;CACD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,aAAa;EACZ,MAAM;EACN,eAAe;EACf,cAAc,GAAG,UAAU,WAAW,MAAM;EAC5C,kBAAkB,CAAC,eAAe;EAClC;CACD;CACA,UAAU;EACT,MAAM;EACN,eAAe,CAAC,SAAS,SAAS;EAClC,cAAc,GAAG,UAAU,eAAe;EAC1C,kBAAkB,CAAC,YAAY;EAC/B;CACD;CACA,aAAa;EACZ,MAAM;EACN,eAAe;EACf,kBAAkB,CAAC,eAAe;EAClC,mBAAmB;AAClB,UAAO;;EAER,sBAAsB,gBAAgB;AACrC,UAAO,OAAO,YAAY,MAAM;;EAEjC;CACD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,aAAa;EACZ,MAAM;EACN,eAAe;EACf,kBAAkB,CAAC,eAAe;EAClC,mBAAmB;AAClB,UAAO;;EAER,sBAAsB,gBAAgB;GACrC,MAAM,QAAQ,YAAY;GAC1B,MAAM,cAAc,OAAO,MAAM;AACjC,UAAO,OAAO,cAAc,gBAAgB,cAAc,KAAK;;EAEhE;CACD,cAAc;EACb,MAAM;EACN,kBAAkB,CAAC,mBAAmB;EACtC,eAAe;EACf,mBAAmB;AAClB,UAAO;;EAER,sBAAsB,aAAa,QAAQ,QAAQ,+BAA+B;AACjF,OAAI,8BAA8B,2BAA2B,gBAAgB;IAC5E,MAAM,EAAE,cAAc,iBAAiB,2BAA2B;IAClE,MAAM,WAAW,OAAO,UAAU,cAAc,cAAc;AAC9D,QAAI,SAAS,SAAS,mBAAoB,QAAO,oCAAoC,SAAS,MAAM;;AAErG,UAAO,QAAQ,YAAY,MAAM;;EAElC;CACD,qBAAqB;EACpB,GAAG;EACH,MAAM;EACN,eAAe,KAAK;EACpB;CACD,6BAA6B;EAC5B,GAAG;EACH,MAAM;EACN,eAAe,KAAK;EACpB;CACD,sBAAsB;EACrB,MAAM;EACN,eAAe;EACf,mBAAmB;AAClB,UAAO;;EAER,kBAAkB;GACjB;GACA;GACA;GACA;EACD,sBAAsB,EAAE,OAAO,QAAQ,QAAQ,UAAU;GACxD,MAAM,WAAW,MAAM,uBAAuB,MAAM,MAAM,CAAC;AAC3D,OAAI,SAAS,WAAW,IAAI,CAAE,QAAO,SAAS,SAAS,IAAI;AAC3D,OAAI,SAAS,WAAW,OAAO,IAAI,SAAS,SAAS,IAAI,CAAE,QAAO,SAAS,MAAM,GAAG,GAAG;AACvF,UAAO;;EAER;CACD,cAAc;EACb,GAAG;EACH,MAAM;EACN,eAAe;EACf,mBAAmB;EACnB,sBAAsB,EAAE,YAAY,GAAG,OAAO,MAAM,CAAC;EACrD;CACD;AACD,MAAM,qBAAqB;CAC1B;CACA;CACA;CACA;CACA;AACD,MAAM,yBAAyB;CAC9B,GAAG;CACH,GAAG;CACH"}
+{"version":3,"file":"properties.js","names":[],"sources":["../../../../automated-config/dist/properties.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\nimport { assertUnreachable } from \"./utils/assertUnreachable.js\";\nimport { mapTextVariantFixtureToValue } from \"./mapTextVariantFixtureToValue.js\";\nimport { mapColorFixtureToValue } from \"./utils/mapColorFixtureToValue.js\";\nimport { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BUTTON_SCALE_EFFECT, DROP_SHADOW_PREFIX, getShadowLayerValue, textVariantsSafe } from \"@yahoo/uds-css-tokens\";\nimport { SCALE_EFFECTS } from \"@yahoo/uds-motion-tokens\";\n\n//#region src/properties.ts\nconst isInputWrapperCtx = (context) => {\n\treturn context.componentName === \"input\" && context.layer === \"inputWrapper\";\n};\nconst hexToRgb = (hex) => {\n\thex = hex.replace(\"#\", \"\");\n\tif (hex.length === 3) hex = hex.split(\"\").map((char) => char + char).join(\"\");\n\treturn `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;\n};\nconst backgroundColor = {\n\tname: \"backgroundColor\",\n\tcssProperties: \"background-color\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\n\t\t\"backgroundPaletteColors\",\n\t\t\"spectrumColors\",\n\t\t\"alwaysPaletteAliases\",\n\t\t\"elevationAliases\"\n\t],\n\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\tif (type === \"elevationAliases\") return `var(--uds-background-color-${value})`;\n\t\treturn theme(mapColorFixtureToValue(type, value));\n\t}\n};\nconst color = {\n\tname: \"color\",\n\tcssProperties: \"color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"foregroundPaletteColors\"\n\t]\n};\nconst fontSize = {\n\tname: \"fontSize\",\n\tcssProperties: \"font-size\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontSize\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst fontVariationSettings = {\n\tname: \"fontVariationSettings\",\n\tcssProperties: \"font-variation-settings\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\"textVariants\"],\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst { value: rawValue } = schemaValue;\n\t\tconst value = textVariantsSafe(rawValue);\n\t\treturn `\"wght\" var(--uds-font-weight-${value}), \"slnt\" var(--uds-font-slant-${value}), \"ital\" var(--uds-font-slant-${value}), \"wdth\" var(--uds-font-width-${value})`;\n\t}\n};\nconst fontWeight = {\n\tname: \"fontWeight\",\n\tcssProperties: \"font-weight\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontWeight\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst fontFamily = {\n\tname: \"fontFamily\",\n\tcssProperties: \"font-family\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"fontFamily\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst textTransform = {\n\tname: \"textTransform\",\n\tcssProperties: \"text-transform\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"textTransform\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst lineHeight = {\n\tname: \"lineHeight\",\n\tcssProperties: \"line-height\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"lineHeight\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst letterSpacing = {\n\tname: \"letterSpacing\",\n\tcssProperties: \"letter-spacing\",\n\ttwThemePath: mapTextVariantFixtureToValue(\"letterSpacing\"),\n\tpossibleFixtures: [\"textVariants\"]\n};\nconst textVariant = {\n\tname: \"textVariant\",\n\tcssProperties: [],\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tpossibleFixtures: [\"textVariants\"],\n\textendedProperties: [\n\t\t\"fontSize\",\n\t\t\"fontWeight\",\n\t\t\"fontFamily\",\n\t\t\"lineHeight\",\n\t\t\"textTransform\",\n\t\t\"fontVariationSettings\",\n\t\t\"letterSpacing\"\n\t]\n};\nconst textDecorationLine = {\n\tname: \"textDecorationLine\",\n\tcssProperties: \"text-decoration-line\",\n\tpossibleFixtures: [\"textDecorationLines\"],\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tcustomValueRenderer: (schemaValue) => {\n\t\treturn String(schemaValue.value);\n\t}\n};\nconst gap = {\n\tname: \"gap\",\n\tcssProperties: \"gap\",\n\ttwThemePath: (fixtureType, value) => fixtureType === \"spacingAliases\" ? `spacing[${value}]` : \"\",\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst borderWidth = {\n\tname: \"borderWidth\",\n\tcssProperties: \"border-width\",\n\ttwThemePath: (fixtureType, value) => {\n\t\tswitch (fixtureType) {\n\t\t\tcase \"borderWidths\":\n\t\t\tcase \"elevationAliases\": return `udsBorderWidth[${value}]`;\n\t\t\tcase \"spacingAliases\": return `spacing[${value}]`;\n\t\t}\n\t\treturn assertUnreachable(fixtureType);\n\t},\n\tpossibleFixtures: [\n\t\t\"borderWidths\",\n\t\t\"spacingAliases\",\n\t\t\"elevationAliases\"\n\t],\n\textendedProperties: (context) => {\n\t\tif (isInputWrapperCtx(context)) return [\n\t\t\t\"outlineWidth\",\n\t\t\t\"insetOutlineOffset\",\n\t\t\t\"solidOutline\"\n\t\t];\n\t\treturn false;\n\t}\n};\nconst strokeWidth = {\n\t...borderWidth,\n\tname: \"strokeWidth\",\n\tcssProperties: \"stroke-width\"\n};\nconst underlineWidth = {\n\t...borderWidth,\n\tname: \"underlineWidth\",\n\tcssProperties: \"border-bottom-width\"\n};\nconst borderColor = {\n\tname: \"borderColor\",\n\tcssProperties: \"border-color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"linePaletteColors\",\n\t\t\"elevationAliases\"\n\t],\n\textendedProperties: (context) => {\n\t\tif (isInputWrapperCtx(context)) return [\"outlineColor\"];\n\t\treturn false;\n\t}\n};\nconst stroke = {\n\t...borderColor,\n\tname: \"stroke\",\n\tcssProperties: \"stroke\"\n};\nconst underlineColor = {\n\t...borderColor,\n\tname: \"underlineColor\",\n\tcssProperties: \"border-bottom-color\"\n};\nconst outlineWidth = {\n\tname: \"outlineWidth\",\n\tcssProperties: \"outline-width\",\n\ttwThemePath: (type, value) => type === \"borderWidths\" ? `udsBorderWidth[${value}]` : `spacing[${value}]`,\n\tpossibleFixtures: [\"borderWidths\", \"spacingAliases\"]\n};\nconst solidOutline = {\n\tname: \"solidOutline\",\n\tcssProperties: \"outline-style\",\n\ttwThemePath: () => \"\",\n\tcustomValueRenderer: () => \"solid\",\n\tpossibleFixtures: []\n};\nconst insetOutlineOffset = {\n\tname: \"insetOutlineOffset\",\n\tcssProperties: \"outline-offset\",\n\ttwThemePath: () => \"\",\n\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\treturn `calc(-1 * ${type === \"borderWidths\" ? theme(`udsBorderWidth[${value}]`) : theme(`spacing[${value}]`)})`;\n\t},\n\tpossibleFixtures: [\"borderWidths\", \"spacingAliases\"]\n};\nconst outlineColor = {\n\tname: \"outlineColor\",\n\tcssProperties: \"outline-color\",\n\ttwThemePath: mapColorFixtureToValue,\n\tpossibleFixtures: [\n\t\t\"alwaysPaletteAliases\",\n\t\t\"spectrumColors\",\n\t\t\"linePaletteColors\"\n\t]\n};\nconst borderRadius = {\n\tname: \"borderRadius\",\n\tcssProperties: \"border-radius\",\n\ttwThemePath: (_, value) => `udsBorderRadius.${value}`,\n\tpossibleFixtures: [\"borderRadii\"]\n};\nconst borderRadiusVar = {\n\t...borderRadius,\n\tname: \"borderRadiusVar\",\n\tcssProperties: `--${BORDER_RADIUS_PREFIX}`\n};\nconst spacing = {\n\tname: \"spacing\",\n\tcssProperties: \"padding\",\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst spacingHorizontal = {\n\tname: \"spacingHorizontal\",\n\tcssProperties: [\"padding-right\", \"padding-left\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst spacingVertical = {\n\tname: \"spacingVertical\",\n\tcssProperties: [\"padding-top\", \"padding-bottom\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst horizontalMargin = {\n\tname: \"horizontalMargin\",\n\tcssProperties: [\"margin-left\", \"margin-right\"],\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst bottomMargin = {\n\tname: \"bottomMargin\",\n\tcssProperties: \"margin-bottom\",\n\ttwThemePath: (_, value) => `spacing[${value}]`,\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst height = {\n\tname: \"height\",\n\tcssProperties: \"height\",\n\ttwThemePath: (_, value) => {\n\t\treturn `height[${value}]`;\n\t},\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst width = {\n\tname: \"width\",\n\tcssProperties: \"width\",\n\ttwThemePath: (_, value) => {\n\t\treturn `width[${value}]`;\n\t},\n\tpossibleFixtures: [\"spacingAliases\"]\n};\nconst shadow = {\n\tname: \"drop shadow\",\n\tcssProperties: \"box-shadow\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tconcatenate: true,\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst shadowType = \"drop\";\n\t\tconst noneValue = \"0 0 0 transparent\";\n\t\tif (schemaValue.valueType === \"alias\") {\n\t\t\tconst noneValue = \"0 0 0 transparent\";\n\t\t\tif (schemaValue.value === \"none\") return noneValue;\n\t\t\tif (schemaValue.value !== \"custom\") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n\t\t} else if (schemaValue.valueType === \"custom\") return schemaValue.value.map((preset, index) => getShadowLayerValue({\n\t\t\tpreset,\n\t\t\tshadowType,\n\t\t\tprefix: index > 0 ? `${index + 1}` : void 0\n\t\t}))?.join(\", \") || noneValue;\n\t\tthrow new Error(\"Invalid valueType\");\n\t},\n\tpossibleFixtures: [\n\t\t\"shadowVariants\",\n\t\t\"shadowVariantConfig\",\n\t\t\"elevationAliases\"\n\t]\n};\nconst insetShadow = {\n\tname: \"inset shadow\",\n\tcssProperties: \"box-shadow\",\n\ttwThemePath: () => {\n\t\treturn ``;\n\t},\n\tconcatenate: true,\n\tcustomValueRenderer: (schemaValue) => {\n\t\tconst shadowType = \"inset\";\n\t\tconst noneValue = \"0 0 0 transparent\";\n\t\tif (schemaValue.valueType === \"alias\") {\n\t\t\tconst noneValue = \"0 0 0 transparent\";\n\t\t\tif (schemaValue.value === \"none\") return noneValue;\n\t\t\tif (schemaValue.value !== \"custom\") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n\t\t} else if (schemaValue.valueType === \"custom\") return schemaValue.value.map((preset, index) => getShadowLayerValue({\n\t\t\tpreset,\n\t\t\tshadowType,\n\t\t\tprefix: index > 0 ? `${index + 1}` : void 0\n\t\t}))?.join(\", \") || noneValue;\n\t\tthrow new Error(\"Invalid valueType\");\n\t},\n\tpossibleFixtures: [\"shadowVariantsWithInvert\"]\n};\nconst shadowVar = {\n\t...shadow,\n\tname: \"shadowVar\",\n\tcssProperties: `--${DROP_SHADOW_PREFIX}`\n};\nconst opacity = {\n\tname: \"opacity\",\n\tcssProperties: \"opacity\",\n\ttwThemePath: (_, value) => `opacity[${value}]`,\n\tpossibleFixtures: [\"opacitySteps\"]\n};\nconst publicProperties = {\n\tbackgroundColor,\n\tborderWidth,\n\tunderlineWidth,\n\tstrokeWidth,\n\tborderRadius,\n\tborderRadiusVar,\n\tborderColor,\n\tunderlineColor,\n\tstroke,\n\tbuttonSize: {\n\t\tname: \"buttonSize\",\n\t\tcssProperties: \"--uds-button-size\",\n\t\tpossibleFixtures: [\"buttonSizes\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\tbuttonVariant: {\n\t\tname: \"buttonVariant\",\n\t\tcssProperties: \"--uds-button-variant\",\n\t\tpossibleFixtures: [\"buttonVariantsFlat\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\tfontFamily,\n\tfontSize,\n\tfontVariationSettings,\n\tlineHeight,\n\ttextTransform,\n\tletterSpacing,\n\tgap,\n\tcolor,\n\topacity,\n\tfillOpacity: {\n\t\tname: \"fillOpacity\",\n\t\tcssProperties: \"fill-opacity\",\n\t\ttwThemePath: (_, value) => `opacity[${value}]`,\n\t\tpossibleFixtures: [\"opacitySteps\"]\n\t},\n\tfontWeight,\n\ticonSize: {\n\t\tname: \"iconSize\",\n\t\tcssProperties: [\"width\", \"height\"],\n\t\ttwThemePath: (_, value) => `sizing.icon.${value}`,\n\t\tpossibleFixtures: [\"iconSizes\"]\n\t},\n\tspacing,\n\ticonVariant: {\n\t\tname: \"iconVariant\",\n\t\tcssProperties: \"--uds-icon-variant\",\n\t\tpossibleFixtures: [\"iconVariants\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\treturn String(schemaValue.value);\n\t\t}\n\t},\n\thorizontalMargin,\n\tbottomMargin,\n\tspacingHorizontal,\n\tspacingVertical,\n\ttextVariant,\n\ttextDecorationLine,\n\tshadow,\n\tshadowVar,\n\tinsetShadow,\n\theight,\n\twidth,\n\tscaleEffect: {\n\t\tname: \"scaleEffect\",\n\t\tcssProperties: BUTTON_SCALE_EFFECT,\n\t\tpossibleFixtures: [\"scaleEffects\"],\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue) => {\n\t\t\tconst value = schemaValue.value;\n\t\t\tconst stringValue = String(value);\n\t\t\treturn String(SCALE_EFFECTS[stringValue] ?? SCALE_EFFECTS.none);\n\t\t}\n\t},\n\tbackdropBlur: {\n\t\tname: \"backdropBlur\",\n\t\tpossibleFixtures: [\"positiveIntegers\"],\n\t\tcssProperties: \"--uds-backdrop-blur\",\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tcustomValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {\n\t\t\tif (originalPropertyDefinition && originalPropertyDefinition.layerReference) {\n\t\t\t\tconst { variablePath, propertyName } = originalPropertyDefinition.layerReference;\n\t\t\t\tconst property = schema.variables[variablePath][propertyName].rest;\n\t\t\t\tif (property.type === \"elevationAliases\") return `var(--uds-background-blur-radius-${property.value})`;\n\t\t\t}\n\t\t\treturn `blur(${schemaValue.value}px)`;\n\t\t}\n\t},\n\tblurBackgroundColor: {\n\t\t...backgroundColor,\n\t\tname: \"blurBackgroundColor\",\n\t\tcssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`\n\t},\n\tblurBackgroundColorFallback: {\n\t\t...backgroundColor,\n\t\tname: \"blurBackgroundColorFallback\",\n\t\tcssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`\n\t},\n\tscrimBackgroundColor: {\n\t\tname: \"scrimBackgroundColor\",\n\t\tcssProperties: \"--uds-scrim-background-color\",\n\t\ttwThemePath: () => {\n\t\t\treturn ``;\n\t\t},\n\t\tpossibleFixtures: [\n\t\t\t\"backgroundPaletteColors\",\n\t\t\t\"spectrumColors\",\n\t\t\t\"alwaysPaletteAliases\"\n\t\t],\n\t\tcustomValueRenderer: ({ value, type }, schema, theme) => {\n\t\t\tconst resolved = theme(mapColorFixtureToValue(type, value));\n\t\t\tif (resolved.startsWith(\"#\")) return hexToRgb(resolved) ?? resolved;\n\t\t\tif (resolved.startsWith(\"rgb(\") && resolved.endsWith(\")\")) return resolved.slice(4, -1);\n\t\t\treturn resolved;\n\t\t}\n\t},\n\tscrimOpacity: {\n\t\t...opacity,\n\t\tname: \"scrimOpacity\",\n\t\tcssProperties: \"--uds-scrim-opacity\",\n\t\ttwThemePath: () => \"\",\n\t\tcustomValueRenderer: ({ value }) => `${String(value)}%`\n\t}\n};\nconst internalProperties = {\n\toutlineWidth,\n\toutlineColor,\n\tinsetOutlineOffset,\n\tsolidOutline\n};\nconst configurableProperties = {\n\t...publicProperties,\n\t...internalProperties\n};\n\n//#endregion\nexport { configurableProperties };\n//# sourceMappingURL=properties.js.map"],"mappings":"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"}

package/dist/tailwind/dist/automated-config/dist/utils/index.cjs

@@ -14,6 +14,16 @@ const CSS_LINE_HEIGHT = "line-height";
 const CSS_BORDER_WIDTH = "border-width";
 const CSS_BORDER_COLOR = "border-color";
 const CSS_BOX_SHADOW = "box-shadow";
+const CSS_BORDER_TOP_WIDTH = "border-top-width";
+const CSS_BORDER_RIGHT_WIDTH = "border-right-width";
+const CSS_BORDER_BOTTOM_WIDTH = "border-bottom-width";
+const CSS_BORDER_LEFT_WIDTH = "border-left-width";
+const CSS_BORDER_TOP_COLOR = "border-top-color";
+const CSS_BORDER_RIGHT_COLOR = "border-right-color";
+const CSS_BORDER_BOTTOM_COLOR = "border-bottom-color";
+const CSS_BORDER_LEFT_COLOR = "border-left-color";
+const CSS_TAB_UNDERLINE_WIDTH = "--uds-tab-underline-width";
+const CSS_TAB_UNDERLINE_COLOR = "--uds-tab-underline-color";
 function deepMerge(target, source) {
 	return (0, lodash_es.mergeWith)({}, target, source);
 }
@@ -29,6 +39,14 @@ const COMPONENTS_WITH_SHADOW_BORDERS = [
 	{
 		componentName: "chip",
 		layer: "root"
+	},
+	{
+		componentName: "tab",
+		layer: "root"
+	},
+	{
+		componentName: "tabs",
+		layer: "root"
 	}
 ];
 /**
@@ -89,19 +107,48 @@ function getButtonLineHeightWithIconMinimum({ lineHeight, schema, iconLayerKey,
 * @example
 * Input:  { border-width: '2px', border-color: 'red', box-shadow: '0 2px 4px rgba(0,0,0,0.1)' }
 * Output: { box-shadow: 'inset 0 0 0 2px red, 0 2px 4px rgba(0,0,0,0.1)' }
+* Renders borders using inset box-shadows instead of CSS border widths.
+* This preserves visual borders without affecting layout dimensions.
 */
 function applyBoxShadowBorder(classStyles) {
-	const borderWidth = classStyles[CSS_BORDER_WIDTH];
-	const borderColor = classStyles[CSS_BORDER_COLOR];
-	if (!borderWidth || !borderColor) return classStyles;
 	const stripImportant = (value) => value.replace(/\s*!important\s*$/, "");
 	const hasImportant = (value) => value?.includes("!important") ?? false;
-	const layers = [`inset 0 0 0 ${stripImportant(borderWidth)} ${stripImportant(borderColor)}`, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);
-	const needsImportant = hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);
+	const isZeroWidth = (value) => !value || /^(0|0px|0rem|0em|0%)$/i.test(stripImportant(value).trim());
+	const negateLength = (value) => {
+		const normalized = stripImportant(value).trim();
+		if (/^(0|0px|0rem|0em|0%)$/i.test(normalized)) return "0";
+		return `calc(${normalized} * -1)`;
+	};
+	const borderWidth = classStyles[CSS_BORDER_WIDTH];
+	const borderColor = classStyles[CSS_BORDER_COLOR];
+	const topWidth = classStyles[CSS_BORDER_TOP_WIDTH] ?? borderWidth;
+	const rightWidth = classStyles[CSS_BORDER_RIGHT_WIDTH] ?? borderWidth;
+	const bottomWidth = classStyles[CSS_BORDER_BOTTOM_WIDTH] ?? borderWidth;
+	const leftWidth = classStyles[CSS_BORDER_LEFT_WIDTH] ?? borderWidth;
+	const topColor = classStyles[CSS_BORDER_TOP_COLOR] ?? borderColor;
+	const rightColor = classStyles[CSS_BORDER_RIGHT_COLOR] ?? borderColor;
+	const bottomColor = classStyles[CSS_BORDER_BOTTOM_COLOR] ?? borderColor;
+	const leftColor = classStyles[CSS_BORDER_LEFT_COLOR] ?? borderColor;
+	const borderLayers = [];
+	if (!isZeroWidth(topWidth) && topColor) borderLayers.push(`inset 0 ${stripImportant(topWidth)} 0 0 ${stripImportant(topColor)}`);
+	if (!isZeroWidth(rightWidth) && rightColor) borderLayers.push(`inset ${negateLength(rightWidth)} 0 0 0 ${stripImportant(rightColor)}`);
+	if (!isZeroWidth(bottomWidth) && bottomColor) borderLayers.push(`inset 0 ${negateLength(bottomWidth)} 0 0 ${stripImportant(bottomColor)}`);
+	if (!isZeroWidth(leftWidth) && leftColor) borderLayers.push(`inset ${stripImportant(leftWidth)} 0 0 0 ${stripImportant(leftColor)}`);
+	if (borderLayers.length === 0) return classStyles;
+	const layers = [...borderLayers, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);
+	const needsImportant = hasImportant(topWidth) || hasImportant(rightWidth) || hasImportant(bottomWidth) || hasImportant(leftWidth) || hasImportant(topColor) || hasImportant(rightColor) || hasImportant(bottomColor) || hasImportant(leftColor) || hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);
 	const newStyles = { ...classStyles };
 	newStyles[CSS_BOX_SHADOW] = layers.join(", ") + (needsImportant ? " !important" : "");
 	delete newStyles[CSS_BORDER_WIDTH];
 	delete newStyles[CSS_BORDER_COLOR];
+	delete newStyles[CSS_BORDER_TOP_WIDTH];
+	delete newStyles[CSS_BORDER_RIGHT_WIDTH];
+	delete newStyles[CSS_BORDER_BOTTOM_WIDTH];
+	delete newStyles[CSS_BORDER_LEFT_WIDTH];
+	delete newStyles[CSS_BORDER_TOP_COLOR];
+	delete newStyles[CSS_BORDER_RIGHT_COLOR];
+	delete newStyles[CSS_BORDER_BOTTOM_COLOR];
+	delete newStyles[CSS_BORDER_LEFT_COLOR];
 	return newStyles;
 }
 function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {
@@ -256,6 +303,43 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 				});
 			}
 		}
+		if ((componentName === "tabs" || componentName === "tab") && layer === "root") {
+			const schemaVariablesForKey = schema?.variables?.[schemaKey];
+			if (propertyKey === "borderWidth" && schemaVariablesForKey?.underlineWidth) {
+				const borderWidth = cssDeclarations[CSS_BORDER_WIDTH];
+				if (borderWidth) {
+					cssDeclarations[CSS_BORDER_TOP_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_RIGHT_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_BOTTOM_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_LEFT_WIDTH] = borderWidth;
+					delete cssDeclarations[CSS_BORDER_WIDTH];
+				}
+			}
+			if (propertyKey === "borderColor" && schemaVariablesForKey?.underlineColor) {
+				const borderColor = cssDeclarations[CSS_BORDER_COLOR];
+				if (borderColor) {
+					cssDeclarations[CSS_BORDER_TOP_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_RIGHT_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_BOTTOM_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_LEFT_COLOR] = borderColor;
+					delete cssDeclarations[CSS_BORDER_COLOR];
+				}
+			}
+			if (propertyKey === "underlineWidth") {
+				const underlineWidth = cssDeclarations[CSS_BORDER_BOTTOM_WIDTH];
+				if (underlineWidth) {
+					cssDeclarations[CSS_TAB_UNDERLINE_WIDTH] = underlineWidth;
+					delete cssDeclarations[CSS_BORDER_BOTTOM_WIDTH];
+				}
+			}
+			if (propertyKey === "underlineColor") {
+				const underlineColor = cssDeclarations[CSS_BORDER_BOTTOM_COLOR];
+				if (underlineColor) {
+					cssDeclarations[CSS_TAB_UNDERLINE_COLOR] = underlineColor;
+					delete cssDeclarations[CSS_BORDER_BOTTOM_COLOR];
+				}
+			}
+		}
 		if (!styles[fullClassName]) styles[fullClassName] = {
 			...cssDeclarations,
 			...styles[fullClassName]
@@ -397,7 +481,20 @@ function generateConfigStyles(config, schema, theme, previewOptions) {
 	*/
 	const toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);
 	if (toApply) {
-		for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);
+		for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) {
+			const raw = styles[className];
+			if (toApply.componentName === "tab") {
+				const tabUnderlineWidth = raw[CSS_TAB_UNDERLINE_WIDTH];
+				const tabUnderlineColor = raw[CSS_TAB_UNDERLINE_COLOR];
+				const withoutTabUnderline = { ...raw };
+				delete withoutTabUnderline[CSS_TAB_UNDERLINE_WIDTH];
+				delete withoutTabUnderline[CSS_TAB_UNDERLINE_COLOR];
+				const merged = applyBoxShadowBorder(withoutTabUnderline);
+				if (tabUnderlineWidth !== void 0) merged[CSS_TAB_UNDERLINE_WIDTH] = tabUnderlineWidth;
+				if (tabUnderlineColor !== void 0) merged[CSS_TAB_UNDERLINE_COLOR] = tabUnderlineColor;
+				styles[className] = merged;
+			} else styles[className] = applyBoxShadowBorder(raw);
+		}
 	}
 	return styles;
 }

package/dist/tailwind/dist/automated-config/dist/utils/index.js

@@ -13,6 +13,16 @@ const CSS_LINE_HEIGHT = "line-height";
 const CSS_BORDER_WIDTH = "border-width";
 const CSS_BORDER_COLOR = "border-color";
 const CSS_BOX_SHADOW = "box-shadow";
+const CSS_BORDER_TOP_WIDTH = "border-top-width";
+const CSS_BORDER_RIGHT_WIDTH = "border-right-width";
+const CSS_BORDER_BOTTOM_WIDTH = "border-bottom-width";
+const CSS_BORDER_LEFT_WIDTH = "border-left-width";
+const CSS_BORDER_TOP_COLOR = "border-top-color";
+const CSS_BORDER_RIGHT_COLOR = "border-right-color";
+const CSS_BORDER_BOTTOM_COLOR = "border-bottom-color";
+const CSS_BORDER_LEFT_COLOR = "border-left-color";
+const CSS_TAB_UNDERLINE_WIDTH = "--uds-tab-underline-width";
+const CSS_TAB_UNDERLINE_COLOR = "--uds-tab-underline-color";
 function deepMerge(target, source) {
 	return mergeWith({}, target, source);
 }
@@ -28,6 +38,14 @@ const COMPONENTS_WITH_SHADOW_BORDERS = [
 	{
 		componentName: "chip",
 		layer: "root"
+	},
+	{
+		componentName: "tab",
+		layer: "root"
+	},
+	{
+		componentName: "tabs",
+		layer: "root"
 	}
 ];
 /**
@@ -88,19 +106,48 @@ function getButtonLineHeightWithIconMinimum({ lineHeight, schema, iconLayerKey,
 * @example
 * Input:  { border-width: '2px', border-color: 'red', box-shadow: '0 2px 4px rgba(0,0,0,0.1)' }
 * Output: { box-shadow: 'inset 0 0 0 2px red, 0 2px 4px rgba(0,0,0,0.1)' }
+* Renders borders using inset box-shadows instead of CSS border widths.
+* This preserves visual borders without affecting layout dimensions.
 */
 function applyBoxShadowBorder(classStyles) {
-	const borderWidth = classStyles[CSS_BORDER_WIDTH];
-	const borderColor = classStyles[CSS_BORDER_COLOR];
-	if (!borderWidth || !borderColor) return classStyles;
 	const stripImportant = (value) => value.replace(/\s*!important\s*$/, "");
 	const hasImportant = (value) => value?.includes("!important") ?? false;
-	const layers = [`inset 0 0 0 ${stripImportant(borderWidth)} ${stripImportant(borderColor)}`, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);
-	const needsImportant = hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);
+	const isZeroWidth = (value) => !value || /^(0|0px|0rem|0em|0%)$/i.test(stripImportant(value).trim());
+	const negateLength = (value) => {
+		const normalized = stripImportant(value).trim();
+		if (/^(0|0px|0rem|0em|0%)$/i.test(normalized)) return "0";
+		return `calc(${normalized} * -1)`;
+	};
+	const borderWidth = classStyles[CSS_BORDER_WIDTH];
+	const borderColor = classStyles[CSS_BORDER_COLOR];
+	const topWidth = classStyles[CSS_BORDER_TOP_WIDTH] ?? borderWidth;
+	const rightWidth = classStyles[CSS_BORDER_RIGHT_WIDTH] ?? borderWidth;
+	const bottomWidth = classStyles[CSS_BORDER_BOTTOM_WIDTH] ?? borderWidth;
+	const leftWidth = classStyles[CSS_BORDER_LEFT_WIDTH] ?? borderWidth;
+	const topColor = classStyles[CSS_BORDER_TOP_COLOR] ?? borderColor;
+	const rightColor = classStyles[CSS_BORDER_RIGHT_COLOR] ?? borderColor;
+	const bottomColor = classStyles[CSS_BORDER_BOTTOM_COLOR] ?? borderColor;
+	const leftColor = classStyles[CSS_BORDER_LEFT_COLOR] ?? borderColor;
+	const borderLayers = [];
+	if (!isZeroWidth(topWidth) && topColor) borderLayers.push(`inset 0 ${stripImportant(topWidth)} 0 0 ${stripImportant(topColor)}`);
+	if (!isZeroWidth(rightWidth) && rightColor) borderLayers.push(`inset ${negateLength(rightWidth)} 0 0 0 ${stripImportant(rightColor)}`);
+	if (!isZeroWidth(bottomWidth) && bottomColor) borderLayers.push(`inset 0 ${negateLength(bottomWidth)} 0 0 ${stripImportant(bottomColor)}`);
+	if (!isZeroWidth(leftWidth) && leftColor) borderLayers.push(`inset ${stripImportant(leftWidth)} 0 0 0 ${stripImportant(leftColor)}`);
+	if (borderLayers.length === 0) return classStyles;
+	const layers = [...borderLayers, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);
+	const needsImportant = hasImportant(topWidth) || hasImportant(rightWidth) || hasImportant(bottomWidth) || hasImportant(leftWidth) || hasImportant(topColor) || hasImportant(rightColor) || hasImportant(bottomColor) || hasImportant(leftColor) || hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);
 	const newStyles = { ...classStyles };
 	newStyles[CSS_BOX_SHADOW] = layers.join(", ") + (needsImportant ? " !important" : "");
 	delete newStyles[CSS_BORDER_WIDTH];
 	delete newStyles[CSS_BORDER_COLOR];
+	delete newStyles[CSS_BORDER_TOP_WIDTH];
+	delete newStyles[CSS_BORDER_RIGHT_WIDTH];
+	delete newStyles[CSS_BORDER_BOTTOM_WIDTH];
+	delete newStyles[CSS_BORDER_LEFT_WIDTH];
+	delete newStyles[CSS_BORDER_TOP_COLOR];
+	delete newStyles[CSS_BORDER_RIGHT_COLOR];
+	delete newStyles[CSS_BORDER_BOTTOM_COLOR];
+	delete newStyles[CSS_BORDER_LEFT_COLOR];
 	return newStyles;
 }
 function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {
@@ -255,6 +302,43 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 				});
 			}
 		}
+		if ((componentName === "tabs" || componentName === "tab") && layer === "root") {
+			const schemaVariablesForKey = schema?.variables?.[schemaKey];
+			if (propertyKey === "borderWidth" && schemaVariablesForKey?.underlineWidth) {
+				const borderWidth = cssDeclarations[CSS_BORDER_WIDTH];
+				if (borderWidth) {
+					cssDeclarations[CSS_BORDER_TOP_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_RIGHT_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_BOTTOM_WIDTH] = borderWidth;
+					cssDeclarations[CSS_BORDER_LEFT_WIDTH] = borderWidth;
+					delete cssDeclarations[CSS_BORDER_WIDTH];
+				}
+			}
+			if (propertyKey === "borderColor" && schemaVariablesForKey?.underlineColor) {
+				const borderColor = cssDeclarations[CSS_BORDER_COLOR];
+				if (borderColor) {
+					cssDeclarations[CSS_BORDER_TOP_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_RIGHT_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_BOTTOM_COLOR] = borderColor;
+					cssDeclarations[CSS_BORDER_LEFT_COLOR] = borderColor;
+					delete cssDeclarations[CSS_BORDER_COLOR];
+				}
+			}
+			if (propertyKey === "underlineWidth") {
+				const underlineWidth = cssDeclarations[CSS_BORDER_BOTTOM_WIDTH];
+				if (underlineWidth) {
+					cssDeclarations[CSS_TAB_UNDERLINE_WIDTH] = underlineWidth;
+					delete cssDeclarations[CSS_BORDER_BOTTOM_WIDTH];
+				}
+			}
+			if (propertyKey === "underlineColor") {
+				const underlineColor = cssDeclarations[CSS_BORDER_BOTTOM_COLOR];
+				if (underlineColor) {
+					cssDeclarations[CSS_TAB_UNDERLINE_COLOR] = underlineColor;
+					delete cssDeclarations[CSS_BORDER_BOTTOM_COLOR];
+				}
+			}
+		}
 		if (!styles[fullClassName]) styles[fullClassName] = {
 			...cssDeclarations,
 			...styles[fullClassName]
@@ -396,7 +480,20 @@ function generateConfigStyles(config, schema, theme, previewOptions) {
 	*/
 	const toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);
 	if (toApply) {
-		for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);
+		for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) {
+			const raw = styles[className];
+			if (toApply.componentName === "tab") {
+				const tabUnderlineWidth = raw[CSS_TAB_UNDERLINE_WIDTH];
+				const tabUnderlineColor = raw[CSS_TAB_UNDERLINE_COLOR];
+				const withoutTabUnderline = { ...raw };
+				delete withoutTabUnderline[CSS_TAB_UNDERLINE_WIDTH];
+				delete withoutTabUnderline[CSS_TAB_UNDERLINE_COLOR];
+				const merged = applyBoxShadowBorder(withoutTabUnderline);
+				if (tabUnderlineWidth !== void 0) merged[CSS_TAB_UNDERLINE_WIDTH] = tabUnderlineWidth;
+				if (tabUnderlineColor !== void 0) merged[CSS_TAB_UNDERLINE_COLOR] = tabUnderlineColor;
+				styles[className] = merged;
+			} else styles[className] = applyBoxShadowBorder(raw);
+		}
 	}
 	return styles;
 }