npm - @yahoo/uds - Versions diffs - 3.169.1 → 3.170.0 - Mend

@yahoo/uds 3.169.1 → 3.170.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.

Files changed (47) hide show

package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
package/dist/components/IconSlot.cjs +1 -1
package/dist/components/IconSlot.js +1 -1
package/dist/components/client/Button/Button.cjs +1 -1
package/dist/components/client/Button/Button.js +1 -1
package/dist/components/client/IconButton/IconButton.cjs +1 -1
package/dist/components/client/IconButton/IconButton.js +1 -1
package/dist/components/client/Menu/Menu.Content.cjs +1 -1
package/dist/components/client/Menu/Menu.Content.js +1 -1
package/dist/components/client/Popover/PopoverContent.cjs +1 -1
package/dist/components/client/Popover/PopoverContent.js +1 -1
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
package/dist/index.cjs +3 -3
package/dist/index.js +3 -3
package/dist/styles/styleVariantTemplates.cjs +146 -0
package/dist/styles/styleVariantTemplates.d.cts +161 -0
package/dist/styles/styleVariantTemplates.d.ts +161 -0
package/dist/styles/styleVariantTemplates.js +145 -0
package/dist/styles/styler.cjs +27 -32
package/dist/styles/styler.d.cts +13 -289
package/dist/styles/styler.d.ts +13 -289
package/dist/styles/styler.js +27 -32
package/dist/styles/stylerTypes.d.cts +1 -1
package/dist/styles/stylerTypes.d.ts +1 -1
package/dist/styles/udsTailwindMerge.cjs +522 -0
package/dist/styles/udsTailwindMerge.d.cts +7 -0
package/dist/styles/udsTailwindMerge.d.ts +7 -0
package/dist/styles/udsTailwindMerge.js +520 -0
package/dist/styles/variantClass.cjs +31 -0
package/dist/styles/variantClass.d.cts +12 -0
package/dist/styles/variantClass.d.ts +12 -0
package/dist/styles/variantClass.js +30 -0
package/dist/styles/variants.cjs +3 -2
package/dist/styles/variants.js +1 -1
package/dist/tokens/index.cjs +1 -1
package/dist/tokens/index.js +1 -1
package/dist/uds/generated/componentData.cjs +205 -205
package/dist/uds/generated/componentData.js +205 -205
package/dist/uds/generated/tailwindPurge.cjs +79 -79
package/dist/uds/generated/tailwindPurge.js +79 -79
package/generated/componentData.json +335 -335
package/generated/tailwindPurge.ts +1 -1
package/package.json +1 -1

package/generated/componentData.json CHANGED Viewed

