@yahoo/uds 3.115.0-beta.2 → 3.116.0-beta.1
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/autoVariants.cjs +10 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +10 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +10 -0
- package/dist/automated-config/dist/generated/autoVariants.js +10 -0
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +1842 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +194 -1
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +194 -1
- package/dist/automated-config/dist/generated/generatedConfigs.js +1842 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +78 -0
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +78 -0
- package/dist/cli/commands/sync.cjs +6 -0
- package/dist/cli/commands/sync.js +6 -0
- package/dist/components/SvgFloatingOverlay.cjs +123 -0
- package/dist/components/SvgFloatingOverlay.d.cts +42 -0
- package/dist/components/SvgFloatingOverlay.d.ts +42 -0
- package/dist/components/SvgFloatingOverlay.js +121 -0
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Popover/Popover.cjs +96 -0
- package/dist/components/client/Popover/Popover.d.cts +55 -0
- package/dist/components/client/Popover/Popover.d.ts +55 -0
- package/dist/components/client/Popover/Popover.js +94 -0
- package/dist/components/client/Popover/PopoverContent.cjs +172 -0
- package/dist/components/client/Popover/PopoverContent.d.cts +26 -0
- package/dist/components/client/Popover/PopoverContent.d.ts +26 -0
- package/dist/components/client/Popover/PopoverContent.js +170 -0
- package/dist/components/client/Popover/PopoverContext.cjs +11 -0
- package/dist/components/client/Popover/PopoverContext.d.cts +21 -0
- package/dist/components/client/Popover/PopoverContext.d.ts +21 -0
- package/dist/components/client/Popover/PopoverContext.js +9 -0
- package/dist/components/client/Popover/PopoverTrigger.cjs +26 -0
- package/dist/components/client/Popover/PopoverTrigger.d.cts +14 -0
- package/dist/components/client/Popover/PopoverTrigger.d.ts +14 -0
- package/dist/components/client/Popover/PopoverTrigger.js +24 -0
- package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +40 -0
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +28 -0
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +28 -0
- package/dist/components/client/Popover/UDSPopoverConfigProvider.js +37 -0
- package/dist/components/client/Popover/index.cjs +12 -0
- package/dist/components/client/Popover/index.d.cts +7 -0
- package/dist/components/client/Popover/index.d.ts +7 -0
- package/dist/components/client/Popover/index.js +8 -0
- package/dist/components/client/Toast/Toast.cjs +1 -1
- package/dist/components/client/Toast/Toast.d.cts +1 -1
- package/dist/components/client/Toast/Toast.d.ts +1 -1
- package/dist/components/client/Toast/Toast.js +1 -1
- package/dist/components/client/Toast/index.d.cts +1 -1
- package/dist/components/client/Toast/index.d.ts +1 -1
- package/dist/components/client/Tooltip/Tooltip.cjs +6 -6
- package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
- package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/client/Tooltip/Tooltip.js +6 -6
- package/dist/components/client/Tooltip/TooltipContent.cjs +55 -119
- package/dist/components/client/Tooltip/TooltipContent.js +56 -120
- package/dist/components/client/Tooltip/tooltipContext.cjs +0 -1
- package/dist/components/client/Tooltip/tooltipContext.d.cts +1 -2
- package/dist/components/client/Tooltip/tooltipContext.d.ts +1 -2
- package/dist/components/client/Tooltip/tooltipContext.js +0 -1
- package/dist/components/client/index.cjs +8 -0
- package/dist/components/client/index.d.cts +10 -5
- package/dist/components/client/index.d.ts +10 -5
- package/dist/components/client/index.js +5 -1
- package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
- package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.js +6 -2
- package/dist/components/experimental/client/{Popover.cjs → ExperimentalPopover.cjs} +10 -1
- package/dist/components/experimental/client/ExperimentalPopover.d.cts +40 -0
- package/dist/components/experimental/client/ExperimentalPopover.d.ts +40 -0
- package/dist/components/experimental/client/{Popover.js → ExperimentalPopover.js} +10 -1
- package/dist/components/experimental/client/index.cjs +10 -10
- package/dist/components/experimental/client/index.d.cts +2 -2
- package/dist/components/experimental/client/index.d.ts +2 -2
- package/dist/components/experimental/client/index.js +1 -1
- package/dist/components/experimental/index.cjs +19 -19
- package/dist/components/experimental/index.d.cts +2 -2
- package/dist/components/experimental/index.d.ts +2 -2
- package/dist/components/experimental/index.js +1 -1
- package/dist/components/index.cjs +12 -0
- package/dist/components/index.d.cts +9 -5
- package/dist/components/index.d.ts +9 -5
- package/dist/components/index.js +9 -1
- package/dist/config/dist/index.cjs +79 -1
- package/dist/config/dist/index.js +79 -1
- package/dist/{components/client/Tooltip/useTooltipContent.cjs → hooks/useSvgFloatingContent.cjs} +81 -48
- package/dist/hooks/useSvgFloatingContent.d.cts +74 -0
- package/dist/hooks/useSvgFloatingContent.d.ts +74 -0
- package/dist/{components/client/Tooltip/useTooltipContent.js → hooks/useSvgFloatingContent.js} +76 -43
- package/dist/index.cjs +21 -10
- package/dist/index.d.cts +15 -10
- package/dist/index.d.ts +15 -10
- package/dist/index.js +16 -11
- package/dist/runtime/index.cjs +2 -0
- package/dist/runtime/index.d.cts +3 -2
- package/dist/runtime/index.d.ts +3 -2
- package/dist/runtime/index.js +2 -1
- package/dist/runtime/popoverConfig.cjs +41 -0
- package/dist/runtime/popoverConfig.d.cts +24 -0
- package/dist/runtime/popoverConfig.d.ts +24 -0
- package/dist/runtime/popoverConfig.js +40 -0
- package/dist/runtime/udsConfig.cjs +3 -1
- package/dist/runtime/udsConfig.d.cts +3 -1
- package/dist/runtime/udsConfig.d.ts +3 -1
- package/dist/runtime/udsConfig.js +3 -1
- package/dist/styles/styler.d.cts +11 -1
- package/dist/styles/styler.d.ts +11 -1
- package/dist/styles/variants.d.cts +30 -0
- package/dist/styles/variants.d.ts +30 -0
- package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
- package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
- package/dist/tokens/automation/configs/index.cjs +1 -0
- package/dist/tokens/automation/configs/index.d.cts +2 -2
- package/dist/tokens/automation/configs/index.d.ts +2 -2
- package/dist/tokens/automation/configs/index.js +2 -2
- package/dist/tokens/automation/index.cjs +1 -0
- package/dist/tokens/automation/index.d.cts +2 -2
- package/dist/tokens/automation/index.d.ts +2 -2
- package/dist/tokens/automation/index.js +2 -2
- package/dist/tokens/index.cjs +2 -1
- package/dist/tokens/index.d.cts +3 -3
- package/dist/tokens/index.d.ts +3 -3
- package/dist/tokens/index.js +3 -3
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +51 -1
- package/dist/types/dist/index.d.ts +51 -1
- package/dist/uds/generated/componentData.cjs +939 -791
- package/dist/uds/generated/componentData.js +905 -793
- package/dist/uds/generated/tailwindPurge.cjs +52 -26
- package/dist/uds/generated/tailwindPurge.js +52 -26
- package/dist/utils/parseShadow.cjs +120 -0
- package/dist/utils/parseShadow.d.cts +33 -0
- package/dist/utils/parseShadow.d.ts +33 -0
- package/dist/utils/parseShadow.js +118 -0
- package/dist/utils/svgFloatingContentUtils.cjs +121 -0
- package/dist/{components/client/Tooltip/util.d.cts → utils/svgFloatingContentUtils.d.cts} +25 -62
- package/dist/{components/client/Tooltip/util.d.ts → utils/svgFloatingContentUtils.d.ts} +25 -62
- package/dist/utils/svgFloatingContentUtils.js +117 -0
- package/generated/componentData.json +1230 -1089
- package/generated/tailwindPurge.ts +50 -27
- package/package.json +1 -1
- package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
- package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
- package/dist/components/client/Tooltip/util.cjs +0 -248
- package/dist/components/client/Tooltip/util.js +0 -240
- package/dist/components/experimental/client/Popover.d.cts +0 -29
- package/dist/components/experimental/client/Popover.d.ts +0 -29
package/dist/runtime/index.d.cts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./bottomSheetConfig.cjs";
|
|
3
|
+
import { UDSPopoverConfigContextType, configToPopoverConfigContext } from "./popoverConfig.cjs";
|
|
4
|
+
import { UDSBreakpointsConfigContextType, configToBreakpointsConfigContext } from "./breakpointsConfig.cjs";
|
|
3
5
|
import { UDSToastConfigContextType, configToToastConfigContext } from "./toastConfig.cjs";
|
|
4
6
|
import { UDSTooltipConfigContextType, configToTooltipConfigContext } from "./tooltipConfig.cjs";
|
|
5
|
-
import { UDSBreakpointsConfigContextType, configToBreakpointsConfigContext } from "./breakpointsConfig.cjs";
|
|
6
7
|
import { UDSConfigContextType, configToUDSConfigContext } from "./udsConfig.cjs";
|
|
7
|
-
export { UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSConfigContextType, UDSToastConfigContextType, UDSTooltipConfigContextType, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
|
8
|
+
export { UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSConfigContextType, UDSPopoverConfigContextType, UDSToastConfigContextType, UDSTooltipConfigContextType, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
package/dist/runtime/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./bottomSheetConfig.js";
|
|
3
|
+
import { UDSPopoverConfigContextType, configToPopoverConfigContext } from "./popoverConfig.js";
|
|
4
|
+
import { UDSBreakpointsConfigContextType, configToBreakpointsConfigContext } from "./breakpointsConfig.js";
|
|
3
5
|
import { UDSToastConfigContextType, configToToastConfigContext } from "./toastConfig.js";
|
|
4
6
|
import { UDSTooltipConfigContextType, configToTooltipConfigContext } from "./tooltipConfig.js";
|
|
5
|
-
import { UDSBreakpointsConfigContextType, configToBreakpointsConfigContext } from "./breakpointsConfig.js";
|
|
6
7
|
import { UDSConfigContextType, configToUDSConfigContext } from "./udsConfig.js";
|
|
7
|
-
export { UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSConfigContextType, UDSToastConfigContextType, UDSTooltipConfigContextType, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
|
8
|
+
export { UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSConfigContextType, UDSPopoverConfigContextType, UDSToastConfigContextType, UDSTooltipConfigContextType, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
package/dist/runtime/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
import { configToBottomSheetConfigContext } from "./bottomSheetConfig.js";
|
|
3
3
|
import { configToBreakpointsConfigContext } from "./breakpointsConfig.js";
|
|
4
|
+
import { configToPopoverConfigContext } from "./popoverConfig.js";
|
|
4
5
|
import { configToToastConfigContext } from "./toastConfig.js";
|
|
5
6
|
import { configToTooltipConfigContext } from "./tooltipConfig.js";
|
|
6
7
|
import { configToUDSConfigContext } from "./udsConfig.js";
|
|
7
8
|
|
|
8
|
-
export { configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
|
9
|
+
export { configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
3
|
+
const require_tokens_utils_fromEntries = require('../tokens/utils/fromEntries.cjs');
|
|
4
|
+
|
|
5
|
+
//#region src/runtime/popoverConfig.ts
|
|
6
|
+
const popoverSizes = ["default"];
|
|
7
|
+
const placementMap = {
|
|
8
|
+
top: "top",
|
|
9
|
+
bottom: "bottom",
|
|
10
|
+
start: "left",
|
|
11
|
+
end: "right",
|
|
12
|
+
"top-start": "top-start",
|
|
13
|
+
"top-end": "top-end",
|
|
14
|
+
"bottom-start": "bottom-start",
|
|
15
|
+
"bottom-end": "bottom-end",
|
|
16
|
+
"start-top": "left-start",
|
|
17
|
+
"start-bottom": "left-end",
|
|
18
|
+
"end-top": "right-start",
|
|
19
|
+
"end-bottom": "right-end"
|
|
20
|
+
};
|
|
21
|
+
const configToPopoverConfigContext = ({ popover, scaleMode }) => {
|
|
22
|
+
const borderRadius = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, scaleMode.medium.borderRadius[popover.variables[`size/${s}/svgBase`].borderRadius.rest.value]]));
|
|
23
|
+
const gap = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].gap.rest.value]));
|
|
24
|
+
const spacingHorizontal = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingHorizontal.rest.value]));
|
|
25
|
+
const spacingVertical = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingVertical.rest.value]));
|
|
26
|
+
const dismissButtonSize = { default: 32 };
|
|
27
|
+
if (Object.values(borderRadius).some((b) => typeof b !== "number")) throw new Error("borderRadius is not a number");
|
|
28
|
+
return {
|
|
29
|
+
animationDuration: 200,
|
|
30
|
+
borderRadius,
|
|
31
|
+
placementMap,
|
|
32
|
+
placement: "top",
|
|
33
|
+
gap,
|
|
34
|
+
spacingHorizontal,
|
|
35
|
+
spacingVertical,
|
|
36
|
+
dismissButtonSize
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
//#endregion
|
|
41
|
+
exports.configToPopoverConfigContext = configToPopoverConfigContext;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
|
|
2
|
+
import { PopoverPlacement, PopoverSize, SpacingAlias } from "../types/dist/index.cjs";
|
|
3
|
+
import { UniversalTokensConfig } from "../config/dist/index.cjs";
|
|
4
|
+
import "../tokens/index.cjs";
|
|
5
|
+
import { PopoverProviderProps } from "@ariakit/react";
|
|
6
|
+
|
|
7
|
+
//#region src/runtime/popoverConfig.d.ts
|
|
8
|
+
type PopoverPlacementMap = Record<PopoverPlacement, PopoverProviderProps['placement']>;
|
|
9
|
+
interface UDSPopoverConfigContextType {
|
|
10
|
+
animationDuration: number;
|
|
11
|
+
borderRadius: Record<PopoverSize, number>;
|
|
12
|
+
placementMap: PopoverPlacementMap;
|
|
13
|
+
placement: PopoverPlacement;
|
|
14
|
+
gap: Record<PopoverSize, SpacingAlias>;
|
|
15
|
+
spacingHorizontal: Record<PopoverSize, SpacingAlias>;
|
|
16
|
+
spacingVertical: Record<PopoverSize, SpacingAlias>;
|
|
17
|
+
dismissButtonSize: Record<PopoverSize, number>;
|
|
18
|
+
}
|
|
19
|
+
declare const configToPopoverConfigContext: ({
|
|
20
|
+
popover,
|
|
21
|
+
scaleMode
|
|
22
|
+
}: UniversalTokensConfig) => UDSPopoverConfigContextType;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { type UDSPopoverConfigContextType, configToPopoverConfigContext };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
|
|
2
|
+
import { PopoverPlacement, PopoverSize, SpacingAlias } from "../types/dist/index.js";
|
|
3
|
+
import { UniversalTokensConfig } from "../config/dist/index.js";
|
|
4
|
+
import "../tokens/index.js";
|
|
5
|
+
import { PopoverProviderProps } from "@ariakit/react";
|
|
6
|
+
|
|
7
|
+
//#region src/runtime/popoverConfig.d.ts
|
|
8
|
+
type PopoverPlacementMap = Record<PopoverPlacement, PopoverProviderProps['placement']>;
|
|
9
|
+
interface UDSPopoverConfigContextType {
|
|
10
|
+
animationDuration: number;
|
|
11
|
+
borderRadius: Record<PopoverSize, number>;
|
|
12
|
+
placementMap: PopoverPlacementMap;
|
|
13
|
+
placement: PopoverPlacement;
|
|
14
|
+
gap: Record<PopoverSize, SpacingAlias>;
|
|
15
|
+
spacingHorizontal: Record<PopoverSize, SpacingAlias>;
|
|
16
|
+
spacingVertical: Record<PopoverSize, SpacingAlias>;
|
|
17
|
+
dismissButtonSize: Record<PopoverSize, number>;
|
|
18
|
+
}
|
|
19
|
+
declare const configToPopoverConfigContext: ({
|
|
20
|
+
popover,
|
|
21
|
+
scaleMode
|
|
22
|
+
}: UniversalTokensConfig) => UDSPopoverConfigContextType;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { type UDSPopoverConfigContextType, configToPopoverConfigContext };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
import { fromEntries } from "../tokens/utils/fromEntries.js";
|
|
3
|
+
|
|
4
|
+
//#region src/runtime/popoverConfig.ts
|
|
5
|
+
const popoverSizes = ["default"];
|
|
6
|
+
const placementMap = {
|
|
7
|
+
top: "top",
|
|
8
|
+
bottom: "bottom",
|
|
9
|
+
start: "left",
|
|
10
|
+
end: "right",
|
|
11
|
+
"top-start": "top-start",
|
|
12
|
+
"top-end": "top-end",
|
|
13
|
+
"bottom-start": "bottom-start",
|
|
14
|
+
"bottom-end": "bottom-end",
|
|
15
|
+
"start-top": "left-start",
|
|
16
|
+
"start-bottom": "left-end",
|
|
17
|
+
"end-top": "right-start",
|
|
18
|
+
"end-bottom": "right-end"
|
|
19
|
+
};
|
|
20
|
+
const configToPopoverConfigContext = ({ popover, scaleMode }) => {
|
|
21
|
+
const borderRadius = fromEntries(popoverSizes.map((s) => [s, scaleMode.medium.borderRadius[popover.variables[`size/${s}/svgBase`].borderRadius.rest.value]]));
|
|
22
|
+
const gap = fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].gap.rest.value]));
|
|
23
|
+
const spacingHorizontal = fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingHorizontal.rest.value]));
|
|
24
|
+
const spacingVertical = fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingVertical.rest.value]));
|
|
25
|
+
const dismissButtonSize = { default: 32 };
|
|
26
|
+
if (Object.values(borderRadius).some((b) => typeof b !== "number")) throw new Error("borderRadius is not a number");
|
|
27
|
+
return {
|
|
28
|
+
animationDuration: 200,
|
|
29
|
+
borderRadius,
|
|
30
|
+
placementMap,
|
|
31
|
+
placement: "top",
|
|
32
|
+
gap,
|
|
33
|
+
spacingHorizontal,
|
|
34
|
+
spacingVertical,
|
|
35
|
+
dismissButtonSize
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
//#endregion
|
|
40
|
+
export { configToPopoverConfigContext };
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
3
3
|
const require_runtime_bottomSheetConfig = require('./bottomSheetConfig.cjs');
|
|
4
4
|
const require_runtime_breakpointsConfig = require('./breakpointsConfig.cjs');
|
|
5
|
+
const require_runtime_popoverConfig = require('./popoverConfig.cjs');
|
|
5
6
|
const require_runtime_toastConfig = require('./toastConfig.cjs');
|
|
6
7
|
const require_runtime_tooltipConfig = require('./tooltipConfig.cjs');
|
|
7
8
|
|
|
@@ -11,7 +12,8 @@ const configToUDSConfigContext = (config) => {
|
|
|
11
12
|
bottomSheet: require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(config),
|
|
12
13
|
breakpoints: require_runtime_breakpointsConfig.configToBreakpointsConfigContext(config),
|
|
13
14
|
toast: require_runtime_toastConfig.configToToastConfigContext(config),
|
|
14
|
-
tooltip: require_runtime_tooltipConfig.configToTooltipConfigContext(config)
|
|
15
|
+
tooltip: require_runtime_tooltipConfig.configToTooltipConfigContext(config),
|
|
16
|
+
popover: require_runtime_popoverConfig.configToPopoverConfigContext(config)
|
|
15
17
|
};
|
|
16
18
|
};
|
|
17
19
|
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
import { UniversalTokensConfig } from "../config/dist/index.cjs";
|
|
3
3
|
import "../tokens/types.cjs";
|
|
4
4
|
import { UDSBottomSheetConfigContextType } from "./bottomSheetConfig.cjs";
|
|
5
|
+
import { UDSPopoverConfigContextType } from "./popoverConfig.cjs";
|
|
6
|
+
import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.cjs";
|
|
5
7
|
import { UDSToastConfigContextType } from "./toastConfig.cjs";
|
|
6
8
|
import { UDSTooltipConfigContextType } from "./tooltipConfig.cjs";
|
|
7
|
-
import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.cjs";
|
|
8
9
|
|
|
9
10
|
//#region src/runtime/udsConfig.d.ts
|
|
10
11
|
interface UDSConfigContextType {
|
|
@@ -12,6 +13,7 @@ interface UDSConfigContextType {
|
|
|
12
13
|
breakpoints: UDSBreakpointsConfigContextType;
|
|
13
14
|
toast: UDSToastConfigContextType;
|
|
14
15
|
tooltip: UDSTooltipConfigContextType;
|
|
16
|
+
popover: UDSPopoverConfigContextType;
|
|
15
17
|
}
|
|
16
18
|
declare const configToUDSConfigContext: (config: UniversalTokensConfig) => UDSConfigContextType;
|
|
17
19
|
//#endregion
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
import { UniversalTokensConfig } from "../config/dist/index.js";
|
|
3
3
|
import "../tokens/types.js";
|
|
4
4
|
import { UDSBottomSheetConfigContextType } from "./bottomSheetConfig.js";
|
|
5
|
+
import { UDSPopoverConfigContextType } from "./popoverConfig.js";
|
|
6
|
+
import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.js";
|
|
5
7
|
import { UDSToastConfigContextType } from "./toastConfig.js";
|
|
6
8
|
import { UDSTooltipConfigContextType } from "./tooltipConfig.js";
|
|
7
|
-
import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.js";
|
|
8
9
|
|
|
9
10
|
//#region src/runtime/udsConfig.d.ts
|
|
10
11
|
interface UDSConfigContextType {
|
|
@@ -12,6 +13,7 @@ interface UDSConfigContextType {
|
|
|
12
13
|
breakpoints: UDSBreakpointsConfigContextType;
|
|
13
14
|
toast: UDSToastConfigContextType;
|
|
14
15
|
tooltip: UDSTooltipConfigContextType;
|
|
16
|
+
popover: UDSPopoverConfigContextType;
|
|
15
17
|
}
|
|
16
18
|
declare const configToUDSConfigContext: (config: UniversalTokensConfig) => UDSConfigContextType;
|
|
17
19
|
//#endregion
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
import { configToBottomSheetConfigContext } from "./bottomSheetConfig.js";
|
|
3
3
|
import { configToBreakpointsConfigContext } from "./breakpointsConfig.js";
|
|
4
|
+
import { configToPopoverConfigContext } from "./popoverConfig.js";
|
|
4
5
|
import { configToToastConfigContext } from "./toastConfig.js";
|
|
5
6
|
import { configToTooltipConfigContext } from "./tooltipConfig.js";
|
|
6
7
|
|
|
@@ -10,7 +11,8 @@ const configToUDSConfigContext = (config) => {
|
|
|
10
11
|
bottomSheet: configToBottomSheetConfigContext(config),
|
|
11
12
|
breakpoints: configToBreakpointsConfigContext(config),
|
|
12
13
|
toast: configToToastConfigContext(config),
|
|
13
|
-
tooltip: configToTooltipConfigContext(config)
|
|
14
|
+
tooltip: configToTooltipConfigContext(config),
|
|
15
|
+
popover: configToPopoverConfigContext(config)
|
|
14
16
|
};
|
|
15
17
|
};
|
|
16
18
|
|
package/dist/styles/styler.d.cts
CHANGED
|
@@ -103,6 +103,16 @@ declare const getStylesInternal: (props?: ({
|
|
|
103
103
|
menuitemSizeEndIcon?: "default" | undefined;
|
|
104
104
|
menuitemSizeRoot?: "default" | undefined;
|
|
105
105
|
menuitemSizeStartIcon?: "default" | undefined;
|
|
106
|
+
popoverSizeCloseIcon?: "default" | undefined;
|
|
107
|
+
popoverSizeContentWrapper?: "default" | undefined;
|
|
108
|
+
popoverSizeRoot?: "default" | undefined;
|
|
109
|
+
popoverSizeSvgBase?: "default" | undefined;
|
|
110
|
+
popoverSizeSvgBorder?: "default" | undefined;
|
|
111
|
+
popoverVariantBlur?: "default" | undefined;
|
|
112
|
+
popoverVariantCloseIcon?: "default" | undefined;
|
|
113
|
+
popoverVariantRoot?: "default" | undefined;
|
|
114
|
+
popoverVariantSvgBase?: "default" | undefined;
|
|
115
|
+
popoverVariantSvgBorder?: "default" | undefined;
|
|
106
116
|
radioSizeRadio?: "sm" | "md" | "default" | undefined;
|
|
107
117
|
radioSizeRoot?: "sm" | "md" | "default" | undefined;
|
|
108
118
|
radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
|
|
@@ -150,7 +160,7 @@ declare const getStylesInternal: (props?: ({
|
|
|
150
160
|
fontWeight?: "black" | "thin" | "medium" | "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" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
|
|
151
161
|
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;
|
|
152
162
|
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;
|
|
153
|
-
textAlign?: "
|
|
163
|
+
textAlign?: "center" | "start" | "end" | "justify" | undefined;
|
|
154
164
|
textTransform?: "none" | "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" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
155
165
|
spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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
166
|
spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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;
|
package/dist/styles/styler.d.ts
CHANGED
|
@@ -103,6 +103,16 @@ declare const getStylesInternal: (props?: ({
|
|
|
103
103
|
menuitemSizeEndIcon?: "default" | undefined;
|
|
104
104
|
menuitemSizeRoot?: "default" | undefined;
|
|
105
105
|
menuitemSizeStartIcon?: "default" | undefined;
|
|
106
|
+
popoverSizeCloseIcon?: "default" | undefined;
|
|
107
|
+
popoverSizeContentWrapper?: "default" | undefined;
|
|
108
|
+
popoverSizeRoot?: "default" | undefined;
|
|
109
|
+
popoverSizeSvgBase?: "default" | undefined;
|
|
110
|
+
popoverSizeSvgBorder?: "default" | undefined;
|
|
111
|
+
popoverVariantBlur?: "default" | undefined;
|
|
112
|
+
popoverVariantCloseIcon?: "default" | undefined;
|
|
113
|
+
popoverVariantRoot?: "default" | undefined;
|
|
114
|
+
popoverVariantSvgBase?: "default" | undefined;
|
|
115
|
+
popoverVariantSvgBorder?: "default" | undefined;
|
|
106
116
|
radioSizeRadio?: "sm" | "md" | "default" | undefined;
|
|
107
117
|
radioSizeRoot?: "sm" | "md" | "default" | undefined;
|
|
108
118
|
radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
|
|
@@ -150,7 +160,7 @@ declare const getStylesInternal: (props?: ({
|
|
|
150
160
|
fontWeight?: "black" | "thin" | "medium" | "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" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
|
|
151
161
|
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;
|
|
152
162
|
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;
|
|
153
|
-
textAlign?: "
|
|
163
|
+
textAlign?: "center" | "start" | "end" | "justify" | undefined;
|
|
154
164
|
textTransform?: "none" | "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" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
155
165
|
spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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
166
|
spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.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;
|
|
@@ -541,6 +541,36 @@ declare const variants: {
|
|
|
541
541
|
menuitemSizeStartIcon: {
|
|
542
542
|
readonly default: "uds-menuitem-size-default-starticon";
|
|
543
543
|
};
|
|
544
|
+
popoverSizeCloseIcon: {
|
|
545
|
+
readonly default: "uds-popover-size-default-closeicon";
|
|
546
|
+
};
|
|
547
|
+
popoverSizeContentWrapper: {
|
|
548
|
+
readonly default: "uds-popover-size-default-contentwrapper";
|
|
549
|
+
};
|
|
550
|
+
popoverSizeRoot: {
|
|
551
|
+
readonly default: "uds-popover-size-default-root";
|
|
552
|
+
};
|
|
553
|
+
popoverSizeSvgBase: {
|
|
554
|
+
readonly default: "uds-popover-size-default-svgbase";
|
|
555
|
+
};
|
|
556
|
+
popoverSizeSvgBorder: {
|
|
557
|
+
readonly default: "uds-popover-size-default-svgborder";
|
|
558
|
+
};
|
|
559
|
+
popoverVariantBlur: {
|
|
560
|
+
readonly default: "uds-popover-variant-default-blur";
|
|
561
|
+
};
|
|
562
|
+
popoverVariantCloseIcon: {
|
|
563
|
+
readonly default: "uds-popover-variant-default-closeicon";
|
|
564
|
+
};
|
|
565
|
+
popoverVariantRoot: {
|
|
566
|
+
readonly default: "uds-popover-variant-default-root";
|
|
567
|
+
};
|
|
568
|
+
popoverVariantSvgBase: {
|
|
569
|
+
readonly default: "uds-popover-variant-default-svgbase";
|
|
570
|
+
};
|
|
571
|
+
popoverVariantSvgBorder: {
|
|
572
|
+
readonly default: "uds-popover-variant-default-svgborder";
|
|
573
|
+
};
|
|
544
574
|
radioSizeRadio: {
|
|
545
575
|
readonly default: "uds-radio-size-default-radio";
|
|
546
576
|
readonly md: "uds-radio-size-md-radio";
|
|
@@ -541,6 +541,36 @@ declare const variants: {
|
|
|
541
541
|
menuitemSizeStartIcon: {
|
|
542
542
|
readonly default: "uds-menuitem-size-default-starticon";
|
|
543
543
|
};
|
|
544
|
+
popoverSizeCloseIcon: {
|
|
545
|
+
readonly default: "uds-popover-size-default-closeicon";
|
|
546
|
+
};
|
|
547
|
+
popoverSizeContentWrapper: {
|
|
548
|
+
readonly default: "uds-popover-size-default-contentwrapper";
|
|
549
|
+
};
|
|
550
|
+
popoverSizeRoot: {
|
|
551
|
+
readonly default: "uds-popover-size-default-root";
|
|
552
|
+
};
|
|
553
|
+
popoverSizeSvgBase: {
|
|
554
|
+
readonly default: "uds-popover-size-default-svgbase";
|
|
555
|
+
};
|
|
556
|
+
popoverSizeSvgBorder: {
|
|
557
|
+
readonly default: "uds-popover-size-default-svgborder";
|
|
558
|
+
};
|
|
559
|
+
popoverVariantBlur: {
|
|
560
|
+
readonly default: "uds-popover-variant-default-blur";
|
|
561
|
+
};
|
|
562
|
+
popoverVariantCloseIcon: {
|
|
563
|
+
readonly default: "uds-popover-variant-default-closeicon";
|
|
564
|
+
};
|
|
565
|
+
popoverVariantRoot: {
|
|
566
|
+
readonly default: "uds-popover-variant-default-root";
|
|
567
|
+
};
|
|
568
|
+
popoverVariantSvgBase: {
|
|
569
|
+
readonly default: "uds-popover-variant-default-svgbase";
|
|
570
|
+
};
|
|
571
|
+
popoverVariantSvgBorder: {
|
|
572
|
+
readonly default: "uds-popover-variant-default-svgborder";
|
|
573
|
+
};
|
|
544
574
|
radioSizeRadio: {
|
|
545
575
|
readonly default: "uds-radio-size-default-radio";
|
|
546
576
|
readonly md: "uds-radio-size-md-radio";
|
|
@@ -28,6 +28,7 @@ const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, pr
|
|
|
28
28
|
if (config.tooltip) addComponents(require_index$1.generateStyles(require_generatedConfigs.TooltipConfig, config.tooltip, theme, previewOptions));
|
|
29
29
|
if (config?.bottomSheet) addComponents(require_index$1.generateStyles(require_generatedConfigs.BottomSheetConfig, config.bottomSheet, theme, previewOptions));
|
|
30
30
|
if (config?.scrim) addComponents(require_index$1.generateStyles(require_generatedConfigs.ScrimConfig, config.scrim, theme, previewOptions));
|
|
31
|
+
if (config.popover) addComponents(require_index$1.generateStyles(require_generatedConfigs.PopoverConfig, config.popover, theme, previewOptions));
|
|
31
32
|
}, () => ({ theme: { extend: { opacity: require_index.opacityMap } } }));
|
|
32
33
|
|
|
33
34
|
//#endregion
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
import { opacityMap } from "../../../../fixtures/dist/index.js";
|
|
3
3
|
import { generateStyles } from "../../../../automated-config/dist/utils/index.js";
|
|
4
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../../automated-config/dist/generated/generatedConfigs.js";
|
|
4
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../../automated-config/dist/generated/generatedConfigs.js";
|
|
5
5
|
import plugin from "tailwindcss/plugin.js";
|
|
6
6
|
|
|
7
7
|
//#region ../tailwind/dist/tailwind/plugins/components.js
|
|
@@ -26,6 +26,7 @@ const componentsPlugin = plugin.withOptions(({ config, previewOptions = { genera
|
|
|
26
26
|
if (config.tooltip) addComponents(generateStyles(TooltipConfig, config.tooltip, theme, previewOptions));
|
|
27
27
|
if (config?.bottomSheet) addComponents(generateStyles(BottomSheetConfig, config.bottomSheet, theme, previewOptions));
|
|
28
28
|
if (config?.scrim) addComponents(generateStyles(ScrimConfig, config.scrim, theme, previewOptions));
|
|
29
|
+
if (config.popover) addComponents(generateStyles(PopoverConfig, config.popover, theme, previewOptions));
|
|
29
30
|
}, () => ({ theme: { extend: { opacity: opacityMap } } }));
|
|
30
31
|
|
|
31
32
|
//#endregion
|
|
@@ -14,6 +14,7 @@ exports.InputConfig = require_generatedConfigs.InputConfig;
|
|
|
14
14
|
exports.LinkConfig = require_generatedConfigs.LinkConfig;
|
|
15
15
|
exports.MenuContentConfig = require_generatedConfigs.MenuContentConfig;
|
|
16
16
|
exports.MenuItemConfig = require_generatedConfigs.MenuItemConfig;
|
|
17
|
+
exports.PopoverConfig = require_generatedConfigs.PopoverConfig;
|
|
17
18
|
exports.RadioConfig = require_generatedConfigs.RadioConfig;
|
|
18
19
|
exports.ScrimConfig = require_generatedConfigs.ScrimConfig;
|
|
19
20
|
exports.SwitchConfig = require_generatedConfigs.SwitchConfig;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.cjs";
|
|
3
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
2
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.cjs";
|
|
3
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.js";
|
|
3
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
2
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.js";
|
|
3
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.js";
|
|
2
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../../automated-config/dist/generated/generatedConfigs.js";
|
|
3
3
|
|
|
4
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
4
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig };
|
|
@@ -27,6 +27,7 @@ exports.InputConfig = require_generatedConfigs.InputConfig;
|
|
|
27
27
|
exports.LinkConfig = require_generatedConfigs.LinkConfig;
|
|
28
28
|
exports.MenuContentConfig = require_generatedConfigs.MenuContentConfig;
|
|
29
29
|
exports.MenuItemConfig = require_generatedConfigs.MenuItemConfig;
|
|
30
|
+
exports.PopoverConfig = require_generatedConfigs.PopoverConfig;
|
|
30
31
|
exports.RadioConfig = require_generatedConfigs.RadioConfig;
|
|
31
32
|
exports.ScrimConfig = require_generatedConfigs.ScrimConfig;
|
|
32
33
|
exports.SwitchConfig = require_generatedConfigs.SwitchConfig;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.cjs";
|
|
2
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.cjs";
|
|
3
3
|
import { ComponentSchema, buildConfigSchema, findFixtureType } from "../../automated-config/dist/utils/buildConfigSchema.cjs";
|
|
4
4
|
import { cartesianProduct } from "../../automated-config/dist/utils/cartesianProduct.cjs";
|
|
5
5
|
import { coalesceConfigVariant } from "../../automated-config/dist/utils/coalesceConfigVariant.cjs";
|
|
@@ -13,4 +13,4 @@ import { getConfigVariantPseudoStates } from "../../automated-config/dist/utils/
|
|
|
13
13
|
import { getConfigVariants } from "../../automated-config/dist/utils/getConfigVariants.cjs";
|
|
14
14
|
import { getConfigSubcomponents } from "../../automated-config/dist/utils/subcomponents.cjs";
|
|
15
15
|
import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "../../automated-config/dist/utils/index.cjs";
|
|
16
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, ComponentSchema, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
|
16
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, ComponentSchema, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
2
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
3
3
|
import { ComponentSchema, buildConfigSchema, findFixtureType } from "../../automated-config/dist/utils/buildConfigSchema.js";
|
|
4
4
|
import { cartesianProduct } from "../../automated-config/dist/utils/cartesianProduct.js";
|
|
5
5
|
import { coalesceConfigVariant } from "../../automated-config/dist/utils/coalesceConfigVariant.js";
|
|
@@ -13,4 +13,4 @@ import { getConfigVariantPseudoStates } from "../../automated-config/dist/utils/
|
|
|
13
13
|
import { getConfigVariants } from "../../automated-config/dist/utils/getConfigVariants.js";
|
|
14
14
|
import { getConfigSubcomponents } from "../../automated-config/dist/utils/subcomponents.js";
|
|
15
15
|
import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "../../automated-config/dist/utils/index.js";
|
|
16
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, ComponentSchema, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
|
16
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, ComponentSchema, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
|
@@ -12,6 +12,6 @@ import { getConfigVariantProperties } from "../../automated-config/dist/utils/ge
|
|
|
12
12
|
import { getConfigVariantPseudoStates } from "../../automated-config/dist/utils/getConfigVariantPseudoStates.js";
|
|
13
13
|
import { getConfigVariants } from "../../automated-config/dist/utils/getConfigVariants.js";
|
|
14
14
|
import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "../../automated-config/dist/utils/index.js";
|
|
15
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
15
|
+
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
|
|
16
16
|
|
|
17
|
-
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
|
17
|
+
export { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };
|
package/dist/tokens/index.cjs
CHANGED
|
@@ -16,13 +16,13 @@ const require_getConfigVariantProperties = require('../automated-config/dist/uti
|
|
|
16
16
|
const require_getConfigVariantPseudoStates = require('../automated-config/dist/utils/getConfigVariantPseudoStates.cjs');
|
|
17
17
|
const require_getConfigVariants = require('../automated-config/dist/utils/getConfigVariants.cjs');
|
|
18
18
|
const require_index$2 = require('../automated-config/dist/utils/index.cjs');
|
|
19
|
-
const require_tokens_utils_fromEntries = require('./utils/fromEntries.cjs');
|
|
20
19
|
const require_generatedConfigs = require('../automated-config/dist/generated/generatedConfigs.cjs');
|
|
21
20
|
const require_tokens_configs_shadow = require('./configs/shadow.cjs');
|
|
22
21
|
const require_index$3 = require('../modes/dist/index.cjs');
|
|
23
22
|
const require_index$4 = require('../fonts/dist/index.cjs');
|
|
24
23
|
const require_tokens_parseButtonVariants = require('./parseButtonVariants.cjs');
|
|
25
24
|
const require_tokens_utils_entries = require('./utils/entries.cjs');
|
|
25
|
+
const require_tokens_utils_fromEntries = require('./utils/fromEntries.cjs');
|
|
26
26
|
const require_tokens_utils_getFontUrls = require('./utils/getFontUrls.cjs');
|
|
27
27
|
const require_tokens_utils_mapValues = require('./utils/mapValues.cjs');
|
|
28
28
|
const require_tokens_utils_spectrum = require('./utils/spectrum.cjs');
|
|
@@ -79,6 +79,7 @@ exports.MenuContentConfig = require_generatedConfigs.MenuContentConfig;
|
|
|
79
79
|
exports.MenuItemConfig = require_generatedConfigs.MenuItemConfig;
|
|
80
80
|
exports.OUTLINE_PREFIX = require_index$1.OUTLINE_PREFIX;
|
|
81
81
|
exports.PSEUDO_STYLE_SELECTOR_MAP = require_index$1.PSEUDO_STYLE_SELECTOR_MAP;
|
|
82
|
+
exports.PopoverConfig = require_generatedConfigs.PopoverConfig;
|
|
82
83
|
exports.RadioConfig = require_generatedConfigs.RadioConfig;
|
|
83
84
|
exports.SMALL_SCALE_MODE_CLASSNAME = require_index$1.SMALL_SCALE_MODE_CLASSNAME;
|
|
84
85
|
exports.SPECTRUM_COLOR_PREFIX = require_index$1.SPECTRUM_COLOR_PREFIX;
|