@yahoo/uds 3.98.0 → 3.100.0-beta.1
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/automated-config/dist/generated/autoVariants.cjs +9 -1
- package/dist/automated-config/dist/generated/autoVariants.d.cts +8 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +8 -0
- package/dist/automated-config/dist/generated/autoVariants.js +9 -1
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +1588 -1
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +378 -189
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +378 -189
- package/dist/automated-config/dist/generated/generatedConfigs.js +1587 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +82 -0
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +82 -0
- package/dist/automated-config/dist/properties.cjs +141 -89
- package/dist/automated-config/dist/properties.d.cts +18 -3
- package/dist/automated-config/dist/properties.d.ts +18 -3
- package/dist/automated-config/dist/properties.js +142 -90
- package/dist/automated-config/dist/utils/buildConfigSchema.cjs +5 -1
- package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -1
- package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -1
- package/dist/automated-config/dist/utils/buildConfigSchema.js +5 -1
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.d.cts +2 -1
- package/dist/automated-config/dist/utils/index.d.ts +2 -1
- package/dist/cli/commands/sync.cjs +5 -1
- package/dist/cli/commands/sync.js +5 -1
- package/dist/components/client/Button.js +2 -2
- package/dist/components/client/Tooltip/Tooltip.cjs +37 -0
- package/dist/components/client/Tooltip/Tooltip.d.cts +16 -0
- package/dist/components/client/Tooltip/Tooltip.d.ts +16 -0
- package/dist/components/client/Tooltip/Tooltip.js +35 -0
- package/dist/components/client/Tooltip/TooltipContent.cjs +171 -0
- package/dist/components/client/Tooltip/TooltipContent.d.cts +8 -0
- package/dist/components/client/Tooltip/TooltipContent.d.ts +8 -0
- package/dist/components/client/Tooltip/TooltipContent.js +169 -0
- package/dist/components/client/Tooltip/TooltipTrigger.cjs +20 -0
- package/dist/components/client/Tooltip/TooltipTrigger.d.cts +13 -0
- package/dist/components/client/Tooltip/TooltipTrigger.d.ts +13 -0
- package/dist/components/client/Tooltip/TooltipTrigger.js +18 -0
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +41 -0
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +29 -0
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +29 -0
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +38 -0
- package/dist/components/client/Tooltip/index.cjs +12 -0
- package/dist/components/client/Tooltip/index.d.cts +7 -0
- package/dist/components/client/Tooltip/index.d.ts +7 -0
- package/dist/components/client/Tooltip/index.js +8 -0
- package/dist/components/client/Tooltip/tooltipContext.cjs +12 -0
- package/dist/components/client/Tooltip/tooltipContext.d.cts +12 -0
- package/dist/components/client/Tooltip/tooltipContext.d.ts +12 -0
- package/dist/components/client/Tooltip/tooltipContext.js +10 -0
- package/dist/components/client/Tooltip/useTooltipContent.cjs +186 -0
- package/dist/components/client/Tooltip/useTooltipContent.d.cts +63 -0
- package/dist/components/client/Tooltip/useTooltipContent.d.ts +63 -0
- package/dist/components/client/Tooltip/useTooltipContent.js +184 -0
- package/dist/components/client/Tooltip/util.cjs +248 -0
- package/dist/components/client/Tooltip/util.d.cts +118 -0
- package/dist/components/client/Tooltip/util.d.ts +118 -0
- package/dist/components/client/Tooltip/util.js +240 -0
- package/dist/components/client/index.cjs +8 -0
- package/dist/components/client/index.d.cts +7 -1
- package/dist/components/client/index.d.ts +7 -1
- package/dist/components/client/index.js +5 -1
- package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
- package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
- package/dist/components/client/providers/UDSConfigProvider.js +6 -2
- package/dist/components/index.cjs +8 -0
- package/dist/components/index.d.cts +6 -1
- package/dist/components/index.d.ts +6 -1
- package/dist/components/index.js +5 -1
- package/dist/config/dist/index.cjs +83 -1
- package/dist/config/dist/index.d.cts +123 -1
- package/dist/config/dist/index.d.ts +123 -1
- package/dist/config/dist/index.js +83 -1
- package/dist/css-tokens/dist/index.cjs +2 -0
- package/dist/css-tokens/dist/index.d.cts +2 -1
- package/dist/css-tokens/dist/index.d.ts +2 -1
- package/dist/css-tokens/dist/index.js +2 -1
- package/dist/fixtures/dist/arbitrary.d.cts +11 -0
- package/dist/fixtures/dist/arbitrary.d.ts +11 -0
- package/dist/fixtures/dist/index.cjs +28 -2
- package/dist/fixtures/dist/index.d.cts +18 -4
- package/dist/fixtures/dist/index.d.ts +18 -4
- package/dist/fixtures/dist/index.js +27 -3
- package/dist/fixtures/index.cjs +6 -1
- package/dist/fixtures/index.d.cts +4 -2
- package/dist/fixtures/index.d.ts +4 -2
- package/dist/fixtures/index.js +3 -2
- package/dist/fixtures/src/arbitrary.cjs +23 -0
- package/dist/fixtures/src/arbitrary.d.cts +15 -0
- package/dist/fixtures/src/arbitrary.d.ts +15 -0
- package/dist/fixtures/src/arbitrary.js +18 -0
- package/dist/fixtures/src/util.cjs +26 -0
- package/dist/fixtures/src/util.d.cts +9 -0
- package/dist/fixtures/src/util.d.ts +9 -0
- package/dist/fixtures/src/util.js +25 -0
- package/dist/fonts/dist/index.cjs +1 -1
- package/dist/fonts/dist/index.d.cts +1 -1
- package/dist/fonts/dist/index.d.ts +1 -1
- package/dist/fonts/dist/index.js +1 -1
- package/dist/index.cjs +12 -0
- package/dist/index.d.cts +9 -4
- package/dist/index.d.ts +9 -4
- package/dist/index.js +8 -3
- package/dist/runtime/index.cjs +2 -0
- package/dist/runtime/index.d.cts +2 -1
- package/dist/runtime/index.d.ts +2 -1
- package/dist/runtime/index.js +2 -1
- package/dist/runtime/tooltipConfig.cjs +36 -0
- package/dist/runtime/tooltipConfig.d.cts +20 -0
- package/dist/runtime/tooltipConfig.d.ts +20 -0
- package/dist/runtime/tooltipConfig.js +35 -0
- package/dist/runtime/udsConfig.cjs +3 -1
- package/dist/runtime/udsConfig.d.cts +2 -0
- package/dist/runtime/udsConfig.d.ts +2 -0
- package/dist/runtime/udsConfig.js +3 -1
- package/dist/styles/styler.d.cts +73 -65
- package/dist/styles/styler.d.ts +73 -65
- package/dist/styles/variants.d.cts +24 -0
- package/dist/styles/variants.d.ts +24 -0
- package/dist/tailwind/plugins/blurBgFallback.cjs +30 -0
- package/dist/tailwind/plugins/blurBgFallback.d.cts +14 -0
- package/dist/tailwind/plugins/blurBgFallback.d.ts +14 -0
- package/dist/tailwind/plugins/blurBgFallback.js +27 -0
- package/dist/tailwind/plugins/components.cjs +1 -0
- package/dist/tailwind/plugins/components.js +2 -1
- package/dist/tailwind/tailwindPlugin.cjs +2 -1
- package/dist/tailwind/tailwindPlugin.js +2 -1
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tailwind/utils/getTailwindAsUdsColors.d.cts +1 -1
- package/dist/tailwind/utils/getTailwindAsUdsColors.d.ts +1 -1
- package/dist/tokens/automation/configs/index.cjs +2 -1
- package/dist/tokens/automation/configs/index.d.cts +2 -2
- package/dist/tokens/automation/configs/index.d.ts +2 -2
- package/dist/tokens/automation/configs/index.js +2 -2
- package/dist/tokens/automation/index.cjs +1 -0
- package/dist/tokens/automation/index.d.cts +2 -2
- package/dist/tokens/automation/index.d.ts +2 -2
- package/dist/tokens/automation/index.js +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.cjs +1 -0
- package/dist/tokens/consts/cssTokens.d.cts +2 -2
- package/dist/tokens/consts/cssTokens.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.js +2 -2
- package/dist/tokens/index.cjs +2 -0
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +3 -3
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +25 -2
- package/dist/types/dist/index.d.ts +25 -2
- package/dist/uds/generated/tailwindPurge.cjs +30 -2
- package/dist/uds/generated/tailwindPurge.js +30 -2
- package/package.json +1 -2
|
@@ -811,11 +811,34 @@ interface UniversalToastProps {
|
|
|
811
811
|
*/
|
|
812
812
|
reduceMotion?: boolean;
|
|
813
813
|
}
|
|
814
|
+
type VerticalPlacement = 'top' | 'bottom';
|
|
815
|
+
type HorizontalPlacement = 'start' | 'end';
|
|
816
|
+
type TooltipPlacement = VerticalPlacement | HorizontalPlacement | `${VerticalPlacement}-${HorizontalPlacement}` | `${HorizontalPlacement}-${VerticalPlacement}`;
|
|
817
|
+
type TooltipSize = 'default';
|
|
818
|
+
type TooltipVariant = 'default';
|
|
819
|
+
interface UniversalTooltipProps {
|
|
820
|
+
children: ReactNode;
|
|
821
|
+
placement?: TooltipPlacement;
|
|
822
|
+
open?: boolean;
|
|
823
|
+
portal?: boolean;
|
|
824
|
+
}
|
|
825
|
+
interface UniversalTooltipTriggerProps {
|
|
826
|
+
children: ReactNode;
|
|
827
|
+
}
|
|
828
|
+
interface UniversalTooltipContentProps {
|
|
829
|
+
children: ReactNode;
|
|
830
|
+
maxWidth?: string | number;
|
|
831
|
+
startTitleIcon?: UniversalIconSlot;
|
|
832
|
+
title?: ReactNode;
|
|
833
|
+
endContent?: ReactNode;
|
|
834
|
+
className?: string;
|
|
835
|
+
id?: string;
|
|
836
|
+
}
|
|
814
837
|
/**
|
|
815
838
|
* Base interface for configurable component names.
|
|
816
839
|
* The full list is: avatar, badge, button, checkbox, chip, divider, iconButton, input, link, menu, radio, switch
|
|
817
840
|
*/
|
|
818
|
-
type ConfigurableComponentName = 'avatar' | 'badge' | 'button' | 'checkbox' | 'chip' | 'divider' | 'iconButton' | 'input' | 'link' | 'menu' | 'radio' | 'switch' | 'toast';
|
|
841
|
+
type ConfigurableComponentName = 'avatar' | 'badge' | 'button' | 'checkbox' | 'chip' | 'divider' | 'iconButton' | 'input' | 'link' | 'menu' | 'radio' | 'switch' | 'toast' | 'tooltip';
|
|
819
842
|
/**
|
|
820
843
|
* Base interface for UniversalTokensConfigAuto.
|
|
821
844
|
* This is extended by @yahoo/uds with the full generated config.
|
|
@@ -851,4 +874,4 @@ type GlobalDefaultsConfig = {
|
|
|
851
874
|
enableResponsiveType: boolean;
|
|
852
875
|
}; //#endregion
|
|
853
876
|
//#endregion
|
|
854
|
-
export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MaxLengthArray, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumValue, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric };
|
|
877
|
+
export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MaxLengthArray, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumValue, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TooltipPlacement, type TooltipSize, type TooltipVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric, type UniversalTooltipContentProps, type UniversalTooltipProps, type UniversalTooltipTriggerProps };
|
|
@@ -811,11 +811,34 @@ interface UniversalToastProps {
|
|
|
811
811
|
*/
|
|
812
812
|
reduceMotion?: boolean;
|
|
813
813
|
}
|
|
814
|
+
type VerticalPlacement = 'top' | 'bottom';
|
|
815
|
+
type HorizontalPlacement = 'start' | 'end';
|
|
816
|
+
type TooltipPlacement = VerticalPlacement | HorizontalPlacement | `${VerticalPlacement}-${HorizontalPlacement}` | `${HorizontalPlacement}-${VerticalPlacement}`;
|
|
817
|
+
type TooltipSize = 'default';
|
|
818
|
+
type TooltipVariant = 'default';
|
|
819
|
+
interface UniversalTooltipProps {
|
|
820
|
+
children: ReactNode;
|
|
821
|
+
placement?: TooltipPlacement;
|
|
822
|
+
open?: boolean;
|
|
823
|
+
portal?: boolean;
|
|
824
|
+
}
|
|
825
|
+
interface UniversalTooltipTriggerProps {
|
|
826
|
+
children: ReactNode;
|
|
827
|
+
}
|
|
828
|
+
interface UniversalTooltipContentProps {
|
|
829
|
+
children: ReactNode;
|
|
830
|
+
maxWidth?: string | number;
|
|
831
|
+
startTitleIcon?: UniversalIconSlot;
|
|
832
|
+
title?: ReactNode;
|
|
833
|
+
endContent?: ReactNode;
|
|
834
|
+
className?: string;
|
|
835
|
+
id?: string;
|
|
836
|
+
}
|
|
814
837
|
/**
|
|
815
838
|
* Base interface for configurable component names.
|
|
816
839
|
* The full list is: avatar, badge, button, checkbox, chip, divider, iconButton, input, link, menu, radio, switch
|
|
817
840
|
*/
|
|
818
|
-
type ConfigurableComponentName = 'avatar' | 'badge' | 'button' | 'checkbox' | 'chip' | 'divider' | 'iconButton' | 'input' | 'link' | 'menu' | 'radio' | 'switch' | 'toast';
|
|
841
|
+
type ConfigurableComponentName = 'avatar' | 'badge' | 'button' | 'checkbox' | 'chip' | 'divider' | 'iconButton' | 'input' | 'link' | 'menu' | 'radio' | 'switch' | 'toast' | 'tooltip';
|
|
819
842
|
/**
|
|
820
843
|
* Base interface for UniversalTokensConfigAuto.
|
|
821
844
|
* This is extended by @yahoo/uds with the full generated config.
|
|
@@ -851,4 +874,4 @@ type GlobalDefaultsConfig = {
|
|
|
851
874
|
enableResponsiveType: boolean;
|
|
852
875
|
}; //#endregion
|
|
853
876
|
//#endregion
|
|
854
|
-
export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MaxLengthArray, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumValue, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric };
|
|
877
|
+
export { type AlwaysPaletteAlias, type AlwaysPaletteAliasWithPrefix, type AlwaysPaletteColor, type Animation, type AriaAttribute, type AvatarAbbreviationStrategy, type AvatarShape, type AvatarSize, type AvatarSizeConfig, type AvatarVariant, type BackgroundColor, type BackgroundPalette, type BackgroundPaletteAlias, type BackgroundStyleProps, type BackwardsCompatibleReactElement, type BadgeSize, type BadgeVariant, type BorderRadius, type BorderRadiusConfig, type BorderStyleProps, type BorderWidth, type BorderWidthConfig, type BorderWidthWithElevation, type Breakpoint, type BreakpointValue, type BreakpointWithBase, type BreakpointsConfig, type ButtonPalette, type ButtonPaletteColor, type ButtonSize, type ButtonSpectrumColor, type ButtonVariant, type ButtonVariantFlat, type CheckboxSize, type CheckboxValue, type CheckboxVariant, type ChipSize, type ChipVariant, type ColorMode, type ColorModeConfig, type ColorModeForApp, type ColorsConfig, type ConfigurableComponentName, type CustomSizingStyleProps, type DataAttribute, type DeprecatedAlwaysPaletteAlias, type Display, type DividerVariant, type ElevationAlias, type ElevationBackgroundFillColor, type ElevationBorderColor, type ElevationConfig, type ElevationCustomShadows, type ElevationGlobalRampConfig, type ElevationGlobalRampSettings, type ElevationLevel, type ElevationPreset, type ElevationSurfaceColor, type ExtractUrlFromFontFaceRule, type Flex, type FlexAlignContent, type FlexAlignItems, type FlexAlignSelf, type FlexBasis, type FlexDirection, type FlexGrow, type FlexJustifyContent, type FlexShrink, type FlexStyleProps, type FlexWrap, type FontAlias, type FontConfig, type FontCssVar, type FontFamilyConfig, type FontSize, type FontSizeConfig, type FontSlantConfig, type FontType, type FontWeightConfig, type FontWeightDescriptive, type FontWeightNumeric, type FontWidthConfig, type ForegroundColor, type ForegroundPalette, type ForegroundPaletteAlias, type GenericIconComponent, type GlobalDefaultsConfig, type HighContrastMode, type Hue, type HueStep, type IconButtonSize, type IconPixelSize, type IconSize, type IconSizeConfig, type IconSlotRenderProps, type IconVariant, type ImagePropsWithImgProps, type ImageStyleProps, type ImgElementProps, type InputSize, type LayoutStyleProps, type LineClampAlias, type LineColor, type LineHeight, type LineHeightConfig, type LinePalette, type LinePaletteAlias, type LinkTextVariant, type LinkVariant, type MaxLengthArray, type Modes, type MotionConfig, type MotionCssVar, type MotionSpringConfig, type MotionSpringConfigOptions, type MotionVariant, type MotionVariantSpeed, type MotionVariantValues, type NestedBorderRadiusStyleProps, type OpacityStep, type Overflow, type Palette, type PaletteConfig, type PaletteType, type PaletteValue, type Percentage, type PercentageUnit, type PixelsUnit, type PlatformMode, type Position, type PropertyToPaletteAliasMap, type RGBAUnit, type RGBColorValue, type RGBUnit, type RadioSize, type RadioValue, type RadioVariant, type RegionMode, type RemsUnit, type SVGElementProps, type ScaleConfig, type ScaleEffect, type ScaleMode, type ScaleModeConfig, type ScaleModeForApp, type ShadowAlwaysColor, type ShadowColor, type ShadowColorConfig, type ShadowConfig, type ShadowOffset, type ShadowOpacity, type ShadowPalette, type ShadowPaletteAlias, type ShadowPaletteColor, type ShadowPreset, type ShadowSpectrumColor, type ShadowSpreadRadius, type ShadowStyleProps, type ShadowType, type ShadowTypeConfig, type ShadowVariant, type ShadowVariantConfig, type ShadowVariantInvert, type ShadowVariantWithElevation, type ShadowVariantWithInvert, type SharedPaletteAlias, type SizeStyleProps, type SpacingAlias, type SpacingConfig, type SpacingStyleProps, type SpectrumColor, type SpectrumConfig, type SpectrumValue, type StateStyleProps, type StyleProps, type SwitchSize, type TShirtSize, type TShirtSizeCommon, type TextDecorationLine, type TextProperty, type TextStyleProps, type TextTransform, type TextTransformConfig, type TextVariant, type TextVariantTypography, type TextVariantUi, type TextVariantWithoutEmphasized, type ToastPosition, type ToastSize, type ToastVariant, type TooltipPlacement, type TooltipSize, type TooltipVariant, type TransitionDelay, type TransitionDuration, type TransitionTiming, type TypographyConfig, type TypographyResponsiveProperty, type TypographyStyle, type TypographyStyleProperty, type TypographyUnitValue, type UdsCssVar, type UnitlessUnit, type UniversalAvatarBaseProps, type UniversalAvatarIconProps, type UniversalAvatarImageProps, type UniversalAvatarProps, type UniversalAvatarTextProps, type UniversalBadgeProps, type UniversalBoxProps, type UniversalButtonProps, type UniversalCheckboxProps, type UniversalChipBaseProps, type UniversalChipButtonProps, type UniversalChipDismissibleProps, type UniversalChipLinkProps, type UniversalChipProps, type UniversalChipToggleProps, type UniversalDividerProps, type UniversalFormLabelProps, type UniversalIconButtonProps, type UniversalIconProps, type UniversalIconSlot, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalMenuItemProps, type UniversalPressableProps, type UniversalRadioGroupProps, type UniversalRadioProps, type UniversalStackProps, type UniversalSwitchProps, type UniversalTextProps, type UniversalToastProps, type UniversalTokensConfigAutoBase, type UniversalTokensConfigBase, type UniversalTokensConfigGeneric, type UniversalTooltipContentProps, type UniversalTooltipProps, type UniversalTooltipTriggerProps };
|
|
@@ -192,7 +192,15 @@ const variantsList = [
|
|
|
192
192
|
"toastVariantActionButton",
|
|
193
193
|
"toastVariantCloseIcon",
|
|
194
194
|
"toastVariantIcon",
|
|
195
|
-
"toastVariantRoot"
|
|
195
|
+
"toastVariantRoot",
|
|
196
|
+
"tooltipSizeBody",
|
|
197
|
+
"tooltipSizeIcon",
|
|
198
|
+
"tooltipSizeRoot",
|
|
199
|
+
"tooltipSizeSvg",
|
|
200
|
+
"tooltipSizeTitle",
|
|
201
|
+
"tooltipVariantBlur",
|
|
202
|
+
"tooltipVariantRoot",
|
|
203
|
+
"tooltipVariantSvg"
|
|
196
204
|
];
|
|
197
205
|
const componentToVariants = {
|
|
198
206
|
Avatar: [],
|
|
@@ -4167,9 +4175,13 @@ const componentToVariants = {
|
|
|
4167
4175
|
Toast: [],
|
|
4168
4176
|
ToastContainer: [],
|
|
4169
4177
|
ToastPortal: [],
|
|
4178
|
+
Tooltip: [],
|
|
4179
|
+
TooltipContent: [],
|
|
4180
|
+
TooltipTrigger: [],
|
|
4170
4181
|
UDSBreakpointsConfigProvider: [],
|
|
4171
4182
|
UDSConfigProvider: [],
|
|
4172
4183
|
UDSToastConfigProvider: [],
|
|
4184
|
+
UDSTooltipConfigProvider: [],
|
|
4173
4185
|
VStack: [
|
|
4174
4186
|
["width", [
|
|
4175
4187
|
"full",
|
|
@@ -4278,9 +4290,13 @@ const componentToTwClasses = {
|
|
|
4278
4290
|
Toast: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4279
4291
|
ToastContainer: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator relative z-0 mb-2 box-border flex hidden w-full touch-none break-words last\\:mb-0:last-child uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4280
4292
|
ToastPortal: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator transition uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4293
|
+
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
+
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4295
|
+
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4281
4296
|
UDSBreakpointsConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4282
4297
|
UDSConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4283
4298
|
UDSToastConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4299
|
+
UDSTooltipConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4284
4300
|
VStack: "container uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4285
4301
|
Accordion: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator flex hidden w-full hover\\:bg-secondary\\/80:hover",
|
|
4286
4302
|
AvoidMotionLibraryProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
@@ -4372,9 +4388,21 @@ const componentsDependencies = {
|
|
|
4372
4388
|
],
|
|
4373
4389
|
ToastContainer: ["HStack"],
|
|
4374
4390
|
ToastPortal: ["ToastContainer"],
|
|
4391
|
+
Tooltip: [],
|
|
4392
|
+
TooltipContent: [
|
|
4393
|
+
"Tooltip",
|
|
4394
|
+
"Box",
|
|
4395
|
+
"Text"
|
|
4396
|
+
],
|
|
4397
|
+
TooltipTrigger: [],
|
|
4375
4398
|
UDSBreakpointsConfigProvider: [],
|
|
4376
|
-
UDSConfigProvider: [
|
|
4399
|
+
UDSConfigProvider: [
|
|
4400
|
+
"UDSToastConfigProvider",
|
|
4401
|
+
"UDSTooltipConfigProvider",
|
|
4402
|
+
"UDSBreakpointsConfigProvider"
|
|
4403
|
+
],
|
|
4377
4404
|
UDSToastConfigProvider: [],
|
|
4405
|
+
UDSTooltipConfigProvider: [],
|
|
4378
4406
|
VStack: ["Box"],
|
|
4379
4407
|
Accordion: [
|
|
4380
4408
|
"Icon",
|
|
@@ -191,7 +191,15 @@ const variantsList = [
|
|
|
191
191
|
"toastVariantActionButton",
|
|
192
192
|
"toastVariantCloseIcon",
|
|
193
193
|
"toastVariantIcon",
|
|
194
|
-
"toastVariantRoot"
|
|
194
|
+
"toastVariantRoot",
|
|
195
|
+
"tooltipSizeBody",
|
|
196
|
+
"tooltipSizeIcon",
|
|
197
|
+
"tooltipSizeRoot",
|
|
198
|
+
"tooltipSizeSvg",
|
|
199
|
+
"tooltipSizeTitle",
|
|
200
|
+
"tooltipVariantBlur",
|
|
201
|
+
"tooltipVariantRoot",
|
|
202
|
+
"tooltipVariantSvg"
|
|
195
203
|
];
|
|
196
204
|
const componentToVariants = {
|
|
197
205
|
Avatar: [],
|
|
@@ -4166,9 +4174,13 @@ const componentToVariants = {
|
|
|
4166
4174
|
Toast: [],
|
|
4167
4175
|
ToastContainer: [],
|
|
4168
4176
|
ToastPortal: [],
|
|
4177
|
+
Tooltip: [],
|
|
4178
|
+
TooltipContent: [],
|
|
4179
|
+
TooltipTrigger: [],
|
|
4169
4180
|
UDSBreakpointsConfigProvider: [],
|
|
4170
4181
|
UDSConfigProvider: [],
|
|
4171
4182
|
UDSToastConfigProvider: [],
|
|
4183
|
+
UDSTooltipConfigProvider: [],
|
|
4172
4184
|
VStack: [
|
|
4173
4185
|
["width", [
|
|
4174
4186
|
"full",
|
|
@@ -4277,9 +4289,13 @@ const componentToTwClasses = {
|
|
|
4277
4289
|
Toast: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4278
4290
|
ToastContainer: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator relative z-0 mb-2 box-border flex hidden w-full touch-none break-words last\\:mb-0:last-child uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4279
4291
|
ToastPortal: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator transition uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4292
|
+
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4293
|
+
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
+
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4280
4295
|
UDSBreakpointsConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4281
4296
|
UDSConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4282
4297
|
UDSToastConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4298
|
+
UDSTooltipConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4283
4299
|
VStack: "container uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4284
4300
|
Accordion: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator flex hidden w-full hover\\:bg-secondary\\/80:hover",
|
|
4285
4301
|
AvoidMotionLibraryProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
@@ -4371,9 +4387,21 @@ const componentsDependencies = {
|
|
|
4371
4387
|
],
|
|
4372
4388
|
ToastContainer: ["HStack"],
|
|
4373
4389
|
ToastPortal: ["ToastContainer"],
|
|
4390
|
+
Tooltip: [],
|
|
4391
|
+
TooltipContent: [
|
|
4392
|
+
"Tooltip",
|
|
4393
|
+
"Box",
|
|
4394
|
+
"Text"
|
|
4395
|
+
],
|
|
4396
|
+
TooltipTrigger: [],
|
|
4374
4397
|
UDSBreakpointsConfigProvider: [],
|
|
4375
|
-
UDSConfigProvider: [
|
|
4398
|
+
UDSConfigProvider: [
|
|
4399
|
+
"UDSToastConfigProvider",
|
|
4400
|
+
"UDSTooltipConfigProvider",
|
|
4401
|
+
"UDSBreakpointsConfigProvider"
|
|
4402
|
+
],
|
|
4376
4403
|
UDSToastConfigProvider: [],
|
|
4404
|
+
UDSTooltipConfigProvider: [],
|
|
4377
4405
|
VStack: ["Box"],
|
|
4378
4406
|
Accordion: [
|
|
4379
4407
|
"Icon",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yahoo/uds",
|
|
3
3
|
"description": "Yahoo Universal System",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.100.0-beta.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -213,7 +213,6 @@
|
|
|
213
213
|
"ci:publish": "bun semantic-release -e semantic-release-monorepo",
|
|
214
214
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .coverage",
|
|
215
215
|
"dev": "concurrently bun:dev:*",
|
|
216
|
-
"dev:fixtures": "bun run ./scripts/buildFixtures.ts --watch",
|
|
217
216
|
"dev:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts --watch",
|
|
218
217
|
"dev:ts": "tsdown --watch",
|
|
219
218
|
"format:pkg": "bun --cwd ../../ syncpack format",
|