@yahoo/uds 3.132.0 → 3.132.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.
Files changed (12) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Input/Input.cjs +8 -4
  4. package/dist/components/client/Input/Input.js +9 -5
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  7. package/dist/styles/styler.d.cts +25 -25
  8. package/dist/styles/styler.d.ts +25 -25
  9. package/dist/uds/generated/componentData.cjs +105 -105
  10. package/dist/uds/generated/componentData.js +105 -105
  11. package/generated/componentData.json +123 -123
  12. package/package.json +1 -1
package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts CHANGED
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts CHANGED
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
package/dist/components/client/Input/Input.cjs CHANGED
@@ -83,7 +83,7 @@ const EndIcon = (0, react.memo)(function EndIcon({ icon, className, iconProps })
83
83
  *
84
84
  * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
85
85
  **/
86
- const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", size = "md", startIcon, endIcon, helpText, helperTextIcon, hasError, width: containerWidth = "full", defaultValue, required, readOnly, disabled, reduceMotion: forceReduceMotion, onChange, slotProps, style, className, ...otherProps }, forwardedRef) {
86
+ const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", size = "md", startIcon, endIcon, helpText, helperTextIcon, hasError, width: containerWidth = "full", defaultValue, value: valueProp, required, readOnly, disabled, reduceMotion: forceReduceMotion, onChange, slotProps, style, className, ...otherProps }, forwardedRef) {
87
87
  const generatedId = (0, react.useId)();
88
88
  const uid = id ?? `uds-input-${generatedId}`;
89
89
  const helpTextId = `uds-input-${uid}-help-text`;
@@ -91,11 +91,15 @@ const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", s
91
91
  const { className: inputWrapperClassName, ...inputWrapperProps } = slotProps?.inputWrapper ?? {};
92
92
  const ref = (0, react.useRef)(null);
93
93
  (0, react.useImperativeHandle)(forwardedRef, () => ref.current);
94
- const [value, setValue] = (0, react.useState)(defaultValue ?? "");
94
+ const isControlled = valueProp !== void 0;
95
+ const [value, setValue] = (0, react.useState)(isControlled ? valueProp : defaultValue ?? "");
96
+ (0, react.useEffect)(() => {
97
+ if (isControlled) setValue(valueProp);
98
+ }, [valueProp, isControlled]);
95
99
  const handleChange = (0, react.useCallback)((e) => {
96
- setValue(e.target.value);
100
+ if (!isControlled) setValue(e.target.value);
97
101
  onChange?.(e);
98
- }, [onChange]);
102
+ }, [isControlled, onChange]);
99
103
  const layoutVariant = (0, motion_react.useReducedMotion)() ? "smooth" : "bouncy";
100
104
  const reduceMotion = forceReduceMotion ? "always" : "user";
101
105
  const isInteractive = !readOnly && !disabled;
package/dist/components/client/Input/Input.js CHANGED
@@ -7,7 +7,7 @@ import { HStack } from "../../HStack.js";
7
7
  import { VStack } from "../../VStack.js";
8
8
  import { AnimateHeightChange } from "../AnimateHeightChange.js";
9
9
  import { InputHelpTextInternal as InputHelpTextInternalMemo } from "./InputHelpTextInternal.js";
10
- import { forwardRef, memo, useCallback, useId, useImperativeHandle, useRef, useState } from "react";
10
+ import { forwardRef, memo, useCallback, useEffect, useId, useImperativeHandle, useRef, useState } from "react";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
12
12
  import { isFunction } from "lodash-es";
13
13
  import { useReducedMotion } from "motion/react";
