@yahoo/uds 3.169.0 → 3.170.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/generated/autoVariantTemplates.cjs +218 -0
- package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/Icon.cjs +3 -6
- package/dist/components/Icon.js +3 -6
- package/dist/components/IconSlot.cjs +1 -1
- package/dist/components/IconSlot.js +1 -1
- package/dist/components/client/Button/Button.cjs +1 -1
- package/dist/components/client/Button/Button.js +1 -1
- package/dist/components/client/IconButton/IconButton.cjs +1 -1
- package/dist/components/client/IconButton/IconButton.js +1 -1
- package/dist/components/client/Menu/Menu.Content.cjs +1 -1
- package/dist/components/client/Menu/Menu.Content.js +1 -1
- package/dist/components/client/Popover/PopoverContent.cjs +1 -1
- package/dist/components/client/Popover/PopoverContent.js +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/dist/styles/styleVariantTemplates.cjs +146 -0
- package/dist/styles/styleVariantTemplates.d.cts +161 -0
- package/dist/styles/styleVariantTemplates.d.ts +161 -0
- package/dist/styles/styleVariantTemplates.js +145 -0
- package/dist/styles/styler.cjs +32 -21
- package/dist/styles/styler.d.cts +13 -281
- package/dist/styles/styler.d.ts +13 -281
- package/dist/styles/styler.js +32 -21
- package/dist/styles/stylerTypes.d.cts +1 -1
- package/dist/styles/stylerTypes.d.ts +1 -1
- package/dist/styles/textColorVariants.cjs +40 -0
- package/dist/styles/textColorVariants.d.cts +39 -0
- package/dist/styles/textColorVariants.d.ts +39 -0
- package/dist/styles/textColorVariants.js +39 -0
- package/dist/styles/udsTailwindMerge.cjs +522 -0
- package/dist/styles/udsTailwindMerge.d.cts +7 -0
- package/dist/styles/udsTailwindMerge.d.ts +7 -0
- package/dist/styles/udsTailwindMerge.js +520 -0
- package/dist/styles/variantClass.cjs +31 -0
- package/dist/styles/variantClass.d.cts +12 -0
- package/dist/styles/variantClass.d.ts +12 -0
- package/dist/styles/variantClass.js +30 -0
- package/dist/styles/variants.cjs +3 -29
- package/dist/styles/variants.js +3 -29
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/utils/getFontUrls.cjs +8 -1
- package/dist/tokens/utils/getFontUrls.d.cts +7 -0
- package/dist/tokens/utils/getFontUrls.d.ts +7 -0
- package/dist/tokens/utils/getFontUrls.js +8 -1
- package/dist/uds/generated/componentData.cjs +365 -361
- package/dist/uds/generated/componentData.js +365 -361
- package/dist/uds/generated/tailwindPurge.cjs +80 -80
- package/dist/uds/generated/tailwindPurge.js +80 -80
- package/generated/componentData.json +590 -590
- package/generated/tailwindPurge.ts +1 -1
- package/package.json +1 -1
|
@@ -10,8 +10,8 @@ declare function getShadowStyles({
|
|
|
10
10
|
}: {
|
|
11
11
|
config: UniversalTokensConfig;
|
|
12
12
|
shadowType: ShadowType;
|
|
13
|
-
}): Record<".uds-inset-shadow-
|
|
14
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
13
|
+
}): 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", {
|
|
14
|
+
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)";
|
|
15
15
|
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)";
|
|
16
16
|
}>; //#endregion
|
|
17
17
|
//#endregion
|
|
@@ -10,8 +10,8 @@ declare function getShadowStyles({
|
|
|
10
10
|
}: {
|
|
11
11
|
config: UniversalTokensConfig;
|
|
12
12
|
shadowType: ShadowType;
|
|
13
|
-
}): Record<".uds-inset-shadow-
|
|
14
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
13
|
+
}): 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", {
|
|
14
|
+
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)";
|
|
15
15
|
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)";
|
|
16
16
|
}>; //#endregion
|
|
17
17
|
//#endregion
|
package/dist/tokens/index.cjs
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const require_index = require("../palette/dist/index.cjs");
|
|
4
4
|
const require_index$1 = require("../css-tokens/dist/index.cjs");
|
|
5
|
-
const require_styles_variants = require("../styles/variants.cjs");
|
|
6
5
|
const require_entries = require("../utils/dist/entries.cjs");
|
|
7
6
|
const require_fromEntries = require("../utils/dist/fromEntries.cjs");
|
|
8
7
|
const require_mapValues = require("../utils/dist/mapValues.cjs");
|
|
@@ -31,6 +30,7 @@ const require_getConfigVariants = require("../automated-config/dist/utils/getCon
|
|
|
31
30
|
const require_getPaginationControlWidthPx = require("../automated-config/dist/utils/getPaginationControlWidthPx.cjs");
|
|
32
31
|
const require_isConfiguratorPropertyVisible = require("../automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
|
|
33
32
|
const require_index$2 = require("../automated-config/dist/utils/index.cjs");
|
|
33
|
+
const require_styles_variants = require("../styles/variants.cjs");
|
|
34
34
|
const require_generatedConfigs = require("../automated-config/dist/generated/generatedConfigs.cjs");
|
|
35
35
|
const require_tokens_configs_shadow = require("./configs/shadow.cjs");
|
|
36
36
|
const require_index$3 = require("../modes/dist/index.cjs");
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "../palette/dist/index.js";
|
|
3
3
|
import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe } from "../css-tokens/dist/index.js";
|
|
4
|
-
import { variants } from "../styles/variants.js";
|
|
5
4
|
import { entries } from "../utils/dist/entries.js";
|
|
6
5
|
import { fromEntries } from "../utils/dist/fromEntries.js";
|
|
7
6
|
import { mapValues } from "../utils/dist/mapValues.js";
|
|
@@ -30,6 +29,7 @@ import { getConfigVariants } from "../automated-config/dist/utils/getConfigVaria
|
|
|
30
29
|
import { getPaginationControlWidthPx, syncPaginationWidthVarForSize } from "../automated-config/dist/utils/getPaginationControlWidthPx.js";
|
|
31
30
|
import { isConfiguratorPropertyVisible } from "../automated-config/dist/utils/isConfiguratorPropertyVisible.js";
|
|
32
31
|
import { applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode } from "../automated-config/dist/utils/index.js";
|
|
32
|
+
import { variants } from "../styles/variants.js";
|
|
33
33
|
import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, ModalConfig, PaddleNavConfig, PaginationConfig, PopoverConfig, RadioConfig, ScrimConfig, SelectConfig, SelectContentConfig, SelectItemConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "../automated-config/dist/generated/generatedConfigs.js";
|
|
34
34
|
import { shadow } from "./configs/shadow.js";
|
|
35
35
|
import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "../modes/dist/index.js";
|
|
@@ -80,7 +80,14 @@ function getFontUrlsByIds(fontIds) {
|
|
|
80
80
|
* ReactDOM.preload(fontUrls['centra-no2'][400], { as: 'font', crossOrigin: '', type: 'font/woff2' });
|
|
81
81
|
* ```
|
|
82
82
|
*/
|
|
83
|
-
|
|
83
|
+
/**
|
|
84
|
+
* !WARNING: The `@__PURE__` annotation below is load-bearing for tree-shaking — do not remove it.
|
|
85
|
+
*
|
|
86
|
+
* This const is re-exported from the `tokens` barrel, so without the annotation some bundlers
|
|
87
|
+
* (rollup, webpack + terser) retain this call — and the font declarations map it walks — in any
|
|
88
|
+
* bundle that imports anything from the barrel, even when `fontUrls` itself is unused.
|
|
89
|
+
*/
|
|
90
|
+
const fontUrls = /* @__PURE__ */ getFontUrls();
|
|
84
91
|
//#endregion
|
|
85
92
|
exports.fontUrls = fontUrls;
|
|
86
93
|
exports.getFontUrls = getFontUrls;
|
|
@@ -68,6 +68,13 @@ declare function getFontUrlsByIds(fontIds: FontID[]): string[];
|
|
|
68
68
|
* ReactDOM.preload(fontUrls['centra-no2'][400], { as: 'font', crossOrigin: '', type: 'font/woff2' });
|
|
69
69
|
* ```
|
|
70
70
|
*/
|
|
71
|
+
/**
|
|
72
|
+
* !WARNING: The `@__PURE__` annotation below is load-bearing for tree-shaking — do not remove it.
|
|
73
|
+
*
|
|
74
|
+
* This const is re-exported from the `tokens` barrel, so without the annotation some bundlers
|
|
75
|
+
* (rollup, webpack + terser) retain this call — and the font declarations map it walks — in any
|
|
76
|
+
* bundle that imports anything from the barrel, even when `fontUrls` itself is unused.
|
|
77
|
+
*/
|
|
71
78
|
declare const fontUrls: FontUrlMap;
|
|
72
79
|
//#endregion
|
|
73
80
|
export { FontUrlConfig, FontUrlMap, fontUrls, getFontUrls, getFontUrlsByIds };
|
|
@@ -68,6 +68,13 @@ declare function getFontUrlsByIds(fontIds: FontID[]): string[];
|
|
|
68
68
|
* ReactDOM.preload(fontUrls['centra-no2'][400], { as: 'font', crossOrigin: '', type: 'font/woff2' });
|
|
69
69
|
* ```
|
|
70
70
|
*/
|
|
71
|
+
/**
|
|
72
|
+
* !WARNING: The `@__PURE__` annotation below is load-bearing for tree-shaking — do not remove it.
|
|
73
|
+
*
|
|
74
|
+
* This const is re-exported from the `tokens` barrel, so without the annotation some bundlers
|
|
75
|
+
* (rollup, webpack + terser) retain this call — and the font declarations map it walks — in any
|
|
76
|
+
* bundle that imports anything from the barrel, even when `fontUrls` itself is unused.
|
|
77
|
+
*/
|
|
71
78
|
declare const fontUrls: FontUrlMap;
|
|
72
79
|
//#endregion
|
|
73
80
|
export { FontUrlConfig, FontUrlMap, fontUrls, getFontUrls, getFontUrlsByIds };
|
|
@@ -79,6 +79,13 @@ function getFontUrlsByIds(fontIds) {
|
|
|
79
79
|
* ReactDOM.preload(fontUrls['centra-no2'][400], { as: 'font', crossOrigin: '', type: 'font/woff2' });
|
|
80
80
|
* ```
|
|
81
81
|
*/
|
|
82
|
-
|
|
82
|
+
/**
|
|
83
|
+
* !WARNING: The `@__PURE__` annotation below is load-bearing for tree-shaking — do not remove it.
|
|
84
|
+
*
|
|
85
|
+
* This const is re-exported from the `tokens` barrel, so without the annotation some bundlers
|
|
86
|
+
* (rollup, webpack + terser) retain this call — and the font declarations map it walks — in any
|
|
87
|
+
* bundle that imports anything from the barrel, even when `fontUrls` itself is unused.
|
|
88
|
+
*/
|
|
89
|
+
const fontUrls = /* @__PURE__ */ getFontUrls();
|
|
83
90
|
//#endregion
|
|
84
91
|
export { fontUrls, getFontUrls, getFontUrlsByIds };
|