@@ -823,6 +823,141 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "Tooltip": {
+    "name": "Tooltip",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TooltipInternalContext.Provider",
+      "TooltipProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {
+      "TooltipProvider": {
+        "animated": [
+          "tooltip.animationDuration"
+        ]
+      }
+    },
+    "motionVarPrefixes": []
+  },
+  "TooltipContent": {
+    "name": "TooltipContent",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "tooltipSizeRoot": "default",
+      "tooltipVariantRoot": "default",
+      "tooltipSizeSvg": "default",
+      "tooltipVariantSvg": "default",
+      "tooltipVariantBlur": "default",
+      "position": "absolute",
+      "width": "full",
+      "height": "full",
+      "tooltipSizeTitle": "default",
+      "tooltipSizeBody": "default",
+      "tooltipSizeEndContent": "default",
+      "tooltipSizeIcon": "default",
+      "tooltipVariantIcon": "default"
+    },
+    "cxLiterals": [
+      "max-w-lg",
+      "flex",
+      "z-[9999]",
+      "uds-bgBlurFillFallback",
+      "uds-bgBlurFallback",
+      "top-0",
+      "left-0",
+      "z-[1]"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "TooltipArrow",
+      "Tooltip",
+      "SvgFloatingOverlay",
+      "VStack",
+      "Box",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "SvgFloatingOverlay": {
+        "contentOverflow": [
+          "visible"
+        ]
+      },
+      "VStack": {
+        "className": [
+          "gap-[inherit]"
+        ]
+      },
+      "Box": {
+        "alignItems": [
+          "center"
+        ],
+        "columnGap": [
+          "1",
+          "1.5"
+        ]
+      },
+      "Text": {
+        "color": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "startTitleIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TooltipTrigger": {
+    "name": "TooltipTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TooltipAnchor"
+    ],
+    "internalComponentProps": {
+      "TooltipAnchor": {
+        "className": [
+          "inline"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "children": [
+        "render"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSTooltipConfigProvider": {
+    "name": "UDSTooltipConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TooltipContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "Accordion": {
     "name": "Accordion",
     "defaultProps": {
@@ -998,141 +1133,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Tooltip": {
-    "name": "Tooltip",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TooltipInternalContext.Provider",
-      "TooltipProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {
-      "TooltipProvider": {
-        "animated": [
-          "tooltip.animationDuration"
-        ]
-      }
-    },
-    "motionVarPrefixes": []
-  },
-  "TooltipContent": {
-    "name": "TooltipContent",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "tooltipSizeRoot": "default",
-      "tooltipVariantRoot": "default",
-      "tooltipSizeSvg": "default",
-      "tooltipVariantSvg": "default",
-      "tooltipVariantBlur": "default",
-      "position": "absolute",
-      "width": "full",
-      "height": "full",
-      "tooltipSizeTitle": "default",
-      "tooltipSizeBody": "default",
-      "tooltipSizeEndContent": "default",
-      "tooltipSizeIcon": "default",
-      "tooltipVariantIcon": "default"
-    },
-    "cxLiterals": [
-      "max-w-lg",
-      "flex",
-      "z-[9999]",
-      "uds-bgBlurFillFallback",
-      "uds-bgBlurFallback",
-      "top-0",
-      "left-0",
-      "z-[1]"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "TooltipArrow",
-      "Tooltip",
-      "SvgFloatingOverlay",
-      "VStack",
-      "Box",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "SvgFloatingOverlay": {
-        "contentOverflow": [
-          "visible"
-        ]
-      },
-      "VStack": {
-        "className": [
-          "gap-[inherit]"
-        ]
-      },
-      "Box": {
-        "alignItems": [
-          "center"
-        ],
-        "columnGap": [
-          "1",
-          "1.5"
-        ]
-      },
-      "Text": {
-        "color": [
-          "inherit"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "startTitleIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "TooltipTrigger": {
-    "name": "TooltipTrigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TooltipAnchor"
-    ],
-    "internalComponentProps": {
-      "TooltipAnchor": {
-        "className": [
-          "inline"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "children": [
-        "render"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSTooltipConfigProvider": {
-    "name": "UDSTooltipConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TooltipContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "SelectDivider": {
     "name": "SelectDivider",
     "defaultProps": {
@@ -3372,156 +3372,21 @@
         ],
         "variant": [
           "inherit"
-        ],
-        "color": [
-          "inherit"
-        ]
-      },
-      "RootElement": {
-        "data-testid": [
-          "container"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "switchSizeRoot",
-        "switchSizeSwitch"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Switch": {
-    "name": "Switch",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "switchVariantActiveHandle": "on",
-      "switchVariantActiveHandle:1": "off",
-      "switchVariantHandle": "default",
-      "switchVariantHandleIcon": "default",
-      "switchVariantActiveHandleIcon": "on",
-      "switchVariantActiveHandleIcon:1": "off"
-    },
-    "cxLiterals": [
-      "relative",
-      "pointer-events-none",
-      "uds-border-radius-full",
-      "overflow-hidden",
-      "absolute",
-      "top-0",
-      "left-0",
-      "right-0",
-      "bottom-0",
-      "opacity-95",
-      "group-hover:opacity-100",
-      "transition-[background-color,box-shadow,opacity]",
-      "opacity-0",
-      "m-auto",
-      "transition-opacity",
-      "opacity-100"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "SwitchBase",
-      "Box",
-      "SpringMotionConfig",
-      "MotionBox",
-      "SwitchProps",
-      "SwitchStaticHandle"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "on-icon",
-          "off-icon"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "switchSizeHandle",
-        "switchSizeHandleIcon"
-      ],
-      "reduceMotion": [
-        "reducedMotion"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-bouncy-4-",
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "AvatarIcon": {
-    "name": "AvatarIcon",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "overflow-hidden",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "Box"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "avatarSizeIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "avatar.defaultSize"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "AvatarImage": {
-    "name": "AvatarImage",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "overflow-hidden",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center",
-      "object-cover"
-    ],
-    "internalComponents": [
-      "UDSImage",
-      "AvatarText",
-      "AvatarIcon",
-      "Box"
-    ],
-    "internalComponentProps": {},
+        ],
+        "color": [
+          "inherit"
+        ]
+      },
+      "RootElement": {
+        "data-testid": [
+          "container"
+        ]
+      }
+    },
     "propToVariantKeys": {
-      "alt": [
-        "name"
-      ],
-      "fallback": [
-        "initials"
+      "size": [
+        "switchSizeRoot",
+        "switchSizeSwitch"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -3529,71 +3394,68 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "AvatarText": {
-    "name": "AvatarText",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
+  "Switch": {
+    "name": "Switch",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "switchVariantActiveHandle": "on",
+      "switchVariantActiveHandle:1": "off",
+      "switchVariantHandle": "default",
+      "switchVariantHandleIcon": "default",
+      "switchVariantActiveHandleIcon": "on",
+      "switchVariantActiveHandleIcon:1": "off"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
+      "relative",
+      "pointer-events-none",
+      "uds-border-radius-full",
       "overflow-hidden",
-      "truncate",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center"
+      "absolute",
+      "top-0",
+      "left-0",
+      "right-0",
+      "bottom-0",
+      "opacity-95",
+      "group-hover:opacity-100",
+      "transition-[background-color,box-shadow,opacity]",
+      "opacity-0",
+      "m-auto",
+      "transition-opacity",
+      "opacity-100"
     ],
     "internalComponents": [
+      "IconSlot",
+      "SwitchBase",
       "Box",
-      "Text"
+      "SpringMotionConfig",
+      "MotionBox",
+      "SwitchProps",
+      "SwitchStaticHandle"
     ],
     "internalComponentProps": {
-      "Text": {
-        "color": [
-          "inherit"
-        ],
-        "variant": [
-          "inherit"
+      "IconSlot": {
+        "data-testid": [
+          "on-icon",
+          "off-icon"
         ]
       }
     },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Avatar": {
-    "name": "Avatar",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AvatarImage"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSAvatarConfigProvider": {
-    "name": "UDSAvatarConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "size": [
+        "switchSizeHandle",
+        "switchSizeHandleIcon"
+      ],
+      "reduceMotion": [
+        "reducedMotion"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-bouncy-4-",
+      "--uds-motion-smooth-3-"
+    ]
   },
   "ChipBase": {
     "name": "ChipBase",
@@ -3811,6 +3673,144 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "AvatarIcon": {
+    "name": "AvatarIcon",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "Box"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "avatarSizeIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "avatar.defaultSize"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarImage": {
+    "name": "AvatarImage",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center",
+      "object-cover"
+    ],
+    "internalComponents": [
+      "UDSImage",
+      "AvatarText",
+      "AvatarIcon",
+      "Box"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "alt": [
+        "name"
+      ],
+      "fallback": [
+        "initials"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarText": {
+    "name": "AvatarText",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "truncate",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center"
+    ],
+    "internalComponents": [
+      "Box",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "color": [
+          "inherit"
+        ],
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Avatar": {
+    "name": "Avatar",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AvatarImage"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSAvatarConfigProvider": {
+    "name": "UDSAvatarConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "UDSPopoverConfigProvider": {
     "name": "UDSPopoverConfigProvider",
     "defaultProps": {},