@yahoo/uds 2.11.0 → 3.0.0

package/dist/tailwind/plugin.d.cts

@@ -1,18 +1,27 @@
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import { B as ButtonConfig, i as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig } from '../types-DPT0rst4.cjs';
+import { CSSRuleObject } from 'tailwindcss/types/config';
+import { B as ButtonConfig, i as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig } from '../types-d2CfR7zp.cjs';
 import defaultTailwindTheme from 'tailwindcss/defaultTheme';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';
+import 'type-fest';
 
 /** TODO: create typed theme function to ensure valid paths are being used */
 type ThemeFn = (path: string) => string;
+type SimpleStyleObject = Record<string, string> | CSSRuleObject;
+type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>;
 
 declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
 
 type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
 declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
 
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject;
+
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
 type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
 type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
@@ -20,9 +29,9 @@ type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, Tw
 type TwBorderWidthToExclude = '0' | '8';
 type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
 declare const udsToTailwindMap: {
-    fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
-    lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
-    borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
+    fontSize: Record<"label3" | "label1" | "label4" | "label2" | "caption1" | "headline1" | "caption2" | "title4" | "title3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1", TwdFontSize>;
+    lineHeight: Record<"label3" | "label1" | "label4" | "label2" | "caption1" | "headline1" | "caption2" | "title4" | "title3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1", TwdFontSize>;
+    borderRadius: Record<"md" | "sm" | "lg" | "xl" | "xs", TwBorderRadius>;
     borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
 };
 /**
@@ -41,6 +50,11 @@ interface TailwindPluginOptions {
      * @default false
      */
     disableFontFaceDeclarations?: boolean;
+    /**
+     * Generates CSS classes for visually forcing components into a pseudo state (hover, focus, etc)
+     * @default false
+     */
+    generatePseudoStateSuffixes?: boolean;
 }
 declare const tailwindPlugin: {
     (options: TailwindPluginOptions): {
@@ -57,4 +71,4 @@ declare const tailwindPlugin: {
  * */
 declare const getUDSContent: () => string[];
 
-export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/plugin.d.ts

@@ -1,18 +1,27 @@
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
-import { B as ButtonConfig, i as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig } from '../types-DPT0rst4.js';
+import { CSSRuleObject } from 'tailwindcss/types/config';
+import { B as ButtonConfig, i as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig } from '../types-d2CfR7zp.js';
 import defaultTailwindTheme from 'tailwindcss/defaultTheme';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';
+import 'type-fest';
 
 /** TODO: create typed theme function to ensure valid paths are being used */
 type ThemeFn = (path: string) => string;
+type SimpleStyleObject = Record<string, string> | CSSRuleObject;
+type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>;
 
 declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
 
 type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
 declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
 
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject;
+
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
 type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
 type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
@@ -20,9 +29,9 @@ type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, Tw
 type TwBorderWidthToExclude = '0' | '8';
 type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
 declare const udsToTailwindMap: {
-    fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
-    lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
-    borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
+    fontSize: Record<"label3" | "label1" | "label4" | "label2" | "caption1" | "headline1" | "caption2" | "title4" | "title3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1", TwdFontSize>;
+    lineHeight: Record<"label3" | "label1" | "label4" | "label2" | "caption1" | "headline1" | "caption2" | "title4" | "title3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1", TwdFontSize>;
+    borderRadius: Record<"md" | "sm" | "lg" | "xl" | "xs", TwBorderRadius>;
     borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
 };
 /**
@@ -41,6 +50,11 @@ interface TailwindPluginOptions {
      * @default false
      */
     disableFontFaceDeclarations?: boolean;
+    /**
+     * Generates CSS classes for visually forcing components into a pseudo state (hover, focus, etc)
+     * @default false
+     */
+    generatePseudoStateSuffixes?: boolean;
 }
 declare const tailwindPlugin: {
     (options: TailwindPluginOptions): {
@@ -57,4 +71,4 @@ declare const tailwindPlugin: {
  * */
 declare const getUDSContent: () => string[];
 
-export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };