@yahoo/uds 3.67.0 → 3.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Box.d.ts +2 -2
- package/dist/components/Divider/Divider.d.cts +2 -2
- package/dist/components/Divider/Divider.d.ts +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/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/Text.d.ts +8 -8
- package/dist/components/VStack.d.cts +2 -2
- package/dist/components/VStack.d.ts +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.ts +2 -2
- package/dist/components/client/Avatar/AvatarIcon.d.ts +2 -2
- package/dist/components/client/Avatar/AvatarImage.d.ts +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/InputHelpText.d.ts +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.Provider.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Provider.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Trigger.d.cts +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/Radio/RadioGroupStore.d.ts +2 -2
- package/dist/components/client/SpringMotionConfig.d.cts +3 -3
- package/dist/components/client/SpringMotionConfig.d.ts +2 -2
- package/dist/components/experimental/Spinner.d.cts +2 -2
- package/dist/components/experimental/Spinner.d.ts +2 -2
- package/dist/components/experimental/Table.d.cts +2 -2
- package/dist/components/experimental/Table.d.ts +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/AvoidMotionLibraryProvider.d.ts +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/Popover.d.ts +3 -3
- package/dist/components/experimental/client/Tabs.d.cts +6 -6
- package/dist/components/experimental/client/Tabs.d.ts +6 -6
- package/dist/components/experimental/client/Toast.d.cts +2 -2
- package/dist/components/experimental/client/Toast.d.ts +2 -2
- package/dist/defaultTokensConfig.cjs +1 -1
- package/dist/defaultTokensConfig.d.cts +3897 -3897
- package/dist/defaultTokensConfig.d.ts +3897 -3897
- package/dist/defaultTokensConfig.js +1 -1
- package/dist/fixtures.cjs +28 -5
- package/dist/fixtures.d.cts +6 -5
- package/dist/fixtures.d.ts +6 -5
- package/dist/fixtures.js +27 -5
- package/dist/generated/autoVariants.cjs +402 -402
- package/dist/generated/autoVariants.d.cts +103 -103
- package/dist/generated/autoVariants.d.ts +103 -103
- package/dist/generated/autoVariants.js +402 -402
- package/dist/generated/generatedConfigs.cjs +19246 -19120
- package/dist/generated/generatedConfigs.js +19246 -19120
- package/dist/generated/tailwindPurge.cjs +275 -173
- package/dist/generated/tailwindPurge.js +275 -173
- package/dist/generated/universalTokensConfigAuto.cjs +8648 -8648
- package/dist/generated/universalTokensConfigAuto.d.cts +4831 -4831
- package/dist/generated/universalTokensConfigAuto.d.ts +4831 -4831
- package/dist/generated/universalTokensConfigAuto.js +8648 -8648
- package/dist/index.cjs +5 -2
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +2 -2
- package/dist/providers/ColorModeProvider.d.cts +4 -4
- package/dist/providers/ColorModeProvider.d.ts +2 -2
- package/dist/providers/ScaleModeProvider.d.cts +4 -4
- package/dist/providers/ScaleModeProvider.d.ts +2 -2
- package/dist/providers/ThemeProvider.d.cts +2 -2
- package/dist/styles/styler.d.cts +148 -148
- package/dist/styles/styler.d.ts +148 -148
- package/dist/styles/variants.cjs +77 -29
- package/dist/styles/variants.d.cts +495 -447
- package/dist/styles/variants.d.ts +495 -447
- package/dist/styles/variants.js +77 -29
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +3 -3
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +3 -3
- 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/borders.d.ts +3 -3
- package/dist/tailwind/plugins/colors.cjs +6 -2
- package/dist/tailwind/plugins/colors.d.cts +3 -3
- package/dist/tailwind/plugins/colors.js +5 -2
- 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/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.cts +3 -3
- package/dist/tailwind/plugins/scaleMode.d.ts +3 -3
- package/dist/tailwind/plugins/shadows.d.cts +3 -3
- package/dist/tailwind/plugins/shadows.d.ts +3 -3
- package/dist/tailwind/plugins/sizing.d.cts +3 -3
- package/dist/tailwind/plugins/sizing.d.ts +3 -3
- package/dist/tailwind/plugins/spacing.d.cts +3 -3
- package/dist/tailwind/plugins/spacing.d.ts +3 -3
- package/dist/tailwind/plugins/typography.d.cts +3 -3
- package/dist/tailwind/plugins/typography.d.ts +3 -3
- package/dist/tailwind/utils/addFontsPlugin.d.cts +3 -3
- package/dist/tailwind/utils/addFontsPlugin.d.ts +3 -3
- package/dist/tailwind/utils/composeTailwindPlugins.d.cts +3 -3
- package/dist/tailwind/utils/composeTailwindPlugins.d.ts +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/getShadowPresetValues.cjs +18 -2
- package/dist/tailwind/utils/getShadowPresetValues.js +18 -2
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tokens/automation/configs/menu.cjs +1 -1
- package/dist/tokens/automation/configs/menu.js +1 -1
- package/dist/tokens/automation/properties.d.cts +9 -9
- package/dist/tokens/automation/properties.d.ts +9 -9
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/tokens/automation/utils/mapColorFixtureToValue.cjs +7 -1
- package/dist/tokens/automation/utils/mapColorFixtureToValue.js +7 -1
- package/dist/tokens/configs/colorMode.cjs +4 -3
- package/dist/tokens/configs/colorMode.js +2 -1
- package/dist/tokens/configs/palette/alwaysPalette.cjs +28 -0
- package/dist/tokens/configs/palette/alwaysPalette.d.cts +54 -0
- package/dist/tokens/configs/palette/alwaysPalette.d.ts +54 -0
- package/dist/tokens/configs/palette/alwaysPalette.js +24 -0
- package/dist/tokens/configs/palette/darkPalette.cjs +200 -0
- package/dist/tokens/configs/palette/darkPalette.d.cts +6 -0
- package/dist/tokens/configs/palette/darkPalette.d.ts +6 -0
- package/dist/tokens/configs/palette/darkPalette.js +199 -0
- package/dist/tokens/configs/palette/index.cjs +11 -0
- package/dist/tokens/configs/palette/index.d.cts +4 -0
- package/dist/tokens/configs/palette/index.d.ts +4 -0
- package/dist/tokens/configs/palette/index.js +6 -0
- package/dist/tokens/configs/palette/lightPalette.cjs +200 -0
- package/dist/tokens/configs/palette/lightPalette.d.cts +6 -0
- package/dist/tokens/configs/palette/lightPalette.d.ts +6 -0
- package/dist/tokens/configs/palette/lightPalette.js +199 -0
- package/dist/tokens/configs/yosConfig.cjs +14942 -14942
- package/dist/tokens/configs/yosConfig.d.cts +10007 -10007
- package/dist/tokens/configs/yosConfig.d.ts +10007 -10007
- package/dist/tokens/configs/yosConfig.js +14942 -14942
- package/dist/tokens/index.cjs +5 -2
- package/dist/tokens/index.d.cts +4 -3
- package/dist/tokens/index.d.ts +4 -3
- package/dist/tokens/index.js +2 -2
- package/dist/tokens/parseTokens.cjs +2 -2
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/tokens/types.d.cts +6 -4
- package/dist/tokens/types.d.ts +6 -4
- package/dist/utils/intersperse.d.cts +2 -2
- package/dist/utils/intersperse.d.ts +2 -2
- package/package.json +1 -1
- package/cli/FlattenButtonVariant.mock.tsx +0 -17
- package/dist/tokens/configs/palette.cjs +0 -402
- package/dist/tokens/configs/palette.d.cts +0 -13
- package/dist/tokens/configs/palette.d.ts +0 -13
- package/dist/tokens/configs/palette.js +0 -399
|
@@ -1,5 +1,5 @@
|
|
|
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/scaleMode.d.ts
|
|
5
5
|
/**
|
|
@@ -7,8 +7,8 @@ import * as tailwindcss_types_config25 from "tailwindcss/types/config";
|
|
|
7
7
|
*/
|
|
8
8
|
declare const scaleModePlugin: {
|
|
9
9
|
(options: TailwindPluginOptions): {
|
|
10
|
-
handler:
|
|
11
|
-
config?: Partial<
|
|
10
|
+
handler: tailwindcss_types_config21.PluginCreator;
|
|
11
|
+
config?: Partial<tailwindcss_types_config21.Config>;
|
|
12
12
|
};
|
|
13
13
|
__isOptionsFunction: true;
|
|
14
14
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config29 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/shadows.d.ts
|
|
5
5
|
declare const shadowsPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config29.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config29.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_config23 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/shadows.d.ts
|
|
5
5
|
declare const shadowsPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config23.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config23.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config31 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/sizing.d.ts
|
|
5
5
|
/**
|
|
@@ -7,8 +7,8 @@ import * as tailwindcss_types_config25 from "tailwindcss/types/config";
|
|
|
7
7
|
*/
|
|
8
8
|
declare const sizingPlugin: {
|
|
9
9
|
(options: TailwindPluginOptions): {
|
|
10
|
-
handler:
|
|
11
|
-
config?: Partial<
|
|
10
|
+
handler: tailwindcss_types_config31.PluginCreator;
|
|
11
|
+
config?: Partial<tailwindcss_types_config31.Config>;
|
|
12
12
|
};
|
|
13
13
|
__isOptionsFunction: true;
|
|
14
14
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config25 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/sizing.d.ts
|
|
5
5
|
/**
|
|
@@ -7,8 +7,8 @@ import * as tailwindcss_types_config29 from "tailwindcss/types/config";
|
|
|
7
7
|
*/
|
|
8
8
|
declare const sizingPlugin: {
|
|
9
9
|
(options: TailwindPluginOptions): {
|
|
10
|
-
handler:
|
|
11
|
-
config?: Partial<
|
|
10
|
+
handler: tailwindcss_types_config25.PluginCreator;
|
|
11
|
+
config?: Partial<tailwindcss_types_config25.Config>;
|
|
12
12
|
};
|
|
13
13
|
__isOptionsFunction: true;
|
|
14
14
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as tailwindcss_types_config33 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/spacing.d.ts
|
|
5
5
|
declare const spacingPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config33.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config33.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_config27 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/spacing.d.ts
|
|
5
5
|
declare const spacingPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config27.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config27.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_config5 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/typography.d.ts
|
|
5
5
|
declare const typographyPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config5.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config5.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_config29 from "tailwindcss/types/config";
|
|
3
3
|
|
|
4
4
|
//#region src/tailwind/plugins/typography.d.ts
|
|
5
5
|
declare const typographyPlugin: {
|
|
6
6
|
(options: TailwindPluginOptions): {
|
|
7
|
-
handler:
|
|
8
|
-
config?: Partial<
|
|
7
|
+
handler: tailwindcss_types_config29.PluginCreator;
|
|
8
|
+
config?: Partial<tailwindcss_types_config29.Config>;
|
|
9
9
|
};
|
|
10
10
|
__isOptionsFunction: true;
|
|
11
11
|
};
|
|
@@ -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_config7 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_config7.PluginCreator;
|
|
12
|
+
config?: Partial<tailwindcss_types_config7.Config>;
|
|
13
13
|
};
|
|
14
14
|
__isOptionsFunction: true;
|
|
15
15
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FontID } from "../../tokens/types.js";
|
|
2
2
|
import "../../tokens/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as tailwindcss_types_config31 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_config31.PluginCreator;
|
|
12
|
+
config?: Partial<tailwindcss_types_config31.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_config9 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_config9.PluginCreator;
|
|
54
|
+
config?: Partial<tailwindcss_types_config9.Config>;
|
|
55
55
|
};
|
|
56
56
|
__isOptionsFunction: true;
|
|
57
57
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UniversalTokensConfig } from "../../tokens/types.js";
|
|
2
2
|
import "../../tokens/index.js";
|
|
3
3
|
import plugin from "tailwindcss/plugin.js";
|
|
4
|
-
import * as
|
|
4
|
+
import * as tailwindcss_types_config33 from "tailwindcss/types/config";
|
|
5
5
|
import { Config } from "tailwindcss";
|
|
6
6
|
|
|
7
7
|
//#region src/tailwind/utils/composeTailwindPlugins.d.ts
|
|
@@ -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_config33.PluginCreator;
|
|
54
|
+
config?: Partial<tailwindcss_types_config33.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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
10
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
10
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-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-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness", string>;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getMotionStyles };
|
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
3
|
+
const require_tokens_configs_palette_alwaysPalette = require('../../tokens/configs/palette/alwaysPalette.cjs');
|
|
3
4
|
const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
|
|
4
5
|
let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
|
|
5
6
|
|
|
6
7
|
//#region src/tailwind/utils/getShadowPresetValues.ts
|
|
8
|
+
function hexToRgb(hex) {
|
|
9
|
+
hex = hex.replace("#", "");
|
|
10
|
+
if (hex.length === 3) hex = hex.split("").map((char) => char + char).join("");
|
|
11
|
+
return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
|
|
12
|
+
}
|
|
13
|
+
const RGB = {
|
|
14
|
+
white: hexToRgb(require_tokens_configs_palette_alwaysPalette.newAlwaysPalette["always/white"]),
|
|
15
|
+
black: hexToRgb(require_tokens_configs_palette_alwaysPalette.newAlwaysPalette["always/black"]),
|
|
16
|
+
brand: hexToRgb(require_tokens_configs_palette_alwaysPalette.newAlwaysPalette["always/brand"]),
|
|
17
|
+
accent: hexToRgb(require_tokens_configs_palette_alwaysPalette.newAlwaysPalette["always/accent"])
|
|
18
|
+
};
|
|
7
19
|
const ALWAYS_AS_RGB = {
|
|
8
|
-
black:
|
|
9
|
-
white:
|
|
20
|
+
black: RGB.black,
|
|
21
|
+
white: RGB.white,
|
|
22
|
+
"always/black": RGB.black,
|
|
23
|
+
"always/white": RGB.white,
|
|
24
|
+
"always/brand": RGB.brand,
|
|
25
|
+
"always/accent": RGB.accent
|
|
10
26
|
};
|
|
11
27
|
/**
|
|
12
28
|
* Generate a single shadow value from a shadow preset configuration
|
|
@@ -1,11 +1,27 @@
|
|
|
1
1
|
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
import { newAlwaysPalette } from "../../tokens/configs/palette/alwaysPalette.js";
|
|
2
3
|
import { entries } from "../../tokens/utils/entries.js";
|
|
3
4
|
import { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from "@yahoo/uds/fixtures";
|
|
4
5
|
|
|
5
6
|
//#region src/tailwind/utils/getShadowPresetValues.ts
|
|
7
|
+
function hexToRgb(hex) {
|
|
8
|
+
hex = hex.replace("#", "");
|
|
9
|
+
if (hex.length === 3) hex = hex.split("").map((char) => char + char).join("");
|
|
10
|
+
return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
|
|
11
|
+
}
|
|
12
|
+
const RGB = {
|
|
13
|
+
white: hexToRgb(newAlwaysPalette["always/white"]),
|
|
14
|
+
black: hexToRgb(newAlwaysPalette["always/black"]),
|
|
15
|
+
brand: hexToRgb(newAlwaysPalette["always/brand"]),
|
|
16
|
+
accent: hexToRgb(newAlwaysPalette["always/accent"])
|
|
17
|
+
};
|
|
6
18
|
const ALWAYS_AS_RGB = {
|
|
7
|
-
black:
|
|
8
|
-
white:
|
|
19
|
+
black: RGB.black,
|
|
20
|
+
white: RGB.white,
|
|
21
|
+
"always/black": RGB.black,
|
|
22
|
+
"always/white": RGB.white,
|
|
23
|
+
"always/brand": RGB.brand,
|
|
24
|
+
"always/accent": RGB.accent
|
|
9
25
|
};
|
|
10
26
|
/**
|
|
11
27
|
* Generate a single shadow value from a shadow preset configuration
|
|
@@ -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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
6
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
16
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
6
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
|
|
16
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "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
|
|
@@ -22,9 +22,9 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
|
|
|
22
22
|
}
|
|
23
23
|
declare const publicProperties: {
|
|
24
24
|
readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
25
|
-
readonly borderWidth: ConfigurableProperty<"
|
|
25
|
+
readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
26
26
|
readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
27
|
-
readonly borderColor: ConfigurableProperty<"
|
|
27
|
+
readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
28
28
|
readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
|
29
29
|
readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
|
|
30
30
|
readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
|
@@ -33,7 +33,7 @@ declare const publicProperties: {
|
|
|
33
33
|
readonly letterSpacing: ConfigurableProperty<"textVariants", unknown>;
|
|
34
34
|
readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
|
|
35
35
|
readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
|
|
36
|
-
readonly color: ConfigurableProperty<"
|
|
36
|
+
readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
37
37
|
readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
|
|
38
38
|
readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
|
39
39
|
readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
|
|
@@ -48,14 +48,14 @@ declare const publicProperties: {
|
|
|
48
48
|
readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
49
49
|
};
|
|
50
50
|
declare const configurableProperties: {
|
|
51
|
-
outlineWidth: ConfigurableProperty<"
|
|
52
|
-
outlineColor: ConfigurableProperty<"
|
|
53
|
-
insetOutlineOffset: ConfigurableProperty<"
|
|
51
|
+
outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
52
|
+
outlineColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
53
|
+
insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
54
54
|
solidOutline: ConfigurableProperty<never, unknown>;
|
|
55
55
|
backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
56
|
-
borderWidth: ConfigurableProperty<"
|
|
56
|
+
borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
57
57
|
borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
58
|
-
borderColor: ConfigurableProperty<"
|
|
58
|
+
borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
59
59
|
fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
|
60
60
|
fontSize: ConfigurableProperty<"textVariants", unknown>;
|
|
61
61
|
fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
|
@@ -64,7 +64,7 @@ declare const configurableProperties: {
|
|
|
64
64
|
letterSpacing: ConfigurableProperty<"textVariants", unknown>;
|
|
65
65
|
padding: ConfigurableProperty<"spacingAliases", unknown>;
|
|
66
66
|
gap: ConfigurableProperty<"spacingAliases", unknown>;
|
|
67
|
-
color: ConfigurableProperty<"
|
|
67
|
+
color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
68
68
|
opacity: ConfigurableProperty<"opacitySteps", unknown>;
|
|
69
69
|
fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
|
70
70
|
iconSize: ConfigurableProperty<"iconSizes", unknown>;
|
|
@@ -22,9 +22,9 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
|
|
|
22
22
|
}
|
|
23
23
|
declare const publicProperties: {
|
|
24
24
|
readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
25
|
-
readonly borderWidth: ConfigurableProperty<"
|
|
25
|
+
readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
26
26
|
readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
27
|
-
readonly borderColor: ConfigurableProperty<"
|
|
27
|
+
readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
28
28
|
readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
|
29
29
|
readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
|
|
30
30
|
readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
|
@@ -33,7 +33,7 @@ declare const publicProperties: {
|
|
|
33
33
|
readonly letterSpacing: ConfigurableProperty<"textVariants", unknown>;
|
|
34
34
|
readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
|
|
35
35
|
readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
|
|
36
|
-
readonly color: ConfigurableProperty<"
|
|
36
|
+
readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
37
37
|
readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
|
|
38
38
|
readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
|
39
39
|
readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
|
|
@@ -48,14 +48,14 @@ declare const publicProperties: {
|
|
|
48
48
|
readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
49
49
|
};
|
|
50
50
|
declare const configurableProperties: {
|
|
51
|
-
outlineWidth: ConfigurableProperty<"
|
|
52
|
-
outlineColor: ConfigurableProperty<"
|
|
53
|
-
insetOutlineOffset: ConfigurableProperty<"
|
|
51
|
+
outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
52
|
+
outlineColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
53
|
+
insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
54
54
|
solidOutline: ConfigurableProperty<never, unknown>;
|
|
55
55
|
backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
56
|
-
borderWidth: ConfigurableProperty<"
|
|
56
|
+
borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
|
57
57
|
borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
|
58
|
-
borderColor: ConfigurableProperty<"
|
|
58
|
+
borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
59
59
|
fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
|
60
60
|
fontSize: ConfigurableProperty<"textVariants", unknown>;
|
|
61
61
|
fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
|
@@ -64,7 +64,7 @@ declare const configurableProperties: {
|
|
|
64
64
|
letterSpacing: ConfigurableProperty<"textVariants", unknown>;
|
|
65
65
|
padding: ConfigurableProperty<"spacingAliases", unknown>;
|
|
66
66
|
gap: ConfigurableProperty<"spacingAliases", unknown>;
|
|
67
|
-
color: ConfigurableProperty<"
|
|
67
|
+
color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
|
68
68
|
opacity: ConfigurableProperty<"opacitySteps", unknown>;
|
|
69
69
|
fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
|
70
70
|
iconSize: ConfigurableProperty<"iconSizes", unknown>;
|