@@ -80,7 +80,7 @@ const EndIcon = memo(function EndIcon({ icon, className, iconProps }) {
80
80
  *
81
81
  * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
82
82
  **/
83
- const Input = forwardRef(function Input({ id, label, type = "text", size = "md", startIcon, endIcon, helpText, helperTextIcon, hasError, width: containerWidth = "full", defaultValue, required, readOnly, disabled, reduceMotion: forceReduceMotion, onChange, slotProps, style, className, ...otherProps }, forwardedRef) {
83
+ const Input = forwardRef(function Input({ id, label, type = "text", size = "md", startIcon, endIcon, helpText, helperTextIcon, hasError, width: containerWidth = "full", defaultValue, value: valueProp, required, readOnly, disabled, reduceMotion: forceReduceMotion, onChange, slotProps, style, className, ...otherProps }, forwardedRef) {
84
84
  const generatedId = useId();
85
85
  const uid = id ?? `uds-input-${generatedId}`;
86
86
  const helpTextId = `uds-input-${uid}-help-text`;
@@ -88,11 +88,15 @@ const Input = forwardRef(function Input({ id, label, type = "text", size = "md",
88
88
  const { className: inputWrapperClassName, ...inputWrapperProps } = slotProps?.inputWrapper ?? {};
89
89
  const ref = useRef(null);
90
90
  useImperativeHandle(forwardedRef, () => ref.current);
91
- const [value, setValue] = useState(defaultValue ?? "");
91
+ const isControlled = valueProp !== void 0;
92
+ const [value, setValue] = useState(isControlled ? valueProp : defaultValue ?? "");
93
+ useEffect(() => {
94
+ if (isControlled) setValue(valueProp);
95
+ }, [valueProp, isControlled]);
92
96
  const handleChange = useCallback((e) => {
93
- setValue(e.target.value);
97
+ if (!isControlled) setValue(e.target.value);
94
98
  onChange?.(e);
95
- }, [onChange]);
99
+ }, [isControlled, onChange]);
96
100
  const layoutVariant = useReducedMotion() ? "smooth" : "bouncy";
97
101
  const reduceMotion = forceReduceMotion ? "always" : "user";
98
102
  const isInteractive = !readOnly && !disabled;
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts CHANGED
@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
29
29
  gap: SpacingAlias;
30
30
  dismissButtonSpacing: SpacingAlias;
31
31
  dismissIconSize: number;
32
- ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
32
+ ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
33
  animationDuration: number;
34
34
  };
35
35
  //#endregion
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts CHANGED
@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
30
30
  gap: SpacingAlias;
31
31
  dismissButtonSpacing: SpacingAlias;
32
32
  dismissIconSize: number;
33
- ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
+ ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
34
34
  animationDuration: number;
35
35
  };
36
36
  //#endregion
package/dist/styles/styler.d.cts CHANGED
@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
33
33
  bottomsheetVariantRoot?: "default" | undefined;
34
34
  buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
35
35
  buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
36
- buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
37
- buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
36
+ buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
37
+ buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
38
38
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
39
39
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
40
40
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -171,14 +171,14 @@ declare const getStylesInternal: (props?: ({
171
171
  tooltipVariantIcon?: "default" | undefined;
172
172
  tooltipVariantRoot?: "default" | undefined;
173
173
  tooltipVariantSvg?: "default" | undefined;
174
- color?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
175
- placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
174
+ color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
175
+ placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
176
176
  fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
177
177
  fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
178
- fontWeight?: "medium" | "black" | "thin" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
178
+ fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
179
179
  lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
180
180
  letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
181
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
181
+ textAlign?: "center" | "start" | "end" | "justify" | undefined;
182
182
  textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
183
183
  spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
184
184
  spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -197,49 +197,49 @@ declare const getStylesInternal: (props?: ({
197
197
  columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
198
198
  rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
199
199
  backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
200
- borderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
201
- borderStartColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
202
- borderEndColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
203
- borderBottomColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
204
- borderTopColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
200
+ borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
201
+ borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
202
+ borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
203
+ borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
204
+ borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
205
205
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
206
206
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
207
207
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
208
208
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
209
209
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
210
- borderWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
211
- borderVerticalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
212
- borderHorizontalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
213
- borderStartWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
214
- borderEndWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
215
- borderTopWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
216
- borderBottomWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
210
+ borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
211
+ borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
212
+ borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
213
+ borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
214
+ borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
215
+ borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
216
+ borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
217
217
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
218
218
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
219
219
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
220
220
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
221
- alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
222
- flex?: "1" | "none" | "auto" | "initial" | undefined;
221
+ alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
222
+ flex?: "none" | "auto" | "1" | "initial" | undefined;
223
223
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
224
224
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
225
225
  flexShrink?: "0" | "1" | undefined;
226
226
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
227
227
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
228
228
  flexBasis?: "min-content" | undefined;
229
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
229
+ display?: "table" | "none" | "grid" | "inline" | "flex" | "block" | "inline-block" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
230
230
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
231
231
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
232
232
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
233
233
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
234
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
234
+ contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
235
235
  colorMode?: "light" | "dark" | undefined;
236
- scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
236
+ scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
237
237
  width?: "full" | "fit" | "screen" | undefined;
238
238
  height?: "full" | "fit" | "screen" | undefined;
239
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
239
+ dropShadow?: "none" | "xs" | "sm" | "md" | "lg" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xl" | "2xl" | undefined;
240
240
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
241
241
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
242
- nestedBorderRadiusWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
242
+ nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
243
243
  nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
244
244
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
245
245
  } & {
package/dist/styles/styler.d.ts CHANGED
@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
33
33
  bottomsheetVariantRoot?: "default" | undefined;
34
34
  buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
35
35
  buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
36
- buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
37
- buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
36
+ buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
37
+ buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
38
38
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
39
39
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
40
40
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -171,14 +171,14 @@ declare const getStylesInternal: (props?: ({
171
171
  tooltipVariantIcon?: "default" | undefined;
172
172
  tooltipVariantRoot?: "default" | undefined;
173
173
  tooltipVariantSvg?: "default" | undefined;
174
- color?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
175
- placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
174
+ color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
175
+ placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
176
176
  fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
177
177
  fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
178
- fontWeight?: "medium" | "black" | "thin" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
178
+ fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
179
179
  lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
180
180
  letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
181
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
181
+ textAlign?: "center" | "start" | "end" | "justify" | undefined;
182
182
  textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
183
183
  spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
184
184
  spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -197,49 +197,49 @@ declare const getStylesInternal: (props?: ({
197
197
  columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
198
198
  rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
199
199
  backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
200
- borderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
201
- borderStartColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
202
- borderEndColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
203
- borderBottomColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
204
- borderTopColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
200
+ borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
201
+ borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
202
+ borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
203
+ borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
204
+ borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
205
205
  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
206
206
  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
207
207
  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
208
208
  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
209
209
  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
210
- borderWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
211
- borderVerticalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
212
- borderHorizontalWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
213
- borderStartWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
214
- borderEndWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
215
- borderTopWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
216
- borderBottomWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
210
+ borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
211
+ borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
212
+ borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
213
+ borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
214
+ borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
215
+ borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
216
+ borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
217
217
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
218
218
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
219
219
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
220
220
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
221
- alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
222
- flex?: "1" | "none" | "auto" | "initial" | undefined;
221
+ alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
222
+ flex?: "none" | "auto" | "1" | "initial" | undefined;
223
223
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
224
224
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
225
225
  flexShrink?: "0" | "1" | undefined;
226
226
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
227
227
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
228
228
  flexBasis?: "min-content" | undefined;
229
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
229
+ display?: "table" | "none" | "grid" | "inline" | "flex" | "block" | "inline-block" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
230
230
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
231
231
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
232
232
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
233
233
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
234
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
234
+ contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
235
235
  colorMode?: "light" | "dark" | undefined;
236
- scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
236
+ scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
237
237
  width?: "full" | "fit" | "screen" | undefined;
238
238
  height?: "full" | "fit" | "screen" | undefined;
239
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
239
+ dropShadow?: "none" | "xs" | "sm" | "md" | "lg" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xl" | "2xl" | undefined;
240
240
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
241
241
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
242
- nestedBorderRadiusWidth?: "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "thick" | undefined;
242
+ nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
243
243
  nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
244
244
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
245
245
  } & {
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1429,107 +1429,6 @@ var BottomSheetProvider = {
1429
1429
  "runtimeConfigInternalComponentProps": {},
1430
1430
  "motionVarPrefixes": []
1431
1431
  };
1432
- var AvatarText = {
1433
- "name": "AvatarText",
1434
- "defaultProps": {
1435
- "size": "md",
1436
- "variant": "primary"
1437
- },
1438
- "getStylesLiterals": {},
1439
- "cxLiterals": [
1440
- "overflow-hidden",
1441
- "truncate",
1442
- "w-full",
1443
- "h-full",
1444
- "shrink-0",
1445
- "text-center",
1446
- "inline-flex",
1447
- "justify-center",
1448
- "items-center"
1449
- ],
1450
- "internalComponents": ["Box", "Text"],
1451
- "internalComponentProps": { "Text": {
1452
- "color": ["inherit"],
1453
- "variant": ["inherit"]
1454
- } },
1455
- "propToVariantKeys": {},
1456
- "runtimeConfigDefaultProps": {},
1457
- "runtimeConfigGetStyles": {},
1458
- "runtimeConfigInternalComponentProps": {},
1459
- "motionVarPrefixes": []
1460
- };
1461
- var AvatarIcon = {
1462
- "name": "AvatarIcon",
1463
- "defaultProps": {
1464
- "size": "md",
1465
- "variant": "primary"
1466
- },
1467
- "getStylesLiterals": {},
1468
- "cxLiterals": [
1469
- "overflow-hidden",
1470
- "w-full",
1471
- "h-full",
1472
- "shrink-0",
1473
- "text-center",
1474
- "inline-flex",
1475
- "justify-center",
1476
- "items-center"
1477
- ],
1478
- "internalComponents": ["IconSlot", "Box"],
1479
- "internalComponentProps": {},
1480
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1481
- "runtimeConfigDefaultProps": {},
1482
- "runtimeConfigGetStyles": {},
1483
- "runtimeConfigInternalComponentProps": {},
1484
- "motionVarPrefixes": []
1485
- };
1486
- var Avatar = {
1487
- "name": "Avatar",
1488
- "defaultProps": {},
1489
- "getStylesLiterals": {},
1490
- "cxLiterals": [],
1491
- "internalComponents": ["AvatarImage"],
1492
- "internalComponentProps": {},
1493
- "propToVariantKeys": {},
1494
- "runtimeConfigDefaultProps": {},
1495
- "runtimeConfigGetStyles": {},
1496
- "runtimeConfigInternalComponentProps": {},
1497
- "motionVarPrefixes": []
1498
- };
1499
- var AvatarImage = {
1500
- "name": "AvatarImage",
1501
- "defaultProps": {
1502
- "size": "md",
1503
- "variant": "primary"
1504
- },
1505
- "getStylesLiterals": {},
1506
- "cxLiterals": [
1507
- "overflow-hidden",
1508
- "w-full",
1509
- "h-full",
1510
- "shrink-0",
1511
- "text-center",
1512
- "inline-flex",
1513
- "justify-center",
1514
- "items-center",
1515
- "object-cover"
1516
- ],
1517
- "internalComponents": [
1518
- "UDSImage",
1519
- "AvatarText",
1520
- "AvatarIcon",
1521
- "Box"
1522
- ],
1523
- "internalComponentProps": {},
1524
- "propToVariantKeys": {
1525
- "alt": ["name"],
1526
- "fallback": ["initials"]
1527
- },
1528
- "runtimeConfigDefaultProps": {},
1529
- "runtimeConfigGetStyles": {},
1530
- "runtimeConfigInternalComponentProps": {},
1531
- "motionVarPrefixes": []
1532
- };
1533
1432
  var ChipLink = {
1534
1433
  "name": "ChipLink",
1535
1434
  "defaultProps": { "variant": "primary" },
@@ -1658,6 +1557,107 @@ var ChipButton = {
1658
1557
  "runtimeConfigInternalComponentProps": {},
1659
1558
  "motionVarPrefixes": []
1660
1559
  };
1560
+ var AvatarText = {
1561
+ "name": "AvatarText",
1562
+ "defaultProps": {
1563
+ "size": "md",
1564
+ "variant": "primary"
1565
+ },
1566
+ "getStylesLiterals": {},
1567
+ "cxLiterals": [
1568
+ "overflow-hidden",
1569
+ "truncate",
1570
+ "w-full",
1571
+ "h-full",
1572
+ "shrink-0",
1573
+ "text-center",
1574
+ "inline-flex",
1575
+ "justify-center",
1576
+ "items-center"
1577
+ ],
1578
+ "internalComponents": ["Box", "Text"],
1579
+ "internalComponentProps": { "Text": {
1580
+ "color": ["inherit"],
1581
+ "variant": ["inherit"]
1582
+ } },
1583
+ "propToVariantKeys": {},
1584
+ "runtimeConfigDefaultProps": {},
1585
+ "runtimeConfigGetStyles": {},
1586
+ "runtimeConfigInternalComponentProps": {},
1587
+ "motionVarPrefixes": []
1588
+ };
1589
+ var AvatarIcon = {
1590
+ "name": "AvatarIcon",
1591
+ "defaultProps": {
1592
+ "size": "md",
1593
+ "variant": "primary"
1594
+ },
1595
+ "getStylesLiterals": {},
1596
+ "cxLiterals": [
1597
+ "overflow-hidden",
1598
+ "w-full",
1599
+ "h-full",
1600
+ "shrink-0",
1601
+ "text-center",
1602
+ "inline-flex",
1603
+ "justify-center",
1604
+ "items-center"
1605
+ ],
1606
+ "internalComponents": ["IconSlot", "Box"],
1607
+ "internalComponentProps": {},
1608
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1609
+ "runtimeConfigDefaultProps": {},
1610
+ "runtimeConfigGetStyles": {},
1611
+ "runtimeConfigInternalComponentProps": {},
1612
+ "motionVarPrefixes": []
1613
+ };
1614
+ var Avatar = {
1615
+ "name": "Avatar",
1616
+ "defaultProps": {},
1617
+ "getStylesLiterals": {},
1618
+ "cxLiterals": [],
1619
+ "internalComponents": ["AvatarImage"],
1620
+ "internalComponentProps": {},
1621
+ "propToVariantKeys": {},
1622
+ "runtimeConfigDefaultProps": {},
1623
+ "runtimeConfigGetStyles": {},
1624
+ "runtimeConfigInternalComponentProps": {},
1625
+ "motionVarPrefixes": []
1626
+ };
1627
+ var AvatarImage = {
1628
+ "name": "AvatarImage",
1629
+ "defaultProps": {
1630
+ "size": "md",
1631
+ "variant": "primary"
1632
+ },
1633
+ "getStylesLiterals": {},
1634
+ "cxLiterals": [
1635
+ "overflow-hidden",
1636
+ "w-full",
1637
+ "h-full",
1638
+ "shrink-0",
1639
+ "text-center",
1640
+ "inline-flex",
1641
+ "justify-center",
1642
+ "items-center",
1643
+ "object-cover"
1644
+ ],
1645
+ "internalComponents": [
1646
+ "UDSImage",
1647
+ "AvatarText",
1648
+ "AvatarIcon",
1649
+ "Box"
1650
+ ],
1651
+ "internalComponentProps": {},
1652
+ "propToVariantKeys": {
1653
+ "alt": ["name"],
1654
+ "fallback": ["initials"]
1655
+ },
1656
+ "runtimeConfigDefaultProps": {},
1657
+ "runtimeConfigGetStyles": {},
1658
+ "runtimeConfigInternalComponentProps": {},
1659
+ "motionVarPrefixes": []
1660
+ };
1661
1661
  var TabPanel = {
1662
1662
  "name": "TabPanel",
1663
1663
  "defaultProps": {},
@@ -2545,16 +2545,16 @@ var componentData_default = {
2545
2545
  UDSBottomSheetConfigProvider,
2546
2546
  BottomSheetDismiss,
2547
2547
  BottomSheetProvider,
2548
- AvatarText,
2549
- AvatarIcon,
2550
- Avatar,
2551
- AvatarImage,
2552
2548
  ChipLink,
2553
2549
  ChipDismissible,
2554
2550
  ChipToggle,
2555
2551
  ChipBase,
2556
2552
  Chip,
2557
2553
  ChipButton,
2554
+ AvatarText,
2555
+ AvatarIcon,
2556
+ Avatar,
2557
+ AvatarImage,
2558
2558
  TabPanel,
2559
2559
  Tabs,
2560
2560
  TabList,
package/dist/uds/generated/componentData.js CHANGED
@@ -1428,107 +1428,6 @@ var BottomSheetProvider = {
1428
1428
  "runtimeConfigInternalComponentProps": {},
1429
1429
  "motionVarPrefixes": []
1430
1430
  };
1431
- var AvatarText = {
1432
- "name": "AvatarText",
1433
- "defaultProps": {
1434
- "size": "md",
1435
- "variant": "primary"
1436
- },
1437
- "getStylesLiterals": {},
1438
- "cxLiterals": [
1439
- "overflow-hidden",
1440
- "truncate",
1441
- "w-full",
1442
- "h-full",
1443
- "shrink-0",
1444
- "text-center",
1445
- "inline-flex",
1446
- "justify-center",
1447
- "items-center"
1448
- ],
1449
- "internalComponents": ["Box", "Text"],
1450
- "internalComponentProps": { "Text": {
1451
- "color": ["inherit"],
1452
- "variant": ["inherit"]
1453
- } },
1454
- "propToVariantKeys": {},
1455
- "runtimeConfigDefaultProps": {},
1456
- "runtimeConfigGetStyles": {},
1457
- "runtimeConfigInternalComponentProps": {},
1458
- "motionVarPrefixes": []
1459
- };
1460
- var AvatarIcon = {
1461
- "name": "AvatarIcon",
1462
- "defaultProps": {
1463
- "size": "md",
1464
- "variant": "primary"
1465
- },
1466
- "getStylesLiterals": {},
1467
- "cxLiterals": [
1468
- "overflow-hidden",
1469
- "w-full",
1470
- "h-full",
1471
- "shrink-0",
1472
- "text-center",
1473
- "inline-flex",
1474
- "justify-center",
1475
- "items-center"
1476
- ],
1477
- "internalComponents": ["IconSlot", "Box"],
1478
- "internalComponentProps": {},
1479
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1480
- "runtimeConfigDefaultProps": {},
1481
- "runtimeConfigGetStyles": {},
1482
- "runtimeConfigInternalComponentProps": {},
1483
- "motionVarPrefixes": []
1484
- };
1485
- var Avatar = {
1486
- "name": "Avatar",
1487
- "defaultProps": {},
1488
- "getStylesLiterals": {},
1489
- "cxLiterals": [],
1490
- "internalComponents": ["AvatarImage"],
1491
- "internalComponentProps": {},
1492
- "propToVariantKeys": {},
1493
- "runtimeConfigDefaultProps": {},
1494
- "runtimeConfigGetStyles": {},
1495
- "runtimeConfigInternalComponentProps": {},
1496
- "motionVarPrefixes": []
1497
- };
1498
- var AvatarImage = {
1499
- "name": "AvatarImage",
1500
- "defaultProps": {
1501
- "size": "md",
1502
- "variant": "primary"
1503
- },
1504
- "getStylesLiterals": {},
1505
- "cxLiterals": [
1506
- "overflow-hidden",
1507
- "w-full",
1508
- "h-full",
1509
- "shrink-0",
1510
- "text-center",
1511
- "inline-flex",
1512
- "justify-center",
1513
- "items-center",
1514
- "object-cover"
1515
- ],
1516
- "internalComponents": [
1517
- "UDSImage",
1518
- "AvatarText",
1519
- "AvatarIcon",
1520
- "Box"
1521
- ],
1522
- "internalComponentProps": {},
1523
- "propToVariantKeys": {
1524
- "alt": ["name"],
1525
- "fallback": ["initials"]
1526
- },
1527
- "runtimeConfigDefaultProps": {},
1528
- "runtimeConfigGetStyles": {},
1529
- "runtimeConfigInternalComponentProps": {},
1530
- "motionVarPrefixes": []
1531
- };
1532
1431
  var ChipLink = {
1533
1432
  "name": "ChipLink",
1534
1433
  "defaultProps": { "variant": "primary" },
@@ -1657,6 +1556,107 @@ var ChipButton = {
1657
1556
  "runtimeConfigInternalComponentProps": {},
1658
1557
  "motionVarPrefixes": []
1659
1558
  };
1559
+ var AvatarText = {
1560
+ "name": "AvatarText",
1561
+ "defaultProps": {
1562
+ "size": "md",
1563
+ "variant": "primary"
1564
+ },
1565
+ "getStylesLiterals": {},
1566
+ "cxLiterals": [
1567
+ "overflow-hidden",
1568
+ "truncate",
1569
+ "w-full",
1570
+ "h-full",
1571
+ "shrink-0",
1572
+ "text-center",
1573
+ "inline-flex",
1574
+ "justify-center",
1575
+ "items-center"
1576
+ ],
1577
+ "internalComponents": ["Box", "Text"],
1578
+ "internalComponentProps": { "Text": {
1579
+ "color": ["inherit"],
1580
+ "variant": ["inherit"]
1581
+ } },
1582
+ "propToVariantKeys": {},
1583
+ "runtimeConfigDefaultProps": {},
1584
+ "runtimeConfigGetStyles": {},
1585
+ "runtimeConfigInternalComponentProps": {},
1586
+ "motionVarPrefixes": []
1587
+ };
1588
+ var AvatarIcon = {
1589
+ "name": "AvatarIcon",
1590
+ "defaultProps": {
1591
+ "size": "md",
1592
+ "variant": "primary"
1593
+ },
1594
+ "getStylesLiterals": {},
1595
+ "cxLiterals": [
1596
+ "overflow-hidden",
1597
+ "w-full",
1598
+ "h-full",
1599
+ "shrink-0",
1600
+ "text-center",
1601
+ "inline-flex",
1602
+ "justify-center",
1603
+ "items-center"
1604
+ ],
1605
+ "internalComponents": ["IconSlot", "Box"],
1606
+ "internalComponentProps": {},
1607
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1608
+ "runtimeConfigDefaultProps": {},
1609
+ "runtimeConfigGetStyles": {},
1610
+ "runtimeConfigInternalComponentProps": {},
1611
+ "motionVarPrefixes": []
1612
+ };
1613
+ var Avatar = {
1614
+ "name": "Avatar",
1615
+ "defaultProps": {},
1616
+ "getStylesLiterals": {},
1617
+ "cxLiterals": [],
1618
+ "internalComponents": ["AvatarImage"],
1619
+ "internalComponentProps": {},
1620
+ "propToVariantKeys": {},
1621
+ "runtimeConfigDefaultProps": {},
1622
+ "runtimeConfigGetStyles": {},
1623
+ "runtimeConfigInternalComponentProps": {},
1624
+ "motionVarPrefixes": []
1625
+ };
1626
+ var AvatarImage = {
1627
+ "name": "AvatarImage",
1628
+ "defaultProps": {
1629
+ "size": "md",
1630
+ "variant": "primary"
1631
+ },
1632
+ "getStylesLiterals": {},
1633
+ "cxLiterals": [
1634
+ "overflow-hidden",
1635
+ "w-full",
1636
+ "h-full",
1637
+ "shrink-0",
1638
+ "text-center",
1639
+ "inline-flex",
1640
+ "justify-center",
1641
+ "items-center",
1642
+ "object-cover"
1643
+ ],
1644
+ "internalComponents": [
1645
+ "UDSImage",
1646
+ "AvatarText",
1647
+ "AvatarIcon",
1648
+ "Box"
1649
+ ],
1650
+ "internalComponentProps": {},
1651
+ "propToVariantKeys": {
1652
+ "alt": ["name"],
1653
+ "fallback": ["initials"]
1654
+ },
1655
+ "runtimeConfigDefaultProps": {},
1656
+ "runtimeConfigGetStyles": {},
1657
+ "runtimeConfigInternalComponentProps": {},
1658
+ "motionVarPrefixes": []
1659
+ };
1660
1660
  var TabPanel = {
1661
1661
  "name": "TabPanel",
1662
1662
  "defaultProps": {},
@@ -2544,16 +2544,16 @@ var componentData_default = {
2544
2544
  UDSBottomSheetConfigProvider,
2545
2545
  BottomSheetDismiss,
2546
2546
  BottomSheetProvider,
2547
- AvatarText,
2548
- AvatarIcon,
2549
- Avatar,
2550
- AvatarImage,
2551
2547
  ChipLink,
2552
2548
  ChipDismissible,
2553
2549
  ChipToggle,
2554
2550
  ChipBase,
2555
2551
  Chip,
2556
2552
  ChipButton,
2553
+ AvatarText,
2554
+ AvatarIcon,
2555
+ Avatar,
2556
+ AvatarImage,
2557
2557
  TabPanel,
2558
2558
  Tabs,
2559
2559
  TabList,
package/generated/componentData.json CHANGED
@@ -2048,129 +2048,6 @@
2048
2048
  "runtimeConfigInternalComponentProps": {},
2049
2049
  "motionVarPrefixes": []
2050
2050
  },
2051
- "AvatarText": {
2052
- "name": "AvatarText",
2053
- "defaultProps": {
2054
- "size": "md",
2055
- "variant": "primary"
2056
- },
2057
- "getStylesLiterals": {},
2058
- "cxLiterals": [
2059
- "overflow-hidden",
2060
- "truncate",
2061
- "w-full",
2062
- "h-full",
2063
- "shrink-0",
2064
- "text-center",
2065
- "inline-flex",
2066
- "justify-center",
2067
- "items-center"
2068
- ],
2069
- "internalComponents": [
2070
- "Box",
2071
- "Text"
2072
- ],
2073
- "internalComponentProps": {
2074
- "Text": {
2075
- "color": [
2076
- "inherit"
2077
- ],
2078
- "variant": [
2079
- "inherit"
2080
- ]
2081
- }
2082
- },
2083
- "propToVariantKeys": {},
2084
- "runtimeConfigDefaultProps": {},
2085
- "runtimeConfigGetStyles": {},
2086
- "runtimeConfigInternalComponentProps": {},
2087
- "motionVarPrefixes": []
2088
- },
2089
- "AvatarIcon": {
2090
- "name": "AvatarIcon",
2091
- "defaultProps": {
2092
- "size": "md",
2093
- "variant": "primary"
2094
- },
2095
- "getStylesLiterals": {},
2096
- "cxLiterals": [
2097
- "overflow-hidden",
2098
- "w-full",
2099
- "h-full",
2100
- "shrink-0",
2101
- "text-center",
2102
- "inline-flex",
2103
- "justify-center",
2104
- "items-center"
2105
- ],
2106
- "internalComponents": [
2107
- "IconSlot",
2108
- "Box"
2109
- ],
2110
- "internalComponentProps": {},
2111
- "propToVariantKeys": {
2112
- "size": [
2113
- "avatarSizeIcon"
2114
- ]
2115
- },
2116
- "runtimeConfigDefaultProps": {},
2117
- "runtimeConfigGetStyles": {},
2118
- "runtimeConfigInternalComponentProps": {},
2119
- "motionVarPrefixes": []
2120
- },
2121
- "Avatar": {
2122
- "name": "Avatar",
2123
- "defaultProps": {},
2124
- "getStylesLiterals": {},
2125
- "cxLiterals": [],
2126
- "internalComponents": [
2127
- "AvatarImage"
2128
- ],
2129
- "internalComponentProps": {},
2130
- "propToVariantKeys": {},
2131
- "runtimeConfigDefaultProps": {},
2132
- "runtimeConfigGetStyles": {},
2133
- "runtimeConfigInternalComponentProps": {},
2134
- "motionVarPrefixes": []
2135
- },
2136
- "AvatarImage": {
2137
- "name": "AvatarImage",
2138
- "defaultProps": {
2139
- "size": "md",
2140
- "variant": "primary"
2141
- },
2142
- "getStylesLiterals": {},
2143
- "cxLiterals": [
2144
- "overflow-hidden",
2145
- "w-full",
2146
- "h-full",
2147
- "shrink-0",
2148
- "text-center",
2149
- "inline-flex",
2150
- "justify-center",
2151
- "items-center",
2152
- "object-cover"
2153
- ],
2154
- "internalComponents": [
2155
- "UDSImage",
2156
- "AvatarText",
2157
- "AvatarIcon",
2158
- "Box"
2159
- ],
2160
- "internalComponentProps": {},
2161
- "propToVariantKeys": {
2162
- "alt": [
2163
- "name"
2164
- ],
2165
- "fallback": [
2166
- "initials"
2167
- ]
2168
- },
2169
- "runtimeConfigDefaultProps": {},
2170
- "runtimeConfigGetStyles": {},
2171
- "runtimeConfigInternalComponentProps": {},
2172
- "motionVarPrefixes": []
2173
- },
2174
2051
  "ChipLink": {
2175
2052
  "name": "ChipLink",
2176
2053
  "defaultProps": {
@@ -2370,6 +2247,129 @@
2370
2247
  "runtimeConfigInternalComponentProps": {},
2371
2248
  "motionVarPrefixes": []
2372
2249
  },
2250
+ "AvatarText": {
2251
+ "name": "AvatarText",
2252
+ "defaultProps": {
2253
+ "size": "md",
2254
+ "variant": "primary"
2255
+ },
2256
+ "getStylesLiterals": {},
2257
+ "cxLiterals": [
2258
+ "overflow-hidden",
2259
+ "truncate",
2260
+ "w-full",
2261
+ "h-full",
2262
+ "shrink-0",
2263
+ "text-center",
2264
+ "inline-flex",
2265
+ "justify-center",
2266
+ "items-center"
2267
+ ],
2268
+ "internalComponents": [
2269
+ "Box",
2270
+ "Text"
2271
+ ],
2272
+ "internalComponentProps": {
2273
+ "Text": {
2274
+ "color": [
2275
+ "inherit"
2276
+ ],
2277
+ "variant": [
2278
+ "inherit"
2279
+ ]
2280
+ }
2281
+ },
2282
+ "propToVariantKeys": {},
2283
+ "runtimeConfigDefaultProps": {},
2284
+ "runtimeConfigGetStyles": {},
2285
+ "runtimeConfigInternalComponentProps": {},
2286
+ "motionVarPrefixes": []
2287
+ },
2288
+ "AvatarIcon": {
2289
+ "name": "AvatarIcon",
2290
+ "defaultProps": {
2291
+ "size": "md",
2292
+ "variant": "primary"
2293
+ },
2294
+ "getStylesLiterals": {},
2295
+ "cxLiterals": [
2296
+ "overflow-hidden",
2297
+ "w-full",
2298
+ "h-full",
2299
+ "shrink-0",
2300
+ "text-center",
2301
+ "inline-flex",
2302
+ "justify-center",
2303
+ "items-center"
2304
+ ],
2305
+ "internalComponents": [
2306
+ "IconSlot",
2307
+ "Box"
2308
+ ],
2309
+ "internalComponentProps": {},
2310
+ "propToVariantKeys": {
2311
+ "size": [
2312
+ "avatarSizeIcon"
2313
+ ]
2314
+ },
2315
+ "runtimeConfigDefaultProps": {},
2316
+ "runtimeConfigGetStyles": {},
2317
+ "runtimeConfigInternalComponentProps": {},
2318
+ "motionVarPrefixes": []
2319
+ },
2320
+ "Avatar": {
2321
+ "name": "Avatar",
2322
+ "defaultProps": {},
2323
+ "getStylesLiterals": {},
2324
+ "cxLiterals": [],
2325
+ "internalComponents": [
2326
+ "AvatarImage"
2327
+ ],
2328
+ "internalComponentProps": {},
2329
+ "propToVariantKeys": {},
2330
+ "runtimeConfigDefaultProps": {},
2331
+ "runtimeConfigGetStyles": {},
2332
+ "runtimeConfigInternalComponentProps": {},
2333
+ "motionVarPrefixes": []
2334
+ },
2335
+ "AvatarImage": {
2336
+ "name": "AvatarImage",
2337
+ "defaultProps": {
2338
+ "size": "md",
2339
+ "variant": "primary"
2340
+ },
2341
+ "getStylesLiterals": {},
2342
+ "cxLiterals": [
2343
+ "overflow-hidden",
2344
+ "w-full",
2345
+ "h-full",
2346
+ "shrink-0",
2347
+ "text-center",
2348
+ "inline-flex",
2349
+ "justify-center",
2350
+ "items-center",
2351
+ "object-cover"
2352
+ ],
2353
+ "internalComponents": [
2354
+ "UDSImage",
2355
+ "AvatarText",
2356
+ "AvatarIcon",
2357
+ "Box"
2358
+ ],
2359
+ "internalComponentProps": {},
2360
+ "propToVariantKeys": {
2361
+ "alt": [
2362
+ "name"
2363
+ ],
2364
+ "fallback": [
2365
+ "initials"
2366
+ ]
2367
+ },
2368
+ "runtimeConfigDefaultProps": {},
2369
+ "runtimeConfigGetStyles": {},
2370
+ "runtimeConfigInternalComponentProps": {},
2371
+ "motionVarPrefixes": []
2372
+ },
2373
2373
  "TabPanel": {
2374
2374
  "name": "TabPanel",
2375
2375
  "defaultProps": {},
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yahoo/uds",
3
3
  "description": "Yahoo Universal System",
4
- "version": "3.132.0",
4
+ "version": "3.132.1",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",