@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/tailwind/tailwindPlugin.cjs

@@ -0,0 +1,303 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_tokens_consts_cssTokens = require('../tokens/consts/cssTokens.cjs');
+const require_utils_assertUnreachable = require('../utils/assertUnreachable.cjs');
+const require_tailwind_components_getResponsiveTextStyles = require('./components/getResponsiveTextStyles.cjs');
+const require_tailwind_utils_getShadowPresetValues = require('./utils/getShadowPresetValues.cjs');
+const require_tokens_automation_utils_index = require('../tokens/automation/utils/index.cjs');
+const require_tokens_configs_palette = require('../tokens/configs/palette.cjs');
+const require_tokens_configs_typography = require('../tokens/configs/typography.cjs');
+const require_tokens_consts_defaultModes = require('../tokens/consts/defaultModes.cjs');
+const require_tokens_utils_entries = require('../tokens/utils/entries.cjs');
+const require_tokens_utils_fromEntries = require('../tokens/utils/fromEntries.cjs');
+const require_tokens_utils_mapValues = require('../tokens/utils/mapValues.cjs');
+const require_tailwind_defaultTailwindThemeAsUdsConfig = require('./defaultTailwindThemeAsUdsConfig.cjs');
+const require_tokens_parseTokens = require('../tokens/parseTokens.cjs');
+const require_generatedConfigs = require('../generated/generatedConfigs.cjs');
+const require_tailwind_base_addFontFaceDeclarations = require('./base/addFontFaceDeclarations.cjs');
+const require_tailwind_utils_getShadowStyles = require('./utils/getShadowStyles.cjs');
+const require_tailwind_base_addColorModeVars = require('./base/addColorModeVars.cjs');
+const require_tailwind_base_addColorModeVarsV2 = require('./base/addColorModeVarsV2.cjs');
+const require_tailwind_base_addFontVars = require('./base/addFontVars.cjs');
+const require_tailwind_base_addMotionVars = require('./base/addMotionVars.cjs');
+const require_tailwind_base_addScaleModeVars = require('./base/addScaleModeVars.cjs');
+const require_tailwind_components_utils = require('./components/utils.cjs');
+const require_tailwind_components_getButtonStyles = require('./components/getButtonStyles.cjs');
+const require_tailwind_components_getFocusRingStyles = require('./components/getFocusRingStyles.cjs');
+const require_tailwind_components_getGroupedTextStyles = require('./components/getGroupedTextStyles.cjs');
+const require_tailwind_components_getHitTargetStyles = require('./components/getHitTargetStyles.cjs');
+const require_tailwind_components_getIconButtonStyles = require('./components/getIconButtonStyles.cjs');
+const require_tailwind_components_getIconStyles = require('./components/getIconStyles.cjs');
+const require_tailwind_components_getInputStyles = require('./components/getInputStyles.cjs');
+const require_tailwind_theme_getFontFamilyTheme = require('./theme/getFontFamilyTheme.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let lodash_isString_js = require("lodash/isString.js");
+lodash_isString_js = require_rolldown_runtime.__toESM(lodash_isString_js);
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/tailwindPlugin.ts
+const tailwindPlugin = tailwindcss_plugin_js.default.withOptions(function({ config, disableFontFaceDeclarations = false, enableSystemColorMode = false, previewOptions = { generatePseudoStateClassModifier: false } }) {
+	if (!config) throw new Error("`tailwindPlugin` requires a config object. If your project has not yet sync'd a config, you can import `defaultTokensConfig` from `@yahoo/uds/defaultTokensConfig` and pass it to `tailwindPlugin`.");
+	return function({ addBase: addBase_, addUtilities: addUtilities_, addComponents: addComponents_, matchUtilities, theme, config: getRootConfig }) {
+		const parentConfigImportant = getRootConfig().important;
+		const useImportNamespace = (0, lodash_isString_js.default)(parentConfigImportant);
+		const rootSelector = useImportNamespace ? parentConfigImportant : ":root";
+		const fns = {
+			addRootVariables(css) {
+				addBase_({ [rootSelector]: css });
+			},
+			addBase: addBase_,
+			addComponents(css) {
+				addComponents_(css, { respectImportant: useImportNamespace });
+			},
+			addUtilities(css) {
+				addUtilities_(css, {
+					respectPrefix: true,
+					respectImportant: useImportNamespace
+				});
+			}
+		};
+		const { addRootVariables, addBase, addComponents, addUtilities } = fns;
+		const tokens = require_tokens_parseTokens.parseTokens(config);
+		const fontIds = Object.values(config.font);
+		if (disableFontFaceDeclarations === false) require_tailwind_base_addFontFaceDeclarations.addFontFaceDeclarations(fontIds, fns);
+		require_tailwind_base_addFontVars.addFontVars(config.font, fns);
+		require_tailwind_base_addScaleModeVars.addScaleModeVars(tokens, fns);
+		if (enableSystemColorMode) require_tailwind_base_addColorModeVarsV2.addColorModeVarsV2(tokens, fns);
+		else require_tailwind_base_addColorModeVars.addColorModeVars(tokens, fns);
+		addRootVariables(require_tailwind_components_getResponsiveTextStyles.getBaseTextVars(config));
+		addBase(require_tailwind_components_getGroupedTextStyles.getGroupedTextStyles());
+		if ((config.globalDefaults.enableResponsiveType ?? false) && config.typography && config.breakpoints) addComponents(require_tailwind_components_getResponsiveTextStyles.getResponsiveTextStyles(config));
+		/** Add shadow utilities to make shadow props available in Tailwind */
+		if (config.shadow) {
+			const dropShadowVariables = require_tailwind_utils_getShadowPresetValues.getShadowPresetValues({
+				config,
+				shadowType: "drop"
+			});
+			const insetShadowVariables = require_tailwind_utils_getShadowPresetValues.getShadowPresetValues({
+				config,
+				shadowType: "inset"
+			});
+			addRootVariables({
+				...dropShadowVariables,
+				...insetShadowVariables
+			});
+			const dropShadowStyles = require_tailwind_utils_getShadowStyles.getShadowStyles({
+				config,
+				shadowType: "drop"
+			});
+			const insetShadowStyles = require_tailwind_utils_getShadowStyles.getShadowStyles({
+				config,
+				shadowType: "inset"
+			});
+			addUtilities({
+				...dropShadowStyles,
+				...insetShadowStyles
+			});
+		}
+		if (config.button) addComponents(require_tailwind_components_getButtonStyles.getTailwindButtonStyles(config.button, theme));
+		if (config.iconButton) addComponents(require_tailwind_components_getIconButtonStyles.getTailwindIconButtonStyles(config.iconButton, theme));
+		if (config?.divider) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.DividerConfig, config.divider, theme, previewOptions));
+		if (config?.link) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.LinkConfig, config.link, theme, previewOptions));
+		if (config?.badge) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.BadgeConfig, config.badge, theme, previewOptions));
+		if (config?.radio) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.RadioConfig, config.radio, theme, previewOptions));
+		if (config?.avatar) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.AvatarConfig, config.avatar, theme, previewOptions));
+		if (config?.chip) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.ChipConfig, config.chip, theme, previewOptions));
+		if (config?.switch) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.SwitchConfig, config.switch, theme, previewOptions));
+		if (config?.checkbox) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.CheckboxConfig, config.checkbox, theme, previewOptions));
+		if (config?.menu) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.MenuConfig, config.menu, theme, previewOptions));
+		if (config?.input) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.InputConfig, config.input, theme, previewOptions));
+		if (config.motion) require_tailwind_base_addMotionVars.addMotionVars(config.motion, fns);
+		addComponents(require_tailwind_components_getHitTargetStyles.getHitTargetStyles());
+		addComponents(require_tailwind_components_getFocusRingStyles.getFocusRingStyles({ theme }));
+		addComponents(require_tailwind_components_getInputStyles.getInputStyles());
+		addBase(require_tailwind_components_getIconStyles.getIconStyles());
+		matchUtilities({ iconSize: (value) => ({
+			width: value,
+			height: value,
+			fontSize: value,
+			lineHeight: value
+		}) }, { values: theme("sizing.icon") });
+		matchUtilities({ avatarSize: (value) => ({
+			width: value,
+			height: value
+		}) }, { values: theme("sizing.avatar") });
+		matchUtilities({ case: (value) => ({ "text-transform": value }) }, { values: theme("typography.textTransform") });
+		const namedFontWeightsFromPlugin = theme("typography.fontWeight") || {};
+		const fontWeightsWithDescriptives = {
+			...require_tokens_configs_typography.fontWeightMap,
+			...namedFontWeightsFromPlugin
+		};
+		Object.entries(fontWeightsWithDescriptives).forEach(([fontWeight, value]) => {
+			const styles = {};
+			if (__yahoo_uds_fixtures.textVariants.map(require_tailwind_components_getResponsiveTextStyles.textVariantsSafe).includes(fontWeight)) {
+				const textVariant = fontWeight;
+				styles["font-weight"] = value;
+				styles["font-variation-settings"] = `"wght" ${value}, "slnt" ${theme(`typography.fontSlant.${textVariant}`)}, "wdth" ${theme(`typography.fontWidth.${textVariant}`)}`;
+			} else styles["font-weight"] = value;
+			addUtilities({ [`.font-weight-${fontWeight}`]: styles });
+		});
+		matchUtilities({ "font-size": (value) => ({ "font-size": value }) }, { values: theme("typography.fontSize") });
+	};
+}, function({ config, safelist = [] }) {
+	if (!config) throw new Error("No config provided");
+	const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;
+	const tokens = require_tokens_parseTokens.parseTokens(config);
+	const colorModeToken = tokens.colorMode[require_tokens_consts_defaultModes.DEFAULT_COLOR_MODE].tailwindConfig;
+	const scaleModeToken = tokens.scaleMode[require_tokens_consts_defaultModes.DEFAULT_SCALE_MODE];
+	const spectrumWithTailwind = require_tokens_utils_mapValues.mapValues(colorModeToken.spectrum, (hueConfig, hue) => {
+		return {
+			...hueConfig,
+			...__yahoo_uds_fixtures.tailwindColorsAsUds[hue]
+		};
+	});
+	const colors = {
+		...__yahoo_uds_fixtures.tailwindColorsAsUds,
+		...spectrumWithTailwind,
+		...require_tokens_configs_palette.alwaysPalette
+	};
+	const textColors = colorModeToken.palette.foreground;
+	const backgroundColors = colorModeToken.palette.background;
+	const borderColors = colorModeToken.palette.line;
+	/**
+	* TODO: use tuple format like tailwind does to reduce having to use
+	* separate className utils for font size & line height
+	*/
+	const fontSize = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {
+		return [twAlias, [`var(--${require_tokens_consts_cssTokens.FONT_SIZE_PREFIX}-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(udsAlias)})`, { lineHeight: `var(--${require_tokens_consts_cssTokens.LINE_HEIGHT_PREFIX}-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(udsAlias)})` }]];
+	}));
+	/**
+	* The following tokens do not collide with UDS's border radius
+	* so we are not going to try and map them:
+	*  - '2xl': 16,
+	*  - '3xl': 24,
+	*/
+	const tailwindBorderRadius = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.borderRadius).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${require_tokens_consts_cssTokens.BORDER_RADIUS_PREFIX}-${udsAlias})`];
+	}));
+	const borderRadius = {
+		...scaleModeToken.borderRadius.tailwindConfig,
+		...tailwindBorderRadius
+	};
+	/**
+	* Reassign Tailwind's border width aliases to UDS's border width aliases
+	* This makes it so UDS configs can power both Tailwind and UDS components
+	*/
+	const tailwindBorderWidth = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.borderWidth).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${require_tokens_consts_cssTokens.BORDER_WIDTH_PREFIX}-${udsAlias})`];
+	}));
+	const borderWidth = {
+		...scaleModeToken.borderWidth.tailwindConfig,
+		...tailwindBorderWidth
+	};
+	const textClasses = __yahoo_uds_fixtures.textVariants.map((variant) => `uds-text-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(variant)}`);
+	const responsiveTextClasses = [require_tokens_consts_cssTokens.TEXT_RESPONSIVE_CLASSNAME, ...Object.keys(require_tokens_consts_cssTokens.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map((variant) => require_tokens_consts_cssTokens.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant])];
+	return {
+		darkMode: ["class", require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME],
+		safelist: [
+			"uds-hit-target",
+			"uds-ring",
+			"uds-switch-handle-icon",
+			"uds-input[list]::-webkit-calendar-picker-indicator",
+			"uds-input::-webkit-datetime-edit",
+			"uds-input::-webkit-calendar-picker-indicator",
+			require_tokens_consts_cssTokens.LIGHT_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.INVERT_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.SYSTEM_COLOR_MODE_CLASSNAME,
+			"uds-light-mode-icon",
+			"uds-dark-mode-icon",
+			...textClasses,
+			...responsiveTextClasses,
+			...safelist
+		],
+		theme: { extend: {
+			spacing: {
+				"4.5": "1.125rem",
+				"5.5": "1.375rem"
+			},
+			...enableResponsiveTypeRamp ? { screens: require_tokens_utils_mapValues.mapValues(config.breakpoints, (breakpoint) => {
+				switch (breakpoint.type) {
+					case "px": return `${breakpoint.value}px`;
+				}
+				return require_utils_assertUnreachable.assertUnreachable(breakpoint.type);
+			}) } : {},
+			aria: {
+				checked: "checked=\"true\"",
+				disabled: "disabled=\"true\"",
+				expanded: "expanded=\"true\"",
+				invalid: "aria-invalid=\"true\""
+			},
+			data: {
+				active: "active=\"true\"",
+				"active-item": "active-item=\"true\"",
+				autofill: "autofill=\"true\"",
+				backdrop: "backdrop=\"true\"",
+				enter: "enter=\"true\"",
+				leave: "leave=\"true\"",
+				"focus-visible": "focus-visible=\"true\""
+			},
+			borderRadius,
+			borderWidth,
+			outlineWidth: {
+				...borderWidth,
+				DEFAULT: "2px"
+			},
+			outlineOffset: {
+				...borderWidth,
+				DEFAULT: "2px"
+			},
+			outlineColor: ({ theme }) => ({
+				...borderColors,
+				DEFAULT: theme("colors.gray.15")
+			}),
+			fontFamily: require_tailwind_theme_getFontFamilyTheme.getFontFamilyTheme(),
+			fontSize,
+			lineHeight: require_tailwind_components_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,
+			colors,
+			backgroundColor: backgroundColors,
+			textColor: textColors,
+			borderColor: borderColors,
+			fill: backgroundColors,
+			caretColor: textColors,
+			placeholderColor: textColors,
+			textDecorationColor: textColors,
+			divideColor: borderColors,
+			ringColor: borderColors,
+			ringOffsetColor: borderColors,
+			stroke: borderColors,
+			gradientColorStops: ({ theme }) => ({
+				...backgroundColors,
+				...theme("colors")
+			}),
+			typography: require_tailwind_components_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP,
+			sizing: {
+				icon: scaleModeToken.iconSizes.tailwindConfig,
+				avatar: scaleModeToken.avatarSizes.tailwindConfig
+			},
+			shadowOpacity: __yahoo_uds_fixtures.shadowOpacityMap,
+			shadowSpread: __yahoo_uds_fixtures.shadowSpreadRadiusMap,
+			shadowOffset: __yahoo_uds_fixtures.shadowOffsetMap,
+			shadowBlur: __yahoo_uds_fixtures.shadowOffsetMap
+		} }
+	};
+});
+/**
+* Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+* included in the app.
+* Note: wrapped in a function so client side usage of the tailwind plugin package
+* (e.g. configurator) doesn't error out on require() being undefined.
+* */
+const getUDSContent = () => {
+	return [require.resolve("@yahoo/uds").replace("/dist/index.cjs", "/dist/**/*.{js,cjs}")];
+};
+
+//#endregion
+exports.getButtonColorForProperty = require_tailwind_components_utils.getButtonColorForProperty;
+exports.getButtonStyles = require_tailwind_components_getButtonStyles.getButtonStyles;
+exports.getIconButtonStyles = require_tailwind_components_getIconButtonStyles.getIconButtonStyles;
+exports.getInputStyles = require_tailwind_components_getInputStyles.getInputStyles;
+exports.getUDSContent = getUDSContent;
+exports.tailwindPlugin = tailwindPlugin;
+exports.udsToTailwindMap = require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap;

