@yahoo/uds 3.170.0 → 3.171.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.
- package/dist/components/client/Menu/Menu.Content.d.cts +6 -0
- package/dist/components/client/Menu/Menu.Content.d.ts +6 -0
- package/dist/components/client/Modal/Modal.cjs +5 -5
- package/dist/components/client/Modal/Modal.d.cts +1 -0
- package/dist/components/client/Modal/Modal.d.ts +1 -0
- package/dist/components/client/Modal/Modal.js +6 -6
- package/dist/components/client/Popover/Popover.cjs +3 -2
- package/dist/components/client/Popover/Popover.d.cts +2 -1
- package/dist/components/client/Popover/Popover.d.ts +2 -1
- package/dist/components/client/Popover/Popover.js +3 -2
- package/dist/components/client/Popover/PopoverContent.cjs +1 -0
- package/dist/components/client/Popover/PopoverContent.js +1 -0
- package/dist/components/client/Popover/PopoverContext.d.cts +1 -0
- package/dist/components/client/Popover/PopoverContext.d.ts +1 -0
- package/dist/components/client/Popover/PopoverTrigger.cjs +9 -2
- package/dist/components/client/Popover/PopoverTrigger.js +10 -3
- 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/components/client/Tooltip/Tooltip.cjs +6 -2
- package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
- package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/client/Tooltip/Tooltip.js +6 -2
- package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
- package/dist/components/client/Tooltip/TooltipContent.js +3 -2
- package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
- package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
- package/dist/types/dist/index.d.cts +12 -0
- package/dist/types/dist/index.d.ts +12 -0
- package/dist/uds/generated/componentData.cjs +367 -367
- package/dist/uds/generated/componentData.js +367 -367
- package/generated/componentData.json +486 -486
- package/package.json +1 -1
|
@@ -31,11 +31,11 @@ declare const useToastConfig: (sizeProp?: ToastSize | undefined, variantProp?: T
|
|
|
31
31
|
autoClose: number | false;
|
|
32
32
|
position: ToastPosition;
|
|
33
33
|
backgroundColor: {
|
|
34
|
-
warning: "primary" | "secondary" | "
|
|
35
|
-
info: "primary" | "secondary" | "
|
|
36
|
-
loading: "primary" | "secondary" | "
|
|
37
|
-
success: "primary" | "secondary" | "
|
|
38
|
-
error: "primary" | "secondary" | "
|
|
34
|
+
warning: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
35
|
+
info: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
36
|
+
loading: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
37
|
+
success: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
38
|
+
error: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15";
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
//#endregion
|
|
@@ -35,7 +35,7 @@ let _ariakit_react = require("@ariakit/react");
|
|
|
35
35
|
*
|
|
36
36
|
* @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
|
|
37
37
|
**/
|
|
38
|
-
function Tooltip({ children, placement, open, portal = true, hideArrow = false }) {
|
|
38
|
+
function Tooltip({ children, placement, open, portal = true, hideArrow = false, unmountOnHide = false, showTimeout, hideTimeout, gutter }) {
|
|
39
39
|
const isControlled = open !== void 0;
|
|
40
40
|
const controlledProps = isControlled ? {
|
|
41
41
|
showTimeout: 0,
|
|
@@ -48,12 +48,16 @@ function Tooltip({ children, placement, open, portal = true, hideArrow = false }
|
|
|
48
48
|
value: {
|
|
49
49
|
portal,
|
|
50
50
|
isControlled,
|
|
51
|
-
hideArrow
|
|
51
|
+
hideArrow,
|
|
52
|
+
unmountOnHide,
|
|
53
|
+
gutter
|
|
52
54
|
},
|
|
53
55
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipProvider, {
|
|
54
56
|
placement: ariaKitPlacement,
|
|
55
57
|
animated: animationDuration,
|
|
56
58
|
open,
|
|
59
|
+
showTimeout,
|
|
60
|
+
hideTimeout,
|
|
57
61
|
...controlledProps,
|
|
58
62
|
children
|
|
59
63
|
})
|
|
@@ -37,7 +37,11 @@ declare function Tooltip({
|
|
|
37
37
|
placement,
|
|
38
38
|
open,
|
|
39
39
|
portal,
|
|
40
|
-
hideArrow
|
|
40
|
+
hideArrow,
|
|
41
|
+
unmountOnHide,
|
|
42
|
+
showTimeout,
|
|
43
|
+
hideTimeout,
|
|
44
|
+
gutter
|
|
41
45
|
}: TooltipProps): _$react_jsx_runtime0.JSX.Element;
|
|
42
46
|
declare namespace Tooltip {
|
|
43
47
|
var displayName: string;
|
|
@@ -38,7 +38,11 @@ declare function Tooltip({
|
|
|
38
38
|
placement,
|
|
39
39
|
open,
|
|
40
40
|
portal,
|
|
41
|
-
hideArrow
|
|
41
|
+
hideArrow,
|
|
42
|
+
unmountOnHide,
|
|
43
|
+
showTimeout,
|
|
44
|
+
hideTimeout,
|
|
45
|
+
gutter
|
|
42
46
|
}: TooltipProps): _$react_jsx_runtime0.JSX.Element;
|
|
43
47
|
declare namespace Tooltip {
|
|
44
48
|
var displayName: string;
|
|
@@ -33,7 +33,7 @@ import { TooltipProvider } from "@ariakit/react";
|
|
|
33
33
|
*
|
|
34
34
|
* @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
|
|
35
35
|
**/
|
|
36
|
-
function Tooltip({ children, placement, open, portal = true, hideArrow = false }) {
|
|
36
|
+
function Tooltip({ children, placement, open, portal = true, hideArrow = false, unmountOnHide = false, showTimeout, hideTimeout, gutter }) {
|
|
37
37
|
const isControlled = open !== void 0;
|
|
38
38
|
const controlledProps = isControlled ? {
|
|
39
39
|
showTimeout: 0,
|
|
@@ -46,12 +46,16 @@ function Tooltip({ children, placement, open, portal = true, hideArrow = false }
|
|
|
46
46
|
value: {
|
|
47
47
|
portal,
|
|
48
48
|
isControlled,
|
|
49
|
-
hideArrow
|
|
49
|
+
hideArrow,
|
|
50
|
+
unmountOnHide,
|
|
51
|
+
gutter
|
|
50
52
|
},
|
|
51
53
|
children: /* @__PURE__ */ jsx(TooltipProvider, {
|
|
52
54
|
placement: ariaKitPlacement,
|
|
53
55
|
animated: animationDuration,
|
|
54
56
|
open,
|
|
57
|
+
showTimeout,
|
|
58
|
+
hideTimeout,
|
|
55
59
|
...controlledProps,
|
|
56
60
|
children
|
|
57
61
|
})
|
|
@@ -20,7 +20,7 @@ let _ariakit_react = require("@ariakit/react");
|
|
|
20
20
|
const ARROW_HEIGHT = 8;
|
|
21
21
|
const ARROW_WIDTH = 12;
|
|
22
22
|
const ARROW_TIP_RADIUS_FRACTION = .5;
|
|
23
|
-
const
|
|
23
|
+
const DEFAULT_GUTTER = 10;
|
|
24
24
|
const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id, slotProps }, ref) {
|
|
25
25
|
const store = (0, _ariakit_react.useTooltipContext)();
|
|
26
26
|
const open = (0, _ariakit_react.useStoreState)(store, "open");
|
|
@@ -72,11 +72,12 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
|
|
|
72
72
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tooltip, {
|
|
73
73
|
ref: mergedRef,
|
|
74
74
|
className: classNames.root,
|
|
75
|
+
unmountOnHide: internalContext?.unmountOnHide,
|
|
75
76
|
...slotProps?.root,
|
|
76
77
|
hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
|
|
77
78
|
hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
|
|
78
79
|
portal: internalContext ? internalContext.portal : true,
|
|
79
|
-
gutter:
|
|
80
|
+
gutter: internalContext?.gutter ?? DEFAULT_GUTTER,
|
|
80
81
|
updatePosition: onPositionUpdate,
|
|
81
82
|
getAnchorRect: require_utils_getUnscaledAnchorRect.getUnscaledAnchorRect,
|
|
82
83
|
style: {
|
|
@@ -18,7 +18,7 @@ import { Tooltip, TooltipArrow, useStoreState, useTooltipContext } from "@ariaki
|
|
|
18
18
|
const ARROW_HEIGHT = 8;
|
|
19
19
|
const ARROW_WIDTH = 12;
|
|
20
20
|
const ARROW_TIP_RADIUS_FRACTION = .5;
|
|
21
|
-
const
|
|
21
|
+
const DEFAULT_GUTTER = 10;
|
|
22
22
|
const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id, slotProps }, ref) {
|
|
23
23
|
const store = useTooltipContext();
|
|
24
24
|
const open = useStoreState(store, "open");
|
|
@@ -70,11 +70,12 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
|
|
|
70
70
|
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
71
71
|
ref: mergedRef,
|
|
72
72
|
className: classNames.root,
|
|
73
|
+
unmountOnHide: internalContext?.unmountOnHide,
|
|
73
74
|
...slotProps?.root,
|
|
74
75
|
hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
|
|
75
76
|
hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
|
|
76
77
|
portal: internalContext ? internalContext.portal : true,
|
|
77
|
-
gutter:
|
|
78
|
+
gutter: internalContext?.gutter ?? DEFAULT_GUTTER,
|
|
78
79
|
updatePosition: onPositionUpdate,
|
|
79
80
|
getAnchorRect: getUnscaledAnchorRect,
|
|
80
81
|
style: {
|
|
@@ -7,6 +7,8 @@ interface TooltipInternalContextType {
|
|
|
7
7
|
portal: boolean;
|
|
8
8
|
isControlled: boolean;
|
|
9
9
|
hideArrow: boolean;
|
|
10
|
+
unmountOnHide: boolean;
|
|
11
|
+
gutter?: number;
|
|
10
12
|
}
|
|
11
13
|
declare const TooltipInternalContext: _$react.Context<TooltipInternalContextType | null>;
|
|
12
14
|
//#endregion
|
|
@@ -924,6 +924,14 @@ interface UniversalTooltipProps {
|
|
|
924
924
|
portal?: boolean;
|
|
925
925
|
/** Whether to hide the tooltip arrow @default false */
|
|
926
926
|
hideArrow?: boolean;
|
|
927
|
+
/** Whether to unmount the tooltip content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
928
|
+
unmountOnHide?: boolean;
|
|
929
|
+
/** Delay in milliseconds before the tooltip shows on hover/focus. Ignored when `open` is controlled. */
|
|
930
|
+
showTimeout?: number;
|
|
931
|
+
/** Delay in milliseconds before the tooltip hides after hover/focus leaves. Ignored when `open` is controlled. */
|
|
932
|
+
hideTimeout?: number;
|
|
933
|
+
/** The gap in pixels between the tooltip and the trigger element. @default 10 */
|
|
934
|
+
gutter?: number;
|
|
927
935
|
}
|
|
928
936
|
interface UniversalTooltipTriggerProps {
|
|
929
937
|
/** The content to display inside the tooltip trigger. This is what the tooltip will be anchored to. */
|
|
@@ -1236,6 +1244,8 @@ interface UniversalPopoverProps {
|
|
|
1236
1244
|
sameWidth?: boolean;
|
|
1237
1245
|
/** The gap between the popover content and the trigger. @default 4 */
|
|
1238
1246
|
gutter?: number;
|
|
1247
|
+
/** Whether to unmount the popover content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
1248
|
+
unmountOnHide?: boolean;
|
|
1239
1249
|
}
|
|
1240
1250
|
/** Shared props for the web PopoverTrigger component. */
|
|
1241
1251
|
interface UniversalPopoverTriggerProps {
|
|
@@ -1262,6 +1272,8 @@ interface UniversalModalProps {
|
|
|
1262
1272
|
children?: ReactNode;
|
|
1263
1273
|
/** Whether the modal is open. */
|
|
1264
1274
|
open: boolean;
|
|
1275
|
+
/** Whether to unmount the modal content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
1276
|
+
unmountOnHide?: boolean;
|
|
1265
1277
|
/** Callback function to be called when the modal is closed (dismiss button clicked, a click is registered outside, escape button pressed) */
|
|
1266
1278
|
onClose?: (event: Event) => void;
|
|
1267
1279
|
/** Callback function to be called when the modal is opened (i.e. `open` prop is set to true) */
|
|
@@ -924,6 +924,14 @@ interface UniversalTooltipProps {
|
|
|
924
924
|
portal?: boolean;
|
|
925
925
|
/** Whether to hide the tooltip arrow @default false */
|
|
926
926
|
hideArrow?: boolean;
|
|
927
|
+
/** Whether to unmount the tooltip content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
928
|
+
unmountOnHide?: boolean;
|
|
929
|
+
/** Delay in milliseconds before the tooltip shows on hover/focus. Ignored when `open` is controlled. */
|
|
930
|
+
showTimeout?: number;
|
|
931
|
+
/** Delay in milliseconds before the tooltip hides after hover/focus leaves. Ignored when `open` is controlled. */
|
|
932
|
+
hideTimeout?: number;
|
|
933
|
+
/** The gap in pixels between the tooltip and the trigger element. @default 10 */
|
|
934
|
+
gutter?: number;
|
|
927
935
|
}
|
|
928
936
|
interface UniversalTooltipTriggerProps {
|
|
929
937
|
/** The content to display inside the tooltip trigger. This is what the tooltip will be anchored to. */
|
|
@@ -1236,6 +1244,8 @@ interface UniversalPopoverProps {
|
|
|
1236
1244
|
sameWidth?: boolean;
|
|
1237
1245
|
/** The gap between the popover content and the trigger. @default 4 */
|
|
1238
1246
|
gutter?: number;
|
|
1247
|
+
/** Whether to unmount the popover content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
1248
|
+
unmountOnHide?: boolean;
|
|
1239
1249
|
}
|
|
1240
1250
|
/** Shared props for the web PopoverTrigger component. */
|
|
1241
1251
|
interface UniversalPopoverTriggerProps {
|
|
@@ -1262,6 +1272,8 @@ interface UniversalModalProps {
|
|
|
1262
1272
|
children?: ReactNode;
|
|
1263
1273
|
/** Whether the modal is open. */
|
|
1264
1274
|
open: boolean;
|
|
1275
|
+
/** Whether to unmount the modal content from the DOM when hidden, instead of keeping it mounted but hidden @default false */
|
|
1276
|
+
unmountOnHide?: boolean;
|
|
1265
1277
|
/** Callback function to be called when the modal is closed (dismiss button clicked, a click is registered outside, escape button pressed) */
|
|
1266
1278
|
onClose?: (event: Event) => void;
|
|
1267
1279
|
/** Callback function to be called when the modal is opened (i.e. `open` prop is set to true) */
|