@yahoo/uds 3.105.0 → 3.106.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/automated-config/dist/properties.cjs +2 -5
- package/dist/automated-config/dist/properties.js +2 -5
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.cjs +17 -2
- package/dist/automated-config/dist/utils/index.js +17 -2
- package/dist/components/client/Chip/ChipBase.cjs +1 -1
- package/dist/components/client/Chip/ChipBase.js +1 -1
- package/dist/components/client/Chip/ChipButton.cjs +1 -1
- package/dist/components/client/Chip/ChipButton.js +2 -2
- package/dist/components/client/Chip/ChipLink.cjs +2 -2
- package/dist/components/client/Chip/ChipLink.js +3 -3
- package/dist/components/client/Chip/ChipToggle.cjs +1 -1
- package/dist/components/client/Chip/ChipToggle.js +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/styles/styler.d.cts +24 -24
- package/dist/styles/styler.d.ts +24 -24
- package/dist/tailwind/dist/purger/optimized/purge.cjs +1 -1
- package/dist/tailwind/dist/purger/optimized/purge.js +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/uds/generated/componentData.cjs +3 -5
- package/dist/uds/generated/componentData.js +3 -5
- package/dist/uds/package.cjs +4 -4
- package/dist/uds/package.js +4 -4
- package/package.json +5 -5
|
@@ -7,9 +7,6 @@ const require_index$1 = require('../../motion-tokens/dist/index.cjs');
|
|
|
7
7
|
|
|
8
8
|
//#region ../automated-config/dist/properties.js
|
|
9
9
|
/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
|
|
10
|
-
const isChipRootCtx = (context) => {
|
|
11
|
-
return context.componentName === "chip" && context.layer === "root";
|
|
12
|
-
};
|
|
13
10
|
const isInputWrapperCtx = (context) => {
|
|
14
11
|
return context.componentName === "input" && context.layer === "inputWrapper";
|
|
15
12
|
};
|
|
@@ -140,7 +137,7 @@ const borderWidth = {
|
|
|
140
137
|
"elevationAliases"
|
|
141
138
|
],
|
|
142
139
|
extendedProperties: (context) => {
|
|
143
|
-
if (
|
|
140
|
+
if (isInputWrapperCtx(context)) return [
|
|
144
141
|
"outlineWidth",
|
|
145
142
|
"insetOutlineOffset",
|
|
146
143
|
"solidOutline"
|
|
@@ -164,7 +161,7 @@ const borderColor = {
|
|
|
164
161
|
"elevationAliases"
|
|
165
162
|
],
|
|
166
163
|
extendedProperties: (context) => {
|
|
167
|
-
if (
|
|
164
|
+
if (isInputWrapperCtx(context)) return ["outlineColor"];
|
|
168
165
|
return false;
|
|
169
166
|
}
|
|
170
167
|
};
|
|
@@ -7,9 +7,6 @@ import { SCALE_EFFECTS } from "../../motion-tokens/dist/index.js";
|
|
|
7
7
|
|
|
8
8
|
//#region ../automated-config/dist/properties.js
|
|
9
9
|
/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
|
|
10
|
-
const isChipRootCtx = (context) => {
|
|
11
|
-
return context.componentName === "chip" && context.layer === "root";
|
|
12
|
-
};
|
|
13
10
|
const isInputWrapperCtx = (context) => {
|
|
14
11
|
return context.componentName === "input" && context.layer === "inputWrapper";
|
|
15
12
|
};
|
|
@@ -140,7 +137,7 @@ const borderWidth = {
|
|
|
140
137
|
"elevationAliases"
|
|
141
138
|
],
|
|
142
139
|
extendedProperties: (context) => {
|
|
143
|
-
if (
|
|
140
|
+
if (isInputWrapperCtx(context)) return [
|
|
144
141
|
"outlineWidth",
|
|
145
142
|
"insetOutlineOffset",
|
|
146
143
|
"solidOutline"
|
|
@@ -164,7 +161,7 @@ const borderColor = {
|
|
|
164
161
|
"elevationAliases"
|
|
165
162
|
],
|
|
166
163
|
extendedProperties: (context) => {
|
|
167
|
-
if (
|
|
164
|
+
if (isInputWrapperCtx(context)) return ["outlineColor"];
|
|
168
165
|
return false;
|
|
169
166
|
}
|
|
170
167
|
};
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[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" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
15
|
+
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" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[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" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
15
|
+
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" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", 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 (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -30,6 +30,20 @@ const CSS_BOX_SHADOW = "box-shadow";
|
|
|
30
30
|
function deepMerge(target, source) {
|
|
31
31
|
return (0, lodash_mergeWith_js.default)({}, target, source);
|
|
32
32
|
}
|
|
33
|
+
const COMPONENTS_WITH_SHADOW_BORDERS = [
|
|
34
|
+
{
|
|
35
|
+
componentName: "button",
|
|
36
|
+
layer: "root"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
componentName: "iconbutton",
|
|
40
|
+
layer: "root"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
componentName: "chip",
|
|
44
|
+
layer: "root"
|
|
45
|
+
}
|
|
46
|
+
];
|
|
33
47
|
/**
|
|
34
48
|
* Map our "states" to pseudo-classes (hover => :hover, pressed => :active, etc.).
|
|
35
49
|
* Adjust or extend as needed.
|
|
@@ -394,8 +408,9 @@ function generateConfigStyles(config, schema, theme, previewOptions) {
|
|
|
394
408
|
* Post-process button/iconbutton styles to force box-shadow for borders.
|
|
395
409
|
* This runs AFTER all properties have been processed and merged.
|
|
396
410
|
*/
|
|
397
|
-
|
|
398
|
-
|
|
411
|
+
const toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);
|
|
412
|
+
if (toApply) {
|
|
413
|
+
for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);
|
|
399
414
|
}
|
|
400
415
|
return styles;
|
|
401
416
|
}
|
|
@@ -26,6 +26,20 @@ const CSS_BOX_SHADOW = "box-shadow";
|
|
|
26
26
|
function deepMerge(target, source) {
|
|
27
27
|
return mergeWith({}, target, source);
|
|
28
28
|
}
|
|
29
|
+
const COMPONENTS_WITH_SHADOW_BORDERS = [
|
|
30
|
+
{
|
|
31
|
+
componentName: "button",
|
|
32
|
+
layer: "root"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
componentName: "iconbutton",
|
|
36
|
+
layer: "root"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
componentName: "chip",
|
|
40
|
+
layer: "root"
|
|
41
|
+
}
|
|
42
|
+
];
|
|
29
43
|
/**
|
|
30
44
|
* Map our "states" to pseudo-classes (hover => :hover, pressed => :active, etc.).
|
|
31
45
|
* Adjust or extend as needed.
|
|
@@ -390,8 +404,9 @@ function generateConfigStyles(config, schema, theme, previewOptions) {
|
|
|
390
404
|
* Post-process button/iconbutton styles to force box-shadow for borders.
|
|
391
405
|
* This runs AFTER all properties have been processed and merged.
|
|
392
406
|
*/
|
|
393
|
-
|
|
394
|
-
|
|
407
|
+
const toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);
|
|
408
|
+
if (toApply) {
|
|
409
|
+
for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);
|
|
395
410
|
}
|
|
396
411
|
return styles;
|
|
397
412
|
}
|
|
@@ -30,7 +30,7 @@ const ChipBase = (0, react.forwardRef)(function ChipBase({ size = SIZE_DEFAULT,
|
|
|
30
30
|
"pointer-events-none": disabled,
|
|
31
31
|
"cursor-default": disabled,
|
|
32
32
|
"opacity-50": disabled
|
|
33
|
-
}, "inline-flex", "items-center",
|
|
33
|
+
}, "inline-flex", "items-center", cssAnimationDuration, "transition-[background-color,outline-color,box-shadow]", className)
|
|
34
34
|
}),
|
|
35
35
|
text: require_styles_styler.cx("truncate", "whitespace-nowrap", "text-center", "flex-1", textClassName),
|
|
36
36
|
icon: require_styles_styler.getStyles({ chipSizeIcon: size })
|
|
@@ -27,7 +27,7 @@ const ChipBase = forwardRef(function ChipBase({ size = SIZE_DEFAULT, minWidth, m
|
|
|
27
27
|
"pointer-events-none": disabled,
|
|
28
28
|
"cursor-default": disabled,
|
|
29
29
|
"opacity-50": disabled
|
|
30
|
-
}, "inline-flex", "items-center",
|
|
30
|
+
}, "inline-flex", "items-center", cssAnimationDuration, "transition-[background-color,outline-color,box-shadow]", className)
|
|
31
31
|
}),
|
|
32
32
|
text: cx("truncate", "whitespace-nowrap", "text-center", "flex-1", textClassName),
|
|
33
33
|
icon: getStyles({ chipSizeIcon: size })
|
|
@@ -14,7 +14,7 @@ const ChipButton = (0, react.forwardRef)(function ChipButton({ variant = require
|
|
|
14
14
|
const classNames = (0, react.useMemo)(() => ({
|
|
15
15
|
root: require_styles_styler.getStyles({
|
|
16
16
|
chipLinkVariantRoot: variant,
|
|
17
|
-
className
|
|
17
|
+
className: require_styles_styler.cx("uds-ring", className)
|
|
18
18
|
}),
|
|
19
19
|
icon: require_styles_styler.getStyles({ chipLinkVariantIcon: variant })
|
|
20
20
|
}), [className, variant]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { getStyles } from "../../../styles/styler.js";
|
|
3
|
+
import { cx, getStyles } from "../../../styles/styler.js";
|
|
4
4
|
import { mergeSlotProps } from "../../../utils/mergeSlotProps.js";
|
|
5
5
|
import { ChipBase, VARIANT_DEFAULT } from "./ChipBase.js";
|
|
6
6
|
import React, { forwardRef, useMemo } from "react";
|
|
@@ -11,7 +11,7 @@ const ChipButton = forwardRef(function ChipButton({ variant = VARIANT_DEFAULT, s
|
|
|
11
11
|
const classNames = useMemo(() => ({
|
|
12
12
|
root: getStyles({
|
|
13
13
|
chipLinkVariantRoot: variant,
|
|
14
|
-
className
|
|
14
|
+
className: cx("uds-ring", className)
|
|
15
15
|
}),
|
|
16
16
|
icon: getStyles({ chipLinkVariantIcon: variant })
|
|
17
17
|
}), [className, variant]);
|
|
@@ -14,7 +14,7 @@ const ChipLink = (0, react.forwardRef)(function ChipLink({ variant = require_com
|
|
|
14
14
|
const classNames = (0, react.useMemo)(() => ({
|
|
15
15
|
root: require_styles_styler.getStyles({
|
|
16
16
|
chipLinkVariantRoot: variant,
|
|
17
|
-
className
|
|
17
|
+
className: require_styles_styler.cx("uds-ring", className)
|
|
18
18
|
}),
|
|
19
19
|
icon: require_styles_styler.getStyles({ chipLinkVariantIcon: variant })
|
|
20
20
|
}), [className, variant]);
|
|
@@ -28,7 +28,7 @@ const ChipLink = (0, react.forwardRef)(function ChipLink({ variant = require_com
|
|
|
28
28
|
disabled,
|
|
29
29
|
className: classNames.root,
|
|
30
30
|
slotProps: mergedSlotProps,
|
|
31
|
-
tabIndex: 0,
|
|
31
|
+
tabIndex: disabled ? -1 : 0,
|
|
32
32
|
...rest,
|
|
33
33
|
href: disabled ? void 0 : href
|
|
34
34
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { getStyles } from "../../../styles/styler.js";
|
|
3
|
+
import { cx, getStyles } from "../../../styles/styler.js";
|
|
4
4
|
import { mergeSlotProps } from "../../../utils/mergeSlotProps.js";
|
|
5
5
|
import { ChipBase, VARIANT_DEFAULT } from "./ChipBase.js";
|
|
6
6
|
import React, { forwardRef, useMemo } from "react";
|
|
@@ -11,7 +11,7 @@ const ChipLink = forwardRef(function ChipLink({ variant = VARIANT_DEFAULT, href,
|
|
|
11
11
|
const classNames = useMemo(() => ({
|
|
12
12
|
root: getStyles({
|
|
13
13
|
chipLinkVariantRoot: variant,
|
|
14
|
-
className
|
|
14
|
+
className: cx("uds-ring", className)
|
|
15
15
|
}),
|
|
16
16
|
icon: getStyles({ chipLinkVariantIcon: variant })
|
|
17
17
|
}), [className, variant]);
|
|
@@ -25,7 +25,7 @@ const ChipLink = forwardRef(function ChipLink({ variant = VARIANT_DEFAULT, href,
|
|
|
25
25
|
disabled,
|
|
26
26
|
className: classNames.root,
|
|
27
27
|
slotProps: mergedSlotProps,
|
|
28
|
-
tabIndex: 0,
|
|
28
|
+
tabIndex: disabled ? -1 : 0,
|
|
29
29
|
...rest,
|
|
30
30
|
href: disabled ? void 0 : href
|
|
31
31
|
});
|
|
@@ -15,7 +15,7 @@ const ChipToggle = (0, react.forwardRef)(function ChipToggle({ isToggled = false
|
|
|
15
15
|
root: require_styles_styler.getStyles({
|
|
16
16
|
chipToggleVariantRoot: variant,
|
|
17
17
|
chipToggleVariantActiveRoot: isToggled ? "on" : "off",
|
|
18
|
-
className
|
|
18
|
+
className: require_styles_styler.cx("uds-ring", className)
|
|
19
19
|
}),
|
|
20
20
|
icon: require_styles_styler.getStyles({ chipToggleVariantIcon: variant })
|
|
21
21
|
}), [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { getStyles } from "../../../styles/styler.js";
|
|
3
|
+
import { cx, getStyles } from "../../../styles/styler.js";
|
|
4
4
|
import { mergeSlotProps } from "../../../utils/mergeSlotProps.js";
|
|
5
5
|
import { ChipBase, VARIANT_DEFAULT } from "./ChipBase.js";
|
|
6
6
|
import React, { forwardRef, useCallback, useMemo } from "react";
|
|
@@ -12,7 +12,7 @@ const ChipToggle = forwardRef(function ChipToggle({ isToggled = false, onToggle,
|
|
|
12
12
|
root: getStyles({
|
|
13
13
|
chipToggleVariantRoot: variant,
|
|
14
14
|
chipToggleVariantActiveRoot: isToggled ? "on" : "off",
|
|
15
|
-
className
|
|
15
|
+
className: cx("uds-ring", className)
|
|
16
16
|
}),
|
|
17
17
|
icon: getStyles({ chipToggleVariantIcon: variant })
|
|
18
18
|
}), [
|
|
@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
|
|
|
88
88
|
*
|
|
89
89
|
* @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
|
|
90
90
|
**/
|
|
91
|
-
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "
|
|
91
|
+
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { MenuItemCheckbox, type MenuItemCheckboxProps };
|
|
@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
|
|
|
88
88
|
*
|
|
89
89
|
* @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
|
|
90
90
|
**/
|
|
91
|
-
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "
|
|
91
|
+
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { MenuItemCheckbox, type MenuItemCheckboxProps };
|
package/dist/styles/styler.d.cts
CHANGED
|
@@ -21,8 +21,8 @@ declare const getStylesInternal: (props?: ({
|
|
|
21
21
|
badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
|
|
22
22
|
buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
|
|
23
23
|
buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
|
|
24
|
-
buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "
|
|
25
|
-
buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "
|
|
24
|
+
buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
|
|
25
|
+
buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
|
|
26
26
|
checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
|
|
27
27
|
checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
|
|
28
28
|
checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
|
|
@@ -126,10 +126,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
126
126
|
toastSizeIcon?: "default" | undefined;
|
|
127
127
|
toastSizeLabel?: "default" | undefined;
|
|
128
128
|
toastSizeRoot?: "default" | undefined;
|
|
129
|
-
toastVariantActionButton?: "warning" | "info" | "
|
|
130
|
-
toastVariantCloseIcon?: "warning" | "info" | "
|
|
131
|
-
toastVariantIcon?: "warning" | "info" | "
|
|
132
|
-
toastVariantRoot?: "warning" | "info" | "
|
|
129
|
+
toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
130
|
+
toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
131
|
+
toastVariantIcon?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
132
|
+
toastVariantRoot?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
133
133
|
tooltipSizeBody?: "default" | undefined;
|
|
134
134
|
tooltipSizeEndContent?: "default" | undefined;
|
|
135
135
|
tooltipSizeIcon?: "default" | undefined;
|
|
@@ -147,24 +147,24 @@ declare const getStylesInternal: (props?: ({
|
|
|
147
147
|
fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "medium" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
|
|
148
148
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
149
149
|
letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
150
|
-
textAlign?: "center" | "
|
|
150
|
+
textAlign?: "center" | "start" | "end" | "justify" | undefined;
|
|
151
151
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
152
|
-
spacing?: "0" | "
|
|
153
|
-
spacingHorizontal?: "0" | "
|
|
154
|
-
spacingVertical?: "0" | "
|
|
155
|
-
spacingBottom?: "0" | "
|
|
156
|
-
spacingEnd?: "0" | "
|
|
157
|
-
spacingStart?: "0" | "
|
|
158
|
-
spacingTop?: "0" | "
|
|
159
|
-
offset?: "0" | "
|
|
160
|
-
offsetVertical?: "0" | "
|
|
161
|
-
offsetHorizontal?: "0" | "
|
|
162
|
-
offsetBottom?: "0" | "
|
|
163
|
-
offsetEnd?: "0" | "
|
|
164
|
-
offsetStart?: "0" | "
|
|
165
|
-
offsetTop?: "0" | "
|
|
166
|
-
columnGap?: "0" | "
|
|
167
|
-
rowGap?: "0" | "
|
|
152
|
+
spacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
153
|
+
spacingHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
154
|
+
spacingVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
155
|
+
spacingBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
156
|
+
spacingEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
157
|
+
spacingStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
158
|
+
spacingTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
159
|
+
offset?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
160
|
+
offsetVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
161
|
+
offsetHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
162
|
+
offsetBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
163
|
+
offsetEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
164
|
+
offsetStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
165
|
+
offsetTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
166
|
+
columnGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
167
|
+
rowGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
168
168
|
backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
169
169
|
borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
170
170
|
borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
@@ -209,7 +209,7 @@ declare const getStylesInternal: (props?: ({
|
|
|
209
209
|
insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
|
|
210
210
|
nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
211
211
|
nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
|
|
212
|
-
nestedBorderRadiusSpacing?: "0" | "
|
|
212
|
+
nestedBorderRadiusSpacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
213
213
|
nestedBorderRadius?: boolean | "first" | "last" | undefined;
|
|
214
214
|
} & {
|
|
215
215
|
className?: string | undefined;
|
package/dist/styles/styler.d.ts
CHANGED
|
@@ -21,8 +21,8 @@ declare const getStylesInternal: (props?: ({
|
|
|
21
21
|
badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | undefined;
|
|
22
22
|
buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
|
|
23
23
|
buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
|
|
24
|
-
buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "
|
|
25
|
-
buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "
|
|
24
|
+
buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
|
|
25
|
+
buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
|
|
26
26
|
checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
|
|
27
27
|
checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
|
|
28
28
|
checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
|
|
@@ -126,10 +126,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
126
126
|
toastSizeIcon?: "default" | undefined;
|
|
127
127
|
toastSizeLabel?: "default" | undefined;
|
|
128
128
|
toastSizeRoot?: "default" | undefined;
|
|
129
|
-
toastVariantActionButton?: "warning" | "info" | "
|
|
130
|
-
toastVariantCloseIcon?: "warning" | "info" | "
|
|
131
|
-
toastVariantIcon?: "warning" | "info" | "
|
|
132
|
-
toastVariantRoot?: "warning" | "info" | "
|
|
129
|
+
toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
130
|
+
toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
131
|
+
toastVariantIcon?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
132
|
+
toastVariantRoot?: "warning" | "info" | "loading" | "default" | "error" | "success" | undefined;
|
|
133
133
|
tooltipSizeBody?: "default" | undefined;
|
|
134
134
|
tooltipSizeEndContent?: "default" | undefined;
|
|
135
135
|
tooltipSizeIcon?: "default" | undefined;
|
|
@@ -147,24 +147,24 @@ declare const getStylesInternal: (props?: ({
|
|
|
147
147
|
fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "medium" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
|
|
148
148
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
149
149
|
letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
150
|
-
textAlign?: "center" | "
|
|
150
|
+
textAlign?: "center" | "start" | "end" | "justify" | undefined;
|
|
151
151
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
152
|
-
spacing?: "0" | "
|
|
153
|
-
spacingHorizontal?: "0" | "
|
|
154
|
-
spacingVertical?: "0" | "
|
|
155
|
-
spacingBottom?: "0" | "
|
|
156
|
-
spacingEnd?: "0" | "
|
|
157
|
-
spacingStart?: "0" | "
|
|
158
|
-
spacingTop?: "0" | "
|
|
159
|
-
offset?: "0" | "
|
|
160
|
-
offsetVertical?: "0" | "
|
|
161
|
-
offsetHorizontal?: "0" | "
|
|
162
|
-
offsetBottom?: "0" | "
|
|
163
|
-
offsetEnd?: "0" | "
|
|
164
|
-
offsetStart?: "0" | "
|
|
165
|
-
offsetTop?: "0" | "
|
|
166
|
-
columnGap?: "0" | "
|
|
167
|
-
rowGap?: "0" | "
|
|
152
|
+
spacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
153
|
+
spacingHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
154
|
+
spacingVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
155
|
+
spacingBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
156
|
+
spacingEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
157
|
+
spacingStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
158
|
+
spacingTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
159
|
+
offset?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
160
|
+
offsetVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
161
|
+
offsetHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
162
|
+
offsetBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
163
|
+
offsetEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
164
|
+
offsetStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
165
|
+
offsetTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
166
|
+
columnGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
167
|
+
rowGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
168
168
|
backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
169
169
|
borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
170
170
|
borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
@@ -209,7 +209,7 @@ declare const getStylesInternal: (props?: ({
|
|
|
209
209
|
insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
|
|
210
210
|
nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
211
211
|
nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
|
|
212
|
-
nestedBorderRadiusSpacing?: "0" | "
|
|
212
|
+
nestedBorderRadiusSpacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
213
213
|
nestedBorderRadius?: boolean | "first" | "last" | undefined;
|
|
214
214
|
} & {
|
|
215
215
|
className?: string | undefined;
|
|
@@ -53,7 +53,7 @@ async function purgeOptimized(options) {
|
|
|
53
53
|
stats.expressionsResolved += result.stats.expressionsResolved;
|
|
54
54
|
}
|
|
55
55
|
allClasses.push(...require_safelist.getThemeAndScaleClasses(colorModes));
|
|
56
|
-
const finalSafelist = require_safelist.deduplicateSafelist(allClasses);
|
|
56
|
+
const finalSafelist = require_safelist.deduplicateSafelist(allClasses).sort();
|
|
57
57
|
await require_safelist.saveSafelistToFile(finalSafelist, node_path.default.join(workspaceDir, output));
|
|
58
58
|
stats.timeMs = Math.round(performance.now() - startTime);
|
|
59
59
|
stats.classesGenerated = finalSafelist.length;
|
|
@@ -50,7 +50,7 @@ async function purgeOptimized(options) {
|
|
|
50
50
|
stats.expressionsResolved += result.stats.expressionsResolved;
|
|
51
51
|
}
|
|
52
52
|
allClasses.push(...getThemeAndScaleClasses(colorModes));
|
|
53
|
-
const finalSafelist = deduplicateSafelist(allClasses);
|
|
53
|
+
const finalSafelist = deduplicateSafelist(allClasses).sort();
|
|
54
54
|
await saveSafelistToFile(finalSafelist, path.join(workspaceDir, output));
|
|
55
55
|
stats.timeMs = Math.round(performance.now() - startTime);
|
|
56
56
|
stats.classesGenerated = finalSafelist.length;
|
|
@@ -19,6 +19,6 @@ import { FontConfig } from "../../../../types/dist/index.cjs";
|
|
|
19
19
|
* addBase(fontVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-
|
|
22
|
+
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-serif" | "--uds-font-mono" | "--uds-font-sans-alt" | "--uds-font-serif-alt", string>; //#endregion
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getFontStyles };
|
|
@@ -19,6 +19,6 @@ import { FontConfig } from "../../../../types/dist/index.js";
|
|
|
19
19
|
* addBase(fontVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-
|
|
22
|
+
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-serif" | "--uds-font-mono" | "--uds-font-sans-alt" | "--uds-font-serif-alt", string>; //#endregion
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getFontStyles };
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../../../config/dist/index.cjs";
|
|
|
4
4
|
|
|
5
5
|
//#region ../tailwind/dist/tailwind/utils/getShadowStyles.d.ts
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
8
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
9
9
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
10
10
|
}];
|
|
11
11
|
declare function getShadowStyles({
|
|
@@ -14,8 +14,8 @@ declare function getShadowStyles({
|
|
|
14
14
|
}: {
|
|
15
15
|
config: UniversalTokensConfig;
|
|
16
16
|
shadowType: ShadowType;
|
|
17
|
-
}): Record<".uds-inset-shadow-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
18
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
19
19
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
20
20
|
}>; //#endregion
|
|
21
21
|
//#endregion
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../../../config/dist/index.js";
|
|
|
4
4
|
|
|
5
5
|
//#region ../tailwind/dist/tailwind/utils/getShadowStyles.d.ts
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
8
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
9
9
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
10
10
|
}];
|
|
11
11
|
declare function getShadowStyles({
|
|
@@ -14,8 +14,8 @@ declare function getShadowStyles({
|
|
|
14
14
|
}: {
|
|
15
15
|
config: UniversalTokensConfig;
|
|
16
16
|
shadowType: ShadowType;
|
|
17
|
-
}): Record<".uds-inset-shadow-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
18
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
19
19
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
20
20
|
}>; //#endregion
|
|
21
21
|
//#endregion
|
|
@@ -1441,8 +1441,6 @@ var ChipBase = {
|
|
|
1441
1441
|
"opacity-50",
|
|
1442
1442
|
"inline-flex",
|
|
1443
1443
|
"items-center",
|
|
1444
|
-
"focus-visible:-outline-offset-2",
|
|
1445
|
-
"uds-ring",
|
|
1446
1444
|
"transition-[background-color,outline-color,box-shadow]",
|
|
1447
1445
|
"truncate",
|
|
1448
1446
|
"whitespace-nowrap",
|
|
@@ -1471,7 +1469,7 @@ var ChipButton = {
|
|
|
1471
1469
|
"name": "ChipButton",
|
|
1472
1470
|
"defaultProps": {},
|
|
1473
1471
|
"getStylesLiterals": {},
|
|
1474
|
-
"cxLiterals": [],
|
|
1472
|
+
"cxLiterals": ["uds-ring"],
|
|
1475
1473
|
"internalComponents": ["ChipBase"],
|
|
1476
1474
|
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
1477
1475
|
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
@@ -1498,7 +1496,7 @@ var ChipLink = {
|
|
|
1498
1496
|
"name": "ChipLink",
|
|
1499
1497
|
"defaultProps": {},
|
|
1500
1498
|
"getStylesLiterals": {},
|
|
1501
|
-
"cxLiterals": [],
|
|
1499
|
+
"cxLiterals": ["uds-ring"],
|
|
1502
1500
|
"internalComponents": ["ChipBase"],
|
|
1503
1501
|
"internalComponentProps": { "ChipBase": { "as": ["a"] } },
|
|
1504
1502
|
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
@@ -1511,7 +1509,7 @@ var ChipToggle = {
|
|
|
1511
1509
|
"chipToggleVariantActiveRoot": "on",
|
|
1512
1510
|
"chipToggleVariantActiveRoot:1": "off"
|
|
1513
1511
|
},
|
|
1514
|
-
"cxLiterals": [],
|
|
1512
|
+
"cxLiterals": ["uds-ring"],
|
|
1515
1513
|
"internalComponents": ["ChipBase"],
|
|
1516
1514
|
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
1517
1515
|
"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
|
|
@@ -1440,8 +1440,6 @@ var ChipBase = {
|
|
|
1440
1440
|
"opacity-50",
|
|
1441
1441
|
"inline-flex",
|
|
1442
1442
|
"items-center",
|
|
1443
|
-
"focus-visible:-outline-offset-2",
|
|
1444
|
-
"uds-ring",
|
|
1445
1443
|
"transition-[background-color,outline-color,box-shadow]",
|
|
1446
1444
|
"truncate",
|
|
1447
1445
|
"whitespace-nowrap",
|
|
@@ -1470,7 +1468,7 @@ var ChipButton = {
|
|
|
1470
1468
|
"name": "ChipButton",
|
|
1471
1469
|
"defaultProps": {},
|
|
1472
1470
|
"getStylesLiterals": {},
|
|
1473
|
-
"cxLiterals": [],
|
|
1471
|
+
"cxLiterals": ["uds-ring"],
|
|
1474
1472
|
"internalComponents": ["ChipBase"],
|
|
1475
1473
|
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
1476
1474
|
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
@@ -1497,7 +1495,7 @@ var ChipLink = {
|
|
|
1497
1495
|
"name": "ChipLink",
|
|
1498
1496
|
"defaultProps": {},
|
|
1499
1497
|
"getStylesLiterals": {},
|
|
1500
|
-
"cxLiterals": [],
|
|
1498
|
+
"cxLiterals": ["uds-ring"],
|
|
1501
1499
|
"internalComponents": ["ChipBase"],
|
|
1502
1500
|
"internalComponentProps": { "ChipBase": { "as": ["a"] } },
|
|
1503
1501
|
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
@@ -1510,7 +1508,7 @@ var ChipToggle = {
|
|
|
1510
1508
|
"chipToggleVariantActiveRoot": "on",
|
|
1511
1509
|
"chipToggleVariantActiveRoot:1": "off"
|
|
1512
1510
|
},
|
|
1513
|
-
"cxLiterals": [],
|
|
1511
|
+
"cxLiterals": ["uds-ring"],
|
|
1514
1512
|
"internalComponents": ["ChipBase"],
|
|
1515
1513
|
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
1516
1514
|
"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
|
package/dist/uds/package.cjs
CHANGED
|
@@ -222,8 +222,8 @@ var package_default = {
|
|
|
222
222
|
"@ariakit/react": "^0.4.20",
|
|
223
223
|
"clsx": "^2.1.1",
|
|
224
224
|
"fast-glob": "^3.3.3",
|
|
225
|
-
"lodash": "^4.17.
|
|
226
|
-
"lodash-es": "^4.17.
|
|
225
|
+
"lodash": "^4.17.23",
|
|
226
|
+
"lodash-es": "^4.17.23",
|
|
227
227
|
"motion": "^12.23.26",
|
|
228
228
|
"prompts": "^2.4.2",
|
|
229
229
|
"react-toastify": "^11.0.5",
|
|
@@ -236,10 +236,10 @@ var package_default = {
|
|
|
236
236
|
},
|
|
237
237
|
devDependencies: {
|
|
238
238
|
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
239
|
-
"@next/env": "^16.1.
|
|
239
|
+
"@next/env": "^16.1.6",
|
|
240
240
|
"@optimize-lodash/transform": "^3.0.6",
|
|
241
241
|
"@types/bun": "1.3.3",
|
|
242
|
-
"@types/lodash": "^4.17.
|
|
242
|
+
"@types/lodash": "^4.17.24",
|
|
243
243
|
"@types/react": "^19.2.7",
|
|
244
244
|
"@types/react-dom": "^19.2.3",
|
|
245
245
|
"@types/semver": "^7.7.1",
|
package/dist/uds/package.js
CHANGED
|
@@ -221,8 +221,8 @@ var package_default = {
|
|
|
221
221
|
"@ariakit/react": "^0.4.20",
|
|
222
222
|
"clsx": "^2.1.1",
|
|
223
223
|
"fast-glob": "^3.3.3",
|
|
224
|
-
"lodash": "^4.17.
|
|
225
|
-
"lodash-es": "^4.17.
|
|
224
|
+
"lodash": "^4.17.23",
|
|
225
|
+
"lodash-es": "^4.17.23",
|
|
226
226
|
"motion": "^12.23.26",
|
|
227
227
|
"prompts": "^2.4.2",
|
|
228
228
|
"react-toastify": "^11.0.5",
|
|
@@ -235,10 +235,10 @@ var package_default = {
|
|
|
235
235
|
},
|
|
236
236
|
devDependencies: {
|
|
237
237
|
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
238
|
-
"@next/env": "^16.1.
|
|
238
|
+
"@next/env": "^16.1.6",
|
|
239
239
|
"@optimize-lodash/transform": "^3.0.6",
|
|
240
240
|
"@types/bun": "1.3.3",
|
|
241
|
-
"@types/lodash": "^4.17.
|
|
241
|
+
"@types/lodash": "^4.17.24",
|
|
242
242
|
"@types/react": "^19.2.7",
|
|
243
243
|
"@types/react-dom": "^19.2.3",
|
|
244
244
|
"@types/semver": "^7.7.1",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yahoo/uds",
|
|
3
3
|
"description": "Yahoo Universal System",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.106.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -224,8 +224,8 @@
|
|
|
224
224
|
"@ariakit/react": "^0.4.20",
|
|
225
225
|
"clsx": "^2.1.1",
|
|
226
226
|
"fast-glob": "^3.3.3",
|
|
227
|
-
"lodash": "^4.17.
|
|
228
|
-
"lodash-es": "^4.17.
|
|
227
|
+
"lodash": "^4.17.23",
|
|
228
|
+
"lodash-es": "^4.17.23",
|
|
229
229
|
"motion": "^12.23.26",
|
|
230
230
|
"prompts": "^2.4.2",
|
|
231
231
|
"react-toastify": "^11.0.5",
|
|
@@ -238,10 +238,10 @@
|
|
|
238
238
|
},
|
|
239
239
|
"devDependencies": {
|
|
240
240
|
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
241
|
-
"@next/env": "^16.1.
|
|
241
|
+
"@next/env": "^16.1.6",
|
|
242
242
|
"@optimize-lodash/transform": "^3.0.6",
|
|
243
243
|
"@types/bun": "1.3.3",
|
|
244
|
-
"@types/lodash": "^4.17.
|
|
244
|
+
"@types/lodash": "^4.17.24",
|
|
245
245
|
"@types/react": "^19.2.7",
|
|
246
246
|
"@types/react-dom": "^19.2.3",
|
|
247
247
|
"@types/semver": "^7.7.1",
|