@yahoo/uds 3.69.0 → 3.70.0-beta.2
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/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-darwin-x64 +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/components/Box.d.cts +2 -2
- package/dist/components/Divider/Divider.d.cts +2 -2
- package/dist/components/Divider/DividerCore.d.cts +2 -2
- package/dist/components/Divider/DividerCore.d.ts +2 -2
- package/dist/components/Divider/DividerInternal.d.cts +2 -2
- package/dist/components/Divider/DividerInternal.d.ts +2 -2
- package/dist/components/FormLabel.d.cts +2 -2
- package/dist/components/HStack.d.cts +2 -2
- package/dist/components/HStack.d.ts +2 -2
- package/dist/components/Icon.d.cts +2 -2
- package/dist/components/Icon.d.ts +2 -2
- package/dist/components/Image.d.cts +2 -2
- package/dist/components/Link.d.cts +2 -2
- package/dist/components/Link.d.ts +2 -2
- package/dist/components/Text.d.cts +8 -8
- package/dist/components/VStack.d.cts +2 -2
- package/dist/components/client/AnimateHeightChange.d.cts +2 -2
- package/dist/components/client/AnimateHeightChange.d.ts +2 -2
- package/dist/components/client/Avatar/Avatar.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarIcon.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarImage.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarImage.d.ts +2 -2
- package/dist/components/client/Avatar/AvatarText.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarText.d.ts +2 -2
- package/dist/components/client/Checkbox.d.cts +1 -1
- package/dist/components/client/Checkbox.d.ts +1 -1
- package/dist/components/client/IconButton.d.cts +2 -2
- package/dist/components/client/Input/Input.d.cts +2 -2
- package/dist/components/client/Input/Input.d.ts +2 -2
- package/dist/components/client/Input/InputHelpText.d.cts +2 -2
- package/dist/components/client/Input/InputHelpTextInternal.d.cts +4 -4
- package/dist/components/client/Input/InputHelpTextInternal.d.ts +4 -4
- package/dist/components/client/Menu/Menu.Content.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Content.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Divider.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Divider.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Item.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Item.d.ts +2 -2
- package/dist/components/client/Menu/Menu.ItemBase.d.cts +2 -2
- package/dist/components/client/Menu/Menu.ItemBase.d.ts +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Provider.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Provider.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Trigger.d.ts +2 -2
- package/dist/components/client/Pressable.d.cts +2 -2
- package/dist/components/client/Radio/RadioGroupStore.d.cts +2 -2
- package/dist/components/client/SpringMotionConfig.d.cts +2 -2
- package/dist/components/client/SpringMotionConfig.d.ts +2 -2
- package/dist/components/experimental/Spinner.d.cts +2 -2
- package/dist/components/experimental/Table.d.cts +2 -2
- package/dist/components/experimental/client/Accordion.d.cts +2 -2
- package/dist/components/experimental/client/Accordion.d.ts +2 -2
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +2 -2
- package/dist/components/experimental/client/Modal.d.cts +3 -3
- package/dist/components/experimental/client/Modal.d.ts +3 -3
- package/dist/components/experimental/client/Popover.d.cts +3 -3
- package/dist/components/experimental/client/Tabs.d.cts +3 -3
- package/dist/components/experimental/client/Tabs.d.ts +3 -3
- package/dist/components/experimental/client/Toast.d.cts +2 -2
- package/dist/providers/ColorModeProvider.d.cts +4 -4
- package/dist/providers/ScaleModeProvider.d.cts +4 -4
- package/dist/providers/ThemeProvider.d.cts +2 -2
- package/dist/styles/styler.d.cts +74 -74
- package/dist/styles/styler.d.ts +74 -74
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +1 -1
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +1 -1
- package/dist/tailwind/plugins/a11y.d.cts +3 -3
- package/dist/tailwind/plugins/a11y.d.ts +3 -3
- package/dist/tailwind/plugins/borders.d.cts +3 -3
- package/dist/tailwind/plugins/colors.d.cts +3 -3
- package/dist/tailwind/plugins/colors.d.ts +3 -3
- package/dist/tailwind/plugins/components.d.cts +3 -3
- package/dist/tailwind/plugins/components.d.ts +3 -3
- package/dist/tailwind/plugins/elevation.d.cts +3 -3
- package/dist/tailwind/plugins/elevation.d.ts +3 -3
- package/dist/tailwind/plugins/icons.d.cts +3 -3
- package/dist/tailwind/plugins/icons.d.ts +3 -3
- package/dist/tailwind/plugins/input.d.cts +3 -3
- package/dist/tailwind/plugins/input.d.ts +3 -3
- package/dist/tailwind/plugins/motion.d.cts +3 -3
- package/dist/tailwind/plugins/motion.d.ts +3 -3
- package/dist/tailwind/plugins/nestedBorderRadius.d.cts +3 -3
- package/dist/tailwind/plugins/nestedBorderRadius.d.ts +3 -3
- package/dist/tailwind/plugins/scaleMode.d.ts +3 -3
- package/dist/tailwind/utils/addFontsPlugin.d.cts +3 -3
- package/dist/tailwind/utils/composeTailwindPlugins.d.cts +3 -3
- package/dist/tailwind/utils/getElevationStyles.d.cts +2 -2
- package/dist/tailwind/utils/getElevationStyles.d.ts +2 -2
- package/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
- package/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/utils/intersperse.d.cts +2 -2
- package/package.json +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config19 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/motion.d.ts
|
|
5
5
|
declare const motionPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config19.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config19.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config19 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/motion.d.ts
|
|
5
5
|
declare const motionPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config19.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config19.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config21 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/nestedBorderRadius.d.ts
|
|
5
5
|
declare const nestedBorderRadiusPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config21.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config21.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config21 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/nestedBorderRadius.d.ts
|
|
5
5
|
declare const nestedBorderRadiusPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config21.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config21.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config5 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/scaleMode.d.ts
|
|
5
5
|
/**
|
|
@@ -7,8 +7,8 @@ import * as tailwindcss_types_config21 from "tailwindcss/types/config";
|
|
|
7
7
|
*/
|
|
8
8
|
declare const scaleModePlugin: {
|
|
9
9
|
(options: TailwindPluginOptions): {
|
|
10
|
-
handler:
|
|
11
|
-
config?: Partial<
|
|
10
|
+
handler: tailwindcss_types_config5.PluginCreator;
|
|
11
|
+
config?: Partial<tailwindcss_types_config5.Config>;
|
|
12
12
|
};
|
|
13
13
|
__isOptionsFunction: true;
|
|
14
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FontID } from "../../tokens/types.cjs";
|
|
2
2
|
import "../../tokens/index.cjs";
|
|
3
|
-
import * as
|
|
3
|
+
import * as tailwindcss_types_config23 from "tailwindcss/types/config";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/utils/addFontsPlugin.d.ts
|
|
6
6
|
interface AddFontsPluginOptions {
|
|
@@ -8,8 +8,8 @@ interface AddFontsPluginOptions {
|
|
|
8
8
|
}
|
|
9
9
|
declare const addFontsPlugin: {
|
|
10
10
|
(options: AddFontsPluginOptions): {
|
|
11
|
-
handler:
|
|
12
|
-
config?: Partial<
|
|
11
|
+
handler: tailwindcss_types_config23.PluginCreator;
|
|
12
|
+
config?: Partial<tailwindcss_types_config23.Config>;
|
|
13
13
|
};
|
|
14
14
|
__isOptionsFunction: true;
|
|
15
15
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UniversalTokensConfig } from "../../tokens/types.cjs";
|
|
2
2
|
import "../../tokens/index.cjs";
|
|
3
|
-
import * as
|
|
3
|
+
import * as tailwindcss_types_config25 from "tailwindcss/types/config";
|
|
4
4
|
import { Config } from "tailwindcss";
|
|
5
5
|
import plugin from "tailwindcss/plugin.js";
|
|
6
6
|
|
|
@@ -50,8 +50,8 @@ type PluginWithPrecidate = [Plugin, (options: TailwindPluginOptions) => boolean
|
|
|
50
50
|
type PossiblePlugins = Array<Plugin | PluginWithPrecidate | Falsy>;
|
|
51
51
|
declare const composeTailwindPlugins: (...allPossiblePlugins: PossiblePlugins) => {
|
|
52
52
|
(options: TailwindPluginOptions): {
|
|
53
|
-
handler:
|
|
54
|
-
config?: Partial<
|
|
53
|
+
handler: tailwindcss_types_config25.PluginCreator;
|
|
54
|
+
config?: Partial<tailwindcss_types_config25.Config>;
|
|
55
55
|
};
|
|
56
56
|
__isOptionsFunction: true;
|
|
57
57
|
};
|
|
@@ -6,8 +6,8 @@ declare function getElevationStyles({
|
|
|
6
6
|
config
|
|
7
7
|
}: {
|
|
8
8
|
config: UniversalTokensConfig;
|
|
9
|
-
}): Record<".uds-inset-shadow-elevation-
|
|
10
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
9
|
+
}): Record<".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
10
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
11
11
|
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)";
|
|
12
12
|
}>;
|
|
13
13
|
//#endregion
|
|
@@ -6,8 +6,8 @@ declare function getElevationStyles({
|
|
|
6
6
|
config
|
|
7
7
|
}: {
|
|
8
8
|
config: UniversalTokensConfig;
|
|
9
|
-
}): Record<".uds-inset-shadow-elevation-
|
|
10
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
9
|
+
}): Record<".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
10
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
11
11
|
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)";
|
|
12
12
|
}>;
|
|
13
13
|
//#endregion
|
|
@@ -19,6 +19,6 @@ import "../../tokens/index.cjs";
|
|
|
19
19
|
* addBase(motionVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-
|
|
22
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getMotionStyles };
|
|
@@ -19,6 +19,6 @@ import "../../tokens/index.js";
|
|
|
19
19
|
* addBase(motionVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-
|
|
22
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getMotionStyles };
|
|
@@ -2,8 +2,8 @@ import { ElevationAlias, ShadowType, ShadowVariant, UniversalTokensConfig } from
|
|
|
2
2
|
import "../../tokens/index.cjs";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
5
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-
|
|
6
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
5
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
6
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
7
7
|
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)";
|
|
8
8
|
}];
|
|
9
9
|
declare function getShadowStyles({
|
|
@@ -12,8 +12,8 @@ declare function getShadowStyles({
|
|
|
12
12
|
}: {
|
|
13
13
|
config: UniversalTokensConfig;
|
|
14
14
|
shadowType: ShadowType;
|
|
15
|
-
}): Record<".uds-inset-shadow-elevation-
|
|
16
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
15
|
+
}): Record<".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
16
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
17
17
|
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)";
|
|
18
18
|
}>;
|
|
19
19
|
//#endregion
|
|
@@ -2,8 +2,8 @@ import { ElevationAlias, ShadowType, ShadowVariant, UniversalTokensConfig } from
|
|
|
2
2
|
import "../../tokens/index.js";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
5
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-
|
|
6
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
5
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
6
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
7
7
|
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)";
|
|
8
8
|
}];
|
|
9
9
|
declare function getShadowStyles({
|
|
@@ -12,8 +12,8 @@ declare function getShadowStyles({
|
|
|
12
12
|
}: {
|
|
13
13
|
config: UniversalTokensConfig;
|
|
14
14
|
shadowType: ShadowType;
|
|
15
|
-
}): Record<".uds-inset-shadow-elevation-
|
|
16
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-
|
|
15
|
+
}): Record<".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-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".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" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
16
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "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-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-none)" | "var(--uds-drop-shadow-xs)" | "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, 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)";
|
|
17
17
|
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)";
|
|
18
18
|
}>;
|
|
19
19
|
//#endregion
|
|
@@ -12,8 +12,8 @@ import "../../index.cjs";
|
|
|
12
12
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
13
13
|
*/
|
|
14
14
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
15
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
16
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "insetShadow" | "color" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
|
|
16
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "insetShadow" | "color" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
|
|
17
17
|
} | null;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { getConfigVariantProperties };
|
|
@@ -12,8 +12,8 @@ import "../../index.js";
|
|
|
12
12
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
13
13
|
*/
|
|
14
14
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
15
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
16
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "insetShadow" | "color" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
|
|
16
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "insetShadow" | "color" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
|
|
17
17
|
} | null;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { getConfigVariantProperties };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react3 from "react";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/utils/intersperse.d.ts
|
|
@@ -28,6 +28,6 @@ declare const intersperse: <T>(list: Array<T>, inter: T | ((index: number) => T)
|
|
|
28
28
|
* </div>);
|
|
29
29
|
* }
|
|
30
30
|
*/
|
|
31
|
-
declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number |
|
|
31
|
+
declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react3.ReactElement<any, string | react3.JSXElementConstructor<any>> | Iterable<ReactNode> | react3.ReactPortal | null)[];
|
|
32
32
|
//#endregion
|
|
33
33
|
export { intersperse, intersperseReactChildren };
|
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.70.0-beta.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
"rolldown": "^1.0.0-beta.52",
|
|
267
267
|
"tailwindcss": "^3.4.18",
|
|
268
268
|
"tsconfig": "workspace:*",
|
|
269
|
-
"tsdown": "^0.
|
|
269
|
+
"tsdown": "^0.17.2",
|
|
270
270
|
"typescript": "^5.9.3"
|
|
271
271
|
},
|
|
272
272
|
"peerDependencies": {
|