@yahoo/uds 3.117.4 → 3.117.5
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/styles/styler.d.cts +41 -41
- package/dist/styles/styler.d.ts +41 -41
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +637 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +637 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +36541 -0
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +36524 -0
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +20 -0
- package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js +21 -0
- package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/properties.cjs +480 -0
- package/dist/tailwind/dist/automated-config/dist/properties.js +481 -0
- package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.cjs +10 -0
- package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js +10 -0
- package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js +18 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.cjs +15 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js +15 -0
- package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +479 -0
- package/dist/tailwind/dist/automated-config/dist/utils/index.js +479 -0
- package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.cjs +28 -0
- package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js +29 -0
- package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js.map +1 -0
- package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.cjs +10 -0
- package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js +9 -0
- package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js.map +1 -0
- package/dist/tailwind/dist/config/dist/index.cjs +27057 -0
- package/dist/tailwind/dist/config/dist/index.d.cts +11 -0
- package/dist/tailwind/dist/config/dist/index.d.cts.map +1 -0
- package/dist/tailwind/dist/config/dist/index.d.ts +11 -0
- package/dist/tailwind/dist/config/dist/index.d.ts.map +1 -0
- package/dist/tailwind/dist/config/dist/index.js +27057 -0
- package/dist/tailwind/dist/config/dist/index.js.map +1 -0
- package/dist/tailwind/dist/css/generate.cjs +2 -2
- package/dist/tailwind/dist/css/generate.d.cts +0 -1
- package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
- package/dist/tailwind/dist/css/generate.d.ts +0 -1
- package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
- package/dist/tailwind/dist/css/generate.js +1 -1
- package/dist/tailwind/dist/css/runner.cjs +3 -3
- package/dist/tailwind/dist/css/runner.js +1 -1
- package/dist/tailwind/dist/css/utils.cjs +2 -3
- package/dist/tailwind/dist/css/utils.js +1 -1
- package/dist/tailwind/dist/css-tokens/dist/index.cjs +168 -0
- package/dist/tailwind/dist/css-tokens/dist/index.js +127 -0
- package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -0
- package/dist/tailwind/dist/fixtures/dist/index.cjs +596 -0
- package/dist/tailwind/dist/fixtures/dist/index.js +589 -0
- package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -0
- package/dist/tailwind/dist/fonts/dist/index.cjs +809 -0
- package/dist/tailwind/dist/fonts/dist/index.d.cts +632 -0
- package/dist/tailwind/dist/fonts/dist/index.d.cts.map +1 -0
- package/dist/tailwind/dist/fonts/dist/index.d.ts +632 -0
- package/dist/tailwind/dist/fonts/dist/index.d.ts.map +1 -0
- package/dist/tailwind/dist/fonts/dist/index.js +809 -0
- package/dist/tailwind/dist/fonts/dist/index.js.map +1 -0
- package/dist/tailwind/dist/modes/dist/index.cjs +9 -0
- package/dist/tailwind/dist/modes/dist/index.js +8 -0
- package/dist/tailwind/dist/modes/dist/index.js.map +1 -0
- package/dist/tailwind/dist/motion-tokens/dist/index.cjs +27 -0
- package/dist/tailwind/dist/motion-tokens/dist/index.js +26 -0
- package/dist/tailwind/dist/motion-tokens/dist/index.js.map +1 -0
- package/dist/tailwind/dist/palette/dist/index.cjs +29 -0
- package/dist/tailwind/dist/palette/dist/index.js +26 -0
- package/dist/tailwind/dist/palette/dist/index.js.map +1 -0
- package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +10 -10
- package/dist/tailwind/dist/purger/legacy/purgeCSS.js +1 -1
- package/dist/tailwind/dist/purger/legacy/purgeFromCode.cjs +4 -4
- package/dist/tailwind/dist/purger/legacy/purgeFromCode.js +1 -1
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +3 -3
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +1 -1
- package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +3 -3
- package/dist/tailwind/dist/purger/optimized/utils/safelist.js +1 -1
- package/dist/tailwind/dist/tailwind/base/addColorModeVars.cjs +5 -5
- package/dist/tailwind/dist/tailwind/base/addColorModeVars.js +2 -2
- package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.cjs +8 -8
- package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.js +2 -2
- package/dist/tailwind/dist/tailwind/base/addScaleModeVars.cjs +10 -11
- package/dist/tailwind/dist/tailwind/base/addScaleModeVars.js +2 -2
- package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.cjs +3 -4
- package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js +1 -1
- package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.cjs +9 -10
- package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js +2 -2
- package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs +23 -23
- package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js +2 -2
- package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +3 -3
- package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts.map +1 -1
- package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +3 -3
- package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts.map +1 -1
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +4 -4
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +1 -1
- package/dist/tailwind/dist/tailwind/plugins/borderRadius.cjs +4 -4
- package/dist/tailwind/dist/tailwind/plugins/borderRadius.js +2 -2
- package/dist/tailwind/dist/tailwind/plugins/borderWidth.cjs +4 -4
- package/dist/tailwind/dist/tailwind/plugins/borderWidth.js +2 -2
- package/dist/tailwind/dist/tailwind/plugins/colors.cjs +12 -12
- package/dist/tailwind/dist/tailwind/plugins/colors.js +3 -3
- package/dist/tailwind/dist/tailwind/plugins/components.cjs +22 -22
- package/dist/tailwind/dist/tailwind/plugins/components.js +3 -3
- package/dist/tailwind/dist/tailwind/plugins/elevation.cjs +3 -3
- package/dist/tailwind/dist/tailwind/plugins/elevation.js +1 -1
- package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +2 -3
- package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +1 -1
- package/dist/tailwind/dist/tailwind/plugins/shadows.cjs +5 -5
- package/dist/tailwind/dist/tailwind/plugins/shadows.js +1 -1
- package/dist/tailwind/dist/tailwind/plugins/sizing.cjs +2 -2
- package/dist/tailwind/dist/tailwind/plugins/sizing.js +1 -1
- package/dist/tailwind/dist/tailwind/plugins/typography.cjs +6 -6
- package/dist/tailwind/dist/tailwind/plugins/typography.js +2 -2
- package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.cjs +6 -7
- package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.js +2 -2
- package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +6 -7
- package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.cjs +2 -3
- package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.js +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.cjs +4 -5
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.js +2 -2
- package/dist/tailwind/dist/tailwind/utils/getMotionStyles.cjs +4 -5
- package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getMotionStyles.js +2 -2
- package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.cjs +2 -3
- package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.cts +2 -2
- package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.ts +2 -2
- package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.js +1 -1
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.cjs +3 -4
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +2 -2
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.js +1 -1
- package/dist/tailwind/dist/types/dist/index.d.cts +295 -0
- package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -0
- package/dist/tailwind/dist/types/dist/index.d.ts +295 -0
- package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -0
- package/dist/tailwind/dist/utils/generatePurgeCSSData.cjs +5 -5
- package/dist/tailwind/dist/utils/generatePurgeCSSData.js +2 -2
- package/dist/tailwind/dist/utils/parseTokens.cjs +29 -30
- package/dist/tailwind/dist/utils/parseTokens.d.cts +2 -2
- package/dist/tailwind/dist/utils/parseTokens.d.ts +2 -2
- package/dist/tailwind/dist/utils/parseTokens.js +2 -2
- package/dist/uds/generated/componentData.cjs +1105 -1105
- package/dist/uds/generated/componentData.js +1105 -1105
- package/generated/componentData.json +1508 -1508
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../fixtures/dist/index.cjs');
|
|
4
|
+
const require_index$1 = require('../../css-tokens/dist/index.cjs');
|
|
3
5
|
const require_assertUnreachable = require('../../utils/assertUnreachable.cjs');
|
|
4
6
|
const require_entries = require('../../utils/entries.cjs');
|
|
5
|
-
let _yahoo_uds_css_tokens = require("@yahoo/uds-css-tokens");
|
|
6
|
-
let _yahoo_uds_fixtures = require("@yahoo/uds-fixtures");
|
|
7
7
|
let lodash_isString_js = require("lodash/isString.js");
|
|
8
8
|
lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
|
|
|
11
11
|
const textVariantsSafe = (variant) => variant.replace("/", "-");
|
|
12
12
|
const BASE_SIZE = 16;
|
|
13
13
|
const toRem = (size) => `${size / BASE_SIZE}rem`;
|
|
14
|
-
const mapClassNames = (name) => "." +
|
|
14
|
+
const mapClassNames = (name) => "." + require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];
|
|
15
15
|
const getValue = (config, variant, key, breakpoint) => {
|
|
16
16
|
const data = config.typography[variant]?.[key];
|
|
17
17
|
if (!data) throw new Error(`Missing typography data for variant "${variant}" and key "${key}"`);
|
|
@@ -25,32 +25,32 @@ const getValue = (config, variant, key, breakpoint) => {
|
|
|
25
25
|
return require_assertUnreachable.assertUnreachable(value);
|
|
26
26
|
};
|
|
27
27
|
const convertFontAlias = (config, value) => {
|
|
28
|
-
if (value in config.font) return `var(--${
|
|
28
|
+
if (value in config.font) return `var(--${require_index$1.FONT_FAMILY_PREFIX}-${value})`;
|
|
29
29
|
return value;
|
|
30
30
|
};
|
|
31
|
-
const cssVariablesForBreakpoint = (config, breakpoint) => Object.fromEntries(
|
|
31
|
+
const cssVariablesForBreakpoint = (config, breakpoint) => Object.fromEntries(require_index.textVariants.flatMap((variant) => {
|
|
32
32
|
const safeVariant = textVariantsSafe(variant);
|
|
33
33
|
return [
|
|
34
|
-
[`--${
|
|
35
|
-
[`--${
|
|
36
|
-
[`--${
|
|
37
|
-
[`--${
|
|
38
|
-
[`--${
|
|
39
|
-
[`--${
|
|
40
|
-
[`--${
|
|
41
|
-
[`--${
|
|
34
|
+
[`--${require_index$1.FONT_FAMILY_PREFIX}-${safeVariant}`, convertFontAlias(config, getValue(config, variant, "fontFamily", breakpoint))],
|
|
35
|
+
[`--${require_index$1.FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSize", breakpoint)],
|
|
36
|
+
[`--${require_index$1.FONT_WEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWeight", breakpoint)],
|
|
37
|
+
[`--${require_index$1.FONT_SLANT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSlant", breakpoint)],
|
|
38
|
+
[`--${require_index$1.FONT_WIDTH_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWidth", breakpoint)],
|
|
39
|
+
[`--${require_index$1.LINE_HEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "lineHeight", breakpoint)],
|
|
40
|
+
[`--${require_index$1.TEXT_TRANSFORM_PREFIX}-${safeVariant}`, getValue(config, variant, "textTransform", breakpoint)],
|
|
41
|
+
[`--${require_index$1.LETTER_SPACING_PREFIX}-${safeVariant}`, getValue(config, variant, "letterSpacing", breakpoint)]
|
|
42
42
|
];
|
|
43
43
|
}));
|
|
44
|
-
const tailwindConfigPerVariant = (prefix) => Object.fromEntries(
|
|
44
|
+
const tailwindConfigPerVariant = (prefix) => Object.fromEntries(require_index.textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]));
|
|
45
45
|
const RESPONSIVE_TAILWIND_CONFIG_MAP = {
|
|
46
|
-
fontFamily: tailwindConfigPerVariant(
|
|
47
|
-
fontWeight: tailwindConfigPerVariant(
|
|
48
|
-
fontSlant: tailwindConfigPerVariant(
|
|
49
|
-
fontWidth: tailwindConfigPerVariant(
|
|
50
|
-
fontSize: tailwindConfigPerVariant(
|
|
51
|
-
lineHeight: tailwindConfigPerVariant(
|
|
52
|
-
textTransform: tailwindConfigPerVariant(
|
|
53
|
-
letterSpacing: tailwindConfigPerVariant(
|
|
46
|
+
fontFamily: tailwindConfigPerVariant(require_index$1.FONT_FAMILY_PREFIX),
|
|
47
|
+
fontWeight: tailwindConfigPerVariant(require_index$1.FONT_WEIGHT_PREFIX),
|
|
48
|
+
fontSlant: tailwindConfigPerVariant(require_index$1.FONT_SLANT_PREFIX),
|
|
49
|
+
fontWidth: tailwindConfigPerVariant(require_index$1.FONT_WIDTH_PREFIX),
|
|
50
|
+
fontSize: tailwindConfigPerVariant(require_index$1.FONT_SIZE_PREFIX),
|
|
51
|
+
lineHeight: tailwindConfigPerVariant(require_index$1.LINE_HEIGHT_PREFIX),
|
|
52
|
+
textTransform: tailwindConfigPerVariant(require_index$1.TEXT_TRANSFORM_PREFIX),
|
|
53
|
+
letterSpacing: tailwindConfigPerVariant(require_index$1.LETTER_SPACING_PREFIX)
|
|
54
54
|
};
|
|
55
55
|
const getBaseTextVars = (config) => {
|
|
56
56
|
return cssVariablesForBreakpoint(config, "base");
|
|
@@ -58,7 +58,7 @@ const getBaseTextVars = (config) => {
|
|
|
58
58
|
const getResponsiveTextStyles = (config) => {
|
|
59
59
|
const breakpoints = require_entries.entries(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
|
|
60
60
|
return {
|
|
61
|
-
[`.${
|
|
61
|
+
[`.${require_index$1.TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
|
|
62
62
|
[mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
|
|
63
63
|
[mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
|
|
64
64
|
...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
+
import { UniversalTokensConfig } from "../../config/dist/index.cjs";
|
|
2
3
|
import { CssStyleObject } from "./types.cjs";
|
|
3
|
-
import { UniversalTokensConfig } from "@yahoo/uds-config";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/components/getResponsiveTextStyles.d.ts
|
|
6
6
|
declare const textVariantsSafe: (variant: string) => string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
+
import { UniversalTokensConfig } from "../../config/dist/index.js";
|
|
2
3
|
import { CssStyleObject } from "./types.js";
|
|
3
|
-
import { UniversalTokensConfig } from "@yahoo/uds-config";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/components/getResponsiveTextStyles.d.ts
|
|
6
6
|
declare const textVariantsSafe: (variant: string) => string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { textVariants } from "../../fixtures/dist/index.js";
|
|
3
|
+
import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LETTER_SPACING_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX } from "../../css-tokens/dist/index.js";
|
|
2
4
|
import { assertUnreachable } from "../../utils/assertUnreachable.js";
|
|
3
5
|
import { entries } from "../../utils/entries.js";
|
|
4
|
-
import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LETTER_SPACING_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX } from "@yahoo/uds-css-tokens";
|
|
5
|
-
import { textVariants } from "@yahoo/uds-fixtures";
|
|
6
6
|
import { isString } from "lodash-es";
|
|
7
7
|
|
|
8
8
|
//#region src/tailwind/components/getResponsiveTextStyles.ts
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
import
|
|
2
|
+
import { TextVariantUi } from "../types/dist/index.cjs";
|
|
3
3
|
import defaultTailwindTheme from "tailwindcss/defaultTheme";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
|
|
6
6
|
type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
|
|
7
7
|
type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
|
|
8
8
|
declare const udsToTailwindMap: {
|
|
9
|
-
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" |
|
|
10
|
-
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" |
|
|
9
|
+
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
10
|
+
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
11
11
|
};
|
|
12
12
|
//#endregion
|
|
13
13
|
export { udsToTailwindMap };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTailwindThemeAsUdsConfig.d.cts","names":[],"sources":["../../src/tailwind/defaultTailwindThemeAsUdsConfig.ts"],"mappings":";;;;;KAGK,mBAAA;AAAA,KACA,WAAA,GAAc,OAAA,cAAqB,oBAAA,CAAqB,QAAA,EAAU,mBAAA;AAAA,cA+C1D,gBAAA;oMAGZ,
|
|
1
|
+
{"version":3,"file":"defaultTailwindThemeAsUdsConfig.d.cts","names":[],"sources":["../../src/tailwind/defaultTailwindThemeAsUdsConfig.ts"],"mappings":";;;;;KAGK,mBAAA;AAAA,KACA,WAAA,GAAc,OAAA,cAAqB,oBAAA,CAAqB,QAAA,EAAU,mBAAA;AAAA,cA+C1D,gBAAA;oMAGZ,aAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
import
|
|
2
|
+
import { TextVariantUi } from "../types/dist/index.js";
|
|
3
3
|
import defaultTailwindTheme from "tailwindcss/defaultTheme";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
|
|
6
6
|
type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
|
|
7
7
|
type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
|
|
8
8
|
declare const udsToTailwindMap: {
|
|
9
|
-
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" |
|
|
10
|
-
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" |
|
|
9
|
+
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
10
|
+
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
11
11
|
};
|
|
12
12
|
//#endregion
|
|
13
13
|
export { udsToTailwindMap };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTailwindThemeAsUdsConfig.d.ts","names":[],"sources":["../../src/tailwind/defaultTailwindThemeAsUdsConfig.ts"],"mappings":";;;;;KAGK,mBAAA;AAAA,KACA,WAAA,GAAc,OAAA,cAAqB,oBAAA,CAAqB,QAAA,EAAU,mBAAA;AAAA,cA+C1D,gBAAA;oMAGZ,
|
|
1
|
+
{"version":3,"file":"defaultTailwindThemeAsUdsConfig.d.ts","names":[],"sources":["../../src/tailwind/defaultTailwindThemeAsUdsConfig.ts"],"mappings":";;;;;KAGK,mBAAA;AAAA,KACA,WAAA,GAAc,OAAA,cAAqB,oBAAA,CAAqB,QAAA,EAAU,mBAAA;AAAA,cA+C1D,gBAAA;oMAGZ,aAAA"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
-
|
|
3
|
+
const require_index = require('../../css-tokens/dist/index.cjs');
|
|
4
4
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
5
5
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
6
6
|
|
|
7
7
|
//#region src/tailwind/plugins/blurBgFallback.ts
|
|
8
8
|
const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities }) => {
|
|
9
9
|
addUtilities({
|
|
10
|
-
".uds-bgBlurFillFallback": { fill: `var(--${
|
|
10
|
+
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
11
11
|
"@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))": {
|
|
12
|
-
".uds-bgBlurFillFallback": { fill: `var(--${
|
|
12
|
+
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_COLOR_PREFIX})` },
|
|
13
13
|
".uds-bgBlurFallback": {
|
|
14
14
|
WebkitBackdropFilter: "var(--uds-backdrop-blur)",
|
|
15
15
|
backdropFilter: "var(--uds-backdrop-blur)"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"@media (prefers-reduced-transparency)": {
|
|
19
|
-
".uds-bgBlurFillFallback": { fill: `var(--${
|
|
19
|
+
".uds-bgBlurFillFallback": { fill: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})` },
|
|
20
20
|
".uds-bgBlurFallback": {
|
|
21
21
|
WebkitBackdropFilter: "none",
|
|
22
22
|
backdropFilter: "none"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
-
import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "
|
|
2
|
+
import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
|
|
3
3
|
import plugin from "tailwindcss/plugin.js";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/plugins/blurBgFallback.ts
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../css-tokens/dist/index.cjs');
|
|
4
|
+
const require_index$1 = require('../../modes/dist/index.cjs');
|
|
3
5
|
const require_fromEntries = require('../../utils/fromEntries.cjs');
|
|
4
6
|
const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
|
|
5
|
-
let _yahoo_uds_css_tokens = require("@yahoo/uds-css-tokens");
|
|
6
7
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
7
8
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
8
|
-
let _yahoo_uds_modes = require("@yahoo/uds-modes");
|
|
9
9
|
|
|
10
10
|
//#region src/tailwind/plugins/borderRadius.ts
|
|
11
11
|
const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
|
|
12
|
-
const udsBorderRadiusToCSSVariable = (token) => `var(--${
|
|
12
|
+
const udsBorderRadiusToCSSVariable = (token) => `var(--${require_index.BORDER_RADIUS_PREFIX}-${token})`;
|
|
13
13
|
const getBorderRadiusTheme = (config, mergeTokensIntoTailwindTheme) => {
|
|
14
14
|
/**
|
|
15
15
|
* Given the UDS border radius tokens in config (none, xs, sm, md, lg, xl, full), create a tailwind
|
|
@@ -46,7 +46,7 @@ const borderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ ma
|
|
|
46
46
|
}, { values: theme(UDS_BORDER_RADIUS_THEME_KEY) });
|
|
47
47
|
}, ({ config, disableOverrideTailwindTheme }) => {
|
|
48
48
|
const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
|
|
49
|
-
return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[
|
|
49
|
+
return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderRadius, !shouldNotMergeBorderRadiusTokensIntoTailwindTheme) } } };
|
|
50
50
|
});
|
|
51
51
|
|
|
52
52
|
//#endregion
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { BORDER_RADIUS_PREFIX } from "../../css-tokens/dist/index.js";
|
|
3
|
+
import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
|
|
2
4
|
import { fromEntries } from "../../utils/fromEntries.js";
|
|
3
5
|
import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
|
|
4
|
-
import { BORDER_RADIUS_PREFIX } from "@yahoo/uds-css-tokens";
|
|
5
6
|
import plugin from "tailwindcss/plugin.js";
|
|
6
|
-
import { DEFAULT_SCALE_MODE } from "@yahoo/uds-modes";
|
|
7
7
|
|
|
8
8
|
//#region src/tailwind/plugins/borderRadius.ts
|
|
9
9
|
const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../css-tokens/dist/index.cjs');
|
|
4
|
+
const require_index$1 = require('../../modes/dist/index.cjs');
|
|
3
5
|
const require_fromEntries = require('../../utils/fromEntries.cjs');
|
|
4
6
|
const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
|
|
5
|
-
let _yahoo_uds_css_tokens = require("@yahoo/uds-css-tokens");
|
|
6
7
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
7
8
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
8
|
-
let _yahoo_uds_modes = require("@yahoo/uds-modes");
|
|
9
9
|
|
|
10
10
|
//#region src/tailwind/plugins/borderWidth.ts
|
|
11
11
|
const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
|
|
12
|
-
const udsBorderWidthToCSSVariable = (token) => `var(--${
|
|
12
|
+
const udsBorderWidthToCSSVariable = (token) => `var(--${require_index.BORDER_WIDTH_PREFIX}-${token})`;
|
|
13
13
|
const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
|
|
14
14
|
/**
|
|
15
15
|
* Given the UDS border width tokens in config (none, thin, medium, thick), create a tailwind
|
|
@@ -66,7 +66,7 @@ const borderWidthPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ mat
|
|
|
66
66
|
}, { values: theme(UDS_BORDER_WIDTH_THEME_KEY) });
|
|
67
67
|
}, ({ config, disableOverrideTailwindTheme }) => {
|
|
68
68
|
const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
|
|
69
|
-
return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[
|
|
69
|
+
return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderWidth, !shouldNotMergeBorderWidthTokensIntoTailwindTheme) } } };
|
|
70
70
|
});
|
|
71
71
|
|
|
72
72
|
//#endregion
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { BORDER_WIDTH_PREFIX } from "../../css-tokens/dist/index.js";
|
|
3
|
+
import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
|
|
2
4
|
import { fromEntries } from "../../utils/fromEntries.js";
|
|
3
5
|
import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
|
|
4
|
-
import { BORDER_WIDTH_PREFIX } from "@yahoo/uds-css-tokens";
|
|
5
6
|
import plugin from "tailwindcss/plugin.js";
|
|
6
|
-
import { DEFAULT_SCALE_MODE } from "@yahoo/uds-modes";
|
|
7
7
|
|
|
8
8
|
//#region src/tailwind/plugins/borderWidth.ts
|
|
9
9
|
const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../palette/dist/index.cjs');
|
|
4
|
+
const require_index$1 = require('../../css-tokens/dist/index.cjs');
|
|
3
5
|
const require_mapValues = require('../../utils/mapValues.cjs');
|
|
4
6
|
const require_parseTokens = require('../../utils/parseTokens.cjs');
|
|
7
|
+
const require_index$2 = require('../../modes/dist/index.cjs');
|
|
5
8
|
const require_addColorModeVars = require('../base/addColorModeVars.cjs');
|
|
6
9
|
const require_addColorModeVarsV2 = require('../base/addColorModeVarsV2.cjs');
|
|
7
10
|
const require_getTailwindAsUdsColors = require('./getTailwindAsUdsColors.cjs');
|
|
8
|
-
let _yahoo_uds_css_tokens = require("@yahoo/uds-css-tokens");
|
|
9
|
-
let _yahoo_uds_palette = require("@yahoo/uds-palette");
|
|
10
11
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
11
12
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
12
|
-
let _yahoo_uds_modes = require("@yahoo/uds-modes");
|
|
13
13
|
let lodash_mapKeys_js = require("lodash/mapKeys.js");
|
|
14
14
|
lodash_mapKeys_js = require_runtime.__toESM(lodash_mapKeys_js);
|
|
15
15
|
|
|
@@ -20,31 +20,31 @@ const colorsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, enable
|
|
|
20
20
|
if (enableSystemColorMode) require_addColorModeVarsV2.addColorModeVarsV2(tokens, api);
|
|
21
21
|
else require_addColorModeVars.addColorModeVars(tokens, api);
|
|
22
22
|
}, ({ config }) => {
|
|
23
|
-
const colorModeToken = require_parseTokens.parseTokens(config).colorMode[
|
|
23
|
+
const colorModeToken = require_parseTokens.parseTokens(config).colorMode[require_index$2.DEFAULT_COLOR_MODE].tailwindConfig;
|
|
24
24
|
const spectrumWithTailwind = require_mapValues.mapValues(colorModeToken.spectrum, (hueConfig, hue) => {
|
|
25
25
|
return {
|
|
26
26
|
...hueConfig,
|
|
27
27
|
...tailwindColorsAsUds[hue]
|
|
28
28
|
};
|
|
29
29
|
});
|
|
30
|
-
const nestedNewAlwaysPalette = (0, lodash_mapKeys_js.default)(
|
|
30
|
+
const nestedNewAlwaysPalette = (0, lodash_mapKeys_js.default)(require_index.newAlwaysPalette, (_, key) => key.replace(require_index.ALWAYS_PREFIX, ""));
|
|
31
31
|
const colors = {
|
|
32
32
|
...tailwindColorsAsUds,
|
|
33
33
|
...spectrumWithTailwind,
|
|
34
|
-
...
|
|
34
|
+
...require_index.deprecatedAlwaysPalette,
|
|
35
35
|
always: nestedNewAlwaysPalette
|
|
36
36
|
};
|
|
37
37
|
const textColors = colorModeToken.palette.foreground;
|
|
38
38
|
const backgroundColors = colorModeToken.palette.background;
|
|
39
39
|
const borderColors = colorModeToken.palette.line;
|
|
40
|
-
const elevationBackgroundColors = config.elevation ? Object.fromEntries(Object.keys(config.elevation).map((level) => [`elevation-${level}`, `var(--${
|
|
40
|
+
const elevationBackgroundColors = config.elevation ? Object.fromEntries(Object.keys(config.elevation).map((level) => [`elevation-${level}`, `var(--${require_index$1.BACKGROUND_COLOR_PREFIX}-elevation-${level})`])) : {};
|
|
41
41
|
return {
|
|
42
|
-
darkMode: ["class",
|
|
42
|
+
darkMode: ["class", require_index$1.DARK_COLOR_MODE_CLASSNAME],
|
|
43
43
|
safelist: [
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
require_index$1.LIGHT_COLOR_MODE_CLASSNAME,
|
|
45
|
+
require_index$1.DARK_COLOR_MODE_CLASSNAME,
|
|
46
|
+
require_index$1.INVERT_COLOR_MODE_CLASSNAME,
|
|
47
|
+
require_index$1.SYSTEM_COLOR_MODE_CLASSNAME
|
|
48
48
|
],
|
|
49
49
|
theme: { extend: {
|
|
50
50
|
outlineColor: {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { ALWAYS_PREFIX, deprecatedAlwaysPalette, newAlwaysPalette } from "../../palette/dist/index.js";
|
|
3
|
+
import { BACKGROUND_COLOR_PREFIX, DARK_COLOR_MODE_CLASSNAME, INVERT_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, SYSTEM_COLOR_MODE_CLASSNAME } from "../../css-tokens/dist/index.js";
|
|
2
4
|
import { mapValues } from "../../utils/mapValues.js";
|
|
3
5
|
import { parseTokens } from "../../utils/parseTokens.js";
|
|
6
|
+
import { DEFAULT_COLOR_MODE } from "../../modes/dist/index.js";
|
|
4
7
|
import { addColorModeVars } from "../base/addColorModeVars.js";
|
|
5
8
|
import { addColorModeVarsV2 } from "../base/addColorModeVarsV2.js";
|
|
6
9
|
import { getTailwindAsUdsColors } from "./getTailwindAsUdsColors.js";
|
|
7
|
-
import { BACKGROUND_COLOR_PREFIX, DARK_COLOR_MODE_CLASSNAME, INVERT_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, SYSTEM_COLOR_MODE_CLASSNAME } from "@yahoo/uds-css-tokens";
|
|
8
10
|
import { mapKeys } from "lodash-es";
|
|
9
|
-
import { ALWAYS_PREFIX, deprecatedAlwaysPalette, newAlwaysPalette } from "@yahoo/uds-palette";
|
|
10
11
|
import plugin from "tailwindcss/plugin.js";
|
|
11
|
-
import { DEFAULT_COLOR_MODE } from "@yahoo/uds-modes";
|
|
12
12
|
|
|
13
13
|
//#region src/tailwind/plugins/colors.ts
|
|
14
14
|
const tailwindColorsAsUds = getTailwindAsUdsColors();
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
-
|
|
3
|
+
const require_index = require('../../fixtures/dist/index.cjs');
|
|
4
|
+
const require_generatedConfigs = require('../../automated-config/dist/generated/generatedConfigs.cjs');
|
|
5
|
+
const require_index$1 = require('../../automated-config/dist/utils/index.cjs');
|
|
4
6
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
5
7
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
6
|
-
let _yahoo_uds_automated_config_generatedConfigs = require("@yahoo/uds-automated-config/generatedConfigs");
|
|
7
|
-
let _yahoo_uds_automated_config_utils = require("@yahoo/uds-automated-config/utils");
|
|
8
8
|
|
|
9
9
|
//#region src/tailwind/plugins/components.ts
|
|
10
10
|
const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
|
|
11
11
|
if (config.button || config.iconButton) {
|
|
12
|
-
addComponents(
|
|
13
|
-
if (config.iconButton) addComponents(
|
|
12
|
+
addComponents(require_index$1.generateStyles(require_generatedConfigs.ButtonConfig, config.button, theme, previewOptions));
|
|
13
|
+
if (config.iconButton) addComponents(require_index$1.generateStyles(require_generatedConfigs.IconButtonConfig, config.iconButton, theme, previewOptions));
|
|
14
14
|
}
|
|
15
|
-
if (config.divider) addComponents(
|
|
16
|
-
if (config.link) addComponents(
|
|
17
|
-
if (config.badge) addComponents(
|
|
18
|
-
if (config.radio) addComponents(
|
|
19
|
-
if (config.avatar) addComponents(
|
|
20
|
-
if (config.chip) addComponents(
|
|
21
|
-
if (config.switch) addComponents(
|
|
22
|
-
if (config.checkbox) addComponents(
|
|
23
|
-
if (config.menuItem) addComponents(
|
|
24
|
-
if (config.menuContent) addComponents(
|
|
25
|
-
if (config.input) addComponents(
|
|
26
|
-
if (config?.toast) addComponents(
|
|
27
|
-
if (config.tooltip) addComponents(
|
|
28
|
-
if (config?.bottomSheet) addComponents(
|
|
29
|
-
if (config?.scrim) addComponents(
|
|
30
|
-
if (config.popover) addComponents(
|
|
31
|
-
}, () => ({ theme: { extend: { opacity:
|
|
15
|
+
if (config.divider) addComponents(require_index$1.generateStyles(require_generatedConfigs.DividerConfig, config.divider, theme, previewOptions));
|
|
16
|
+
if (config.link) addComponents(require_index$1.generateStyles(require_generatedConfigs.LinkConfig, config.link, theme, previewOptions));
|
|
17
|
+
if (config.badge) addComponents(require_index$1.generateStyles(require_generatedConfigs.BadgeConfig, config.badge, theme, previewOptions));
|
|
18
|
+
if (config.radio) addComponents(require_index$1.generateStyles(require_generatedConfigs.RadioConfig, config.radio, theme, previewOptions));
|
|
19
|
+
if (config.avatar) addComponents(require_index$1.generateStyles(require_generatedConfigs.AvatarConfig, config.avatar, theme, previewOptions));
|
|
20
|
+
if (config.chip) addComponents(require_index$1.generateStyles(require_generatedConfigs.ChipConfig, config.chip, theme, previewOptions));
|
|
21
|
+
if (config.switch) addComponents(require_index$1.generateStyles(require_generatedConfigs.SwitchConfig, config.switch, theme, previewOptions));
|
|
22
|
+
if (config.checkbox) addComponents(require_index$1.generateStyles(require_generatedConfigs.CheckboxConfig, config.checkbox, theme, previewOptions));
|
|
23
|
+
if (config.menuItem) addComponents(require_index$1.generateStyles(require_generatedConfigs.MenuItemConfig, config.menuItem, theme, previewOptions));
|
|
24
|
+
if (config.menuContent) addComponents(require_index$1.generateStyles(require_generatedConfigs.MenuContentConfig, config.menuContent, theme, previewOptions));
|
|
25
|
+
if (config.input) addComponents(require_index$1.generateStyles(require_generatedConfigs.InputConfig, config.input, theme, previewOptions));
|
|
26
|
+
if (config?.toast) addComponents(require_index$1.generateStyles(require_generatedConfigs.ToastConfig, config.toast, theme, previewOptions));
|
|
27
|
+
if (config.tooltip) addComponents(require_index$1.generateStyles(require_generatedConfigs.TooltipConfig, config.tooltip, theme, previewOptions));
|
|
28
|
+
if (config?.bottomSheet) addComponents(require_index$1.generateStyles(require_generatedConfigs.BottomSheetConfig, config.bottomSheet, theme, previewOptions));
|
|
29
|
+
if (config?.scrim) addComponents(require_index$1.generateStyles(require_generatedConfigs.ScrimConfig, config.scrim, theme, previewOptions));
|
|
30
|
+
if (config.popover) addComponents(require_index$1.generateStyles(require_generatedConfigs.PopoverConfig, config.popover, theme, previewOptions));
|
|
31
|
+
}, () => ({ theme: { extend: { opacity: require_index.opacityMap } } }));
|
|
32
32
|
|
|
33
33
|
//#endregion
|
|
34
34
|
exports.componentsPlugin = componentsPlugin;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
-
import { opacityMap } from "
|
|
2
|
+
import { opacityMap } from "../../fixtures/dist/index.js";
|
|
3
|
+
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";
|
|
4
|
+
import { generateStyles } from "../../automated-config/dist/utils/index.js";
|
|
3
5
|
import plugin from "tailwindcss/plugin.js";
|
|
4
|
-
import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "@yahoo/uds-automated-config/generatedConfigs";
|
|
5
|
-
import { generateStyles } from "@yahoo/uds-automated-config/utils";
|
|
6
6
|
|
|
7
7
|
//#region src/tailwind/plugins/components.ts
|
|
8
8
|
const componentsPlugin = plugin.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../css-tokens/dist/index.cjs');
|
|
3
4
|
const require_entries = require('../../utils/entries.cjs');
|
|
4
5
|
const require_fromEntries = require('../../utils/fromEntries.cjs');
|
|
5
6
|
const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
|
|
6
7
|
const require_borderWidth = require('./borderWidth.cjs');
|
|
7
8
|
const require_getElevationStyles = require('../utils/getElevationStyles.cjs');
|
|
8
|
-
let _yahoo_uds_css_tokens = require("@yahoo/uds-css-tokens");
|
|
9
9
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
10
10
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
11
11
|
|
|
12
12
|
//#region src/tailwind/plugins/elevation.ts
|
|
13
13
|
const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
|
|
14
|
-
const elevationBorderWidths = require_fromEntries.fromEntries(require_entries.entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${
|
|
14
|
+
const elevationBorderWidths = require_fromEntries.fromEntries(require_entries.entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${require_index.BORDER_WIDTH_PREFIX}-elevation-${level})`]));
|
|
15
15
|
if (!mergeTokensIntoTailwindTheme) return { [require_borderWidth.UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths };
|
|
16
16
|
const namespacedBorderWidths = require_fromEntries.fromEntries(require_entries.entries(elevationBorderWidths).map(([key, cssVar]) => [`width-${key}`, cssVar]));
|
|
17
17
|
return {
|
|
@@ -25,7 +25,7 @@ const elevationPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) =
|
|
|
25
25
|
addUtilities(require_getElevationStyles.getElevationStyles({ config }));
|
|
26
26
|
}, ({ config, disableOverrideTailwindTheme }) => {
|
|
27
27
|
const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
|
|
28
|
-
const borderColor = require_fromEntries.fromEntries(require_entries.entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${
|
|
28
|
+
const borderColor = require_fromEntries.fromEntries(require_entries.entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${require_index.LINE_COLOR_PREFIX}-elevation-${level})`]));
|
|
29
29
|
return { theme: { extend: {
|
|
30
30
|
borderColor,
|
|
31
31
|
outlineColor: borderColor,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
|
|
2
3
|
import { entries } from "../../utils/entries.js";
|
|
3
4
|
import { fromEntries } from "../../utils/fromEntries.js";
|
|
4
5
|
import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
|
|
5
6
|
import { UDS_BORDER_WIDTH_THEME_KEY } from "./borderWidth.js";
|
|
6
7
|
import { getElevationStyles } from "../utils/getElevationStyles.js";
|
|
7
|
-
import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from "@yahoo/uds-css-tokens";
|
|
8
8
|
import plugin from "tailwindcss/plugin.js";
|
|
9
9
|
|
|
10
10
|
//#region src/tailwind/plugins/elevation.ts
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
-
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
2
|
const require_entries = require('../../utils/entries.cjs');
|
|
4
|
-
|
|
3
|
+
const require_index = require('../../config/dist/index.cjs');
|
|
5
4
|
|
|
6
5
|
//#region src/tailwind/plugins/getTailwindAsUdsColors.ts
|
|
7
6
|
const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
|
|
8
|
-
const lightSpectrum =
|
|
7
|
+
const lightSpectrum = require_index.defaultTokensConfig.colorMode.light.spectrum;
|
|
9
8
|
const tailwindColorsConfig = {
|
|
10
9
|
inherit: "inherit",
|
|
11
10
|
current: "currentColor",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
import { entries } from "../../utils/entries.js";
|
|
3
|
-
import { defaultTokensConfig } from "
|
|
3
|
+
import { defaultTokensConfig } from "../../config/dist/index.js";
|
|
4
4
|
|
|
5
5
|
//#region src/tailwind/plugins/getTailwindAsUdsColors.ts
|
|
6
6
|
const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
|
+
const require_index = require('../../fixtures/dist/index.cjs');
|
|
3
4
|
const require_getShadowStyles = require('../utils/getShadowStyles.cjs');
|
|
4
5
|
const require_getShadowPresetValues = require('../utils/getShadowPresetValues.cjs');
|
|
5
|
-
let _yahoo_uds_fixtures = require("@yahoo/uds-fixtures");
|
|
6
6
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
7
7
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
8
8
|
|
|
@@ -35,10 +35,10 @@ const shadowsPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) =>
|
|
|
35
35
|
...insetShadowStyles
|
|
36
36
|
});
|
|
37
37
|
}, () => ({ theme: { extend: {
|
|
38
|
-
shadowOpacity:
|
|
39
|
-
shadowSpread:
|
|
40
|
-
shadowOffset:
|
|
41
|
-
shadowBlur:
|
|
38
|
+
shadowOpacity: require_index.shadowOpacityMap,
|
|
39
|
+
shadowSpread: require_index.shadowSpreadRadiusMap,
|
|
40
|
+
shadowOffset: require_index.shadowOffsetMap,
|
|
41
|
+
shadowBlur: require_index.shadowOffsetMap
|
|
42
42
|
} } }));
|
|
43
43
|
|
|
44
44
|
//#endregion
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
|
+
import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap } from "../../fixtures/dist/index.js";
|
|
2
3
|
import { getShadowStyles } from "../utils/getShadowStyles.js";
|
|
3
4
|
import { getShadowPresetValues } from "../utils/getShadowPresetValues.js";
|
|
4
|
-
import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap } from "@yahoo/uds-fixtures";
|
|
5
5
|
import plugin from "tailwindcss/plugin.js";
|
|
6
6
|
|
|
7
7
|
//#region src/tailwind/plugins/shadows.ts
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
|
|
3
3
|
const require_parseTokens = require('../../utils/parseTokens.cjs');
|
|
4
|
+
const require_index = require('../../modes/dist/index.cjs');
|
|
4
5
|
let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
|
|
5
6
|
tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
|
|
6
|
-
let _yahoo_uds_modes = require("@yahoo/uds-modes");
|
|
7
7
|
|
|
8
8
|
//#region src/tailwind/plugins/sizing.ts
|
|
9
9
|
/**
|
|
@@ -21,7 +21,7 @@ const sizingPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ matchUti
|
|
|
21
21
|
height: value
|
|
22
22
|
}) }, { values: theme("sizing.avatar") });
|
|
23
23
|
}, ({ config }) => {
|
|
24
|
-
const scaleModeToken = require_parseTokens.parseTokens(config).scaleMode[
|
|
24
|
+
const scaleModeToken = require_parseTokens.parseTokens(config).scaleMode[require_index.DEFAULT_SCALE_MODE];
|
|
25
25
|
return { theme: { extend: { sizing: {
|
|
26
26
|
icon: scaleModeToken.iconSizes.tailwindConfig,
|
|
27
27
|
avatar: scaleModeToken.avatarSizes.tailwindConfig
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
2
2
|
import { parseTokens } from "../../utils/parseTokens.js";
|
|
3
|
+
import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
|
|
3
4
|
import plugin from "tailwindcss/plugin.js";
|
|
4
|
-
import { DEFAULT_SCALE_MODE } from "@yahoo/uds-modes";
|
|
5
5
|
|
|
6
6
|
//#region src/tailwind/plugins/sizing.ts
|
|
7
7
|
/**
|