package/dist/tailwind/tailwindPlugin.d.cts

@@ -0,0 +1,62 @@
+import { UniversalTokensConfig } from "../tokens/types.cjs";
+import "../tokens/index.cjs";
+import { getButtonStyles } from "./components/getButtonStyles.cjs";
+import { getIconButtonStyles } from "./components/getIconButtonStyles.cjs";
+import { getInputStyles } from "./components/getInputStyles.cjs";
+import { getButtonColorForProperty } from "./components/utils.cjs";
+import { udsToTailwindMap } from "./defaultTailwindThemeAsUdsConfig.cjs";
+import * as tailwindcss_types_config1 from "tailwindcss/types/config";
+import { Config } from "tailwindcss";
+
+//#region src/tailwind/tailwindPlugin.d.ts
+interface TailwindPluginOptions {
+  config?: UniversalTokensConfig;
+  /**
+   * Safelisting is a last-resort, and should only be used in situations where
+   * it’s impossible to scan certain content for class names. These situations
+   * are rare, and you should almost never need this feature.
+   *
+   * {@link https://v3.tailwindcss.com/docs/content-configuration#safelisting-classes}
+   */
+  safelist?: Config['safelist'];
+  /**
+   * Disable generating font face declarations through Tailwind
+   * @default false
+   */
+  disableFontFaceDeclarations?: boolean;
+  /**
+   * Enable responsive type ramp styles.
+   * @default false
+   * @deprecated This is now set in the uds.config
+   */
+  enableResponsiveTypeRamp?: boolean;
+  /**
+   * Enable opt-in automatice color mode based on media query.
+   * @default false
+   */
+  enableSystemColorMode?: boolean;
+  previewOptions?: {
+    /**
+     * Generates CSS classes for visually forcing components into a pseudo state (hover, focus, etc)
+     * @default false
+     */
+    generatePseudoStateClassModifier: boolean;
+  };
+}
+declare const tailwindPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config1.PluginCreator;
+    config?: Partial<tailwindcss_types_config1.Config>;
+  };
+  __isOptionsFunction: true;
+};
+/**
+ * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+ * included in the app.
+ * Note: wrapped in a function so client side usage of the tailwind plugin package
+ * (e.g. configurator) doesn't error out on require() being undefined.
+ * */
+declare const getUDSContent: () => string[];
+//#endregion
+export { getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+//# sourceMappingURL=tailwindPlugin.d.cts.map

package/dist/tailwind/tailwindPlugin.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindPlugin.d.cts","names":[],"sources":["../../src/tailwind/tailwindPlugin.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;UAgFU,qBAAA;WACC;;;;AAN0D,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;AAclD,CAAA,CAAA,CAAA;;;aAAN,iBA7EX,CAAA;EAAA,CAAA,CAAA;;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;cA0GI;;;aA1GJ,kCAAA,MAAA;;;;;;;;;;cA2rBI"}

package/dist/tailwind/tailwindPlugin.d.ts

@@ -0,0 +1,62 @@
+import { UniversalTokensConfig } from "../tokens/types.js";
+import "../tokens/index.js";
+import { getButtonStyles } from "./components/getButtonStyles.js";
+import { getIconButtonStyles } from "./components/getIconButtonStyles.js";
+import { getInputStyles } from "./components/getInputStyles.js";
+import { getButtonColorForProperty } from "./components/utils.js";
+import { udsToTailwindMap } from "./defaultTailwindThemeAsUdsConfig.js";
+import * as tailwindcss_types_config0 from "tailwindcss/types/config";
+import { Config } from "tailwindcss";
+
+//#region src/tailwind/tailwindPlugin.d.ts
+interface TailwindPluginOptions {
+  config?: UniversalTokensConfig;
+  /**
+   * Safelisting is a last-resort, and should only be used in situations where
+   * it’s impossible to scan certain content for class names. These situations
+   * are rare, and you should almost never need this feature.
+   *
+   * {@link https://v3.tailwindcss.com/docs/content-configuration#safelisting-classes}
+   */
+  safelist?: Config['safelist'];
+  /**
+   * Disable generating font face declarations through Tailwind
+   * @default false
+   */
+  disableFontFaceDeclarations?: boolean;
+  /**
+   * Enable responsive type ramp styles.
+   * @default false
+   * @deprecated This is now set in the uds.config
+   */
+  enableResponsiveTypeRamp?: boolean;
+  /**
+   * Enable opt-in automatice color mode based on media query.
+   * @default false
+   */
+  enableSystemColorMode?: boolean;
+  previewOptions?: {
+    /**
+     * Generates CSS classes for visually forcing components into a pseudo state (hover, focus, etc)
+     * @default false
+     */
+    generatePseudoStateClassModifier: boolean;
+  };
+}
+declare const tailwindPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config0.PluginCreator;
+    config?: Partial<tailwindcss_types_config0.Config>;
+  };
+  __isOptionsFunction: true;
+};
+/**
+ * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+ * included in the app.
+ * Note: wrapped in a function so client side usage of the tailwind plugin package
+ * (e.g. configurator) doesn't error out on require() being undefined.
+ * */
+declare const getUDSContent: () => string[];
+//#endregion
+export { getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+//# sourceMappingURL=tailwindPlugin.d.ts.map

package/dist/tailwind/tailwindPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindPlugin.d.ts","names":[],"sources":["../../src/tailwind/tailwindPlugin.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;UAgFU,qBAAA;WACC;;;;AAN0D,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;AAclD,CAAA,CAAA,CAAA;;;aAAN,iBA7EX,CAAA;EAAA,CAAA,CAAA;;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;cA0GI;;;aA1GJ,kCAAA,MAAA;;;;;;;;;;cA2rBI"}