@yahoo/uds 3.119.2 → 3.121.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.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Popover/Popover.cjs +1 -1
- package/dist/components/client/Popover/Popover.js +1 -1
- package/dist/components/client/Popover/PopoverContent.cjs +12 -17
- package/dist/components/client/Popover/PopoverContent.js +12 -17
- package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +13 -3
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +13 -5
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +13 -5
- package/dist/components/client/Popover/UDSPopoverConfigProvider.js +13 -3
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/components/experimental/client/SegmentedControl.cjs +2 -2
- package/dist/components/experimental/client/SegmentedControl.d.cts +5 -1
- package/dist/components/experimental/client/SegmentedControl.d.ts +5 -1
- package/dist/components/experimental/client/SegmentedControl.js +2 -2
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/runtime/popoverConfig.cjs +2 -0
- package/dist/runtime/popoverConfig.d.cts +3 -1
- package/dist/runtime/popoverConfig.d.ts +3 -1
- package/dist/runtime/popoverConfig.js +2 -0
- package/dist/styles/styler.d.cts +45 -45
- package/dist/styles/styler.d.ts +45 -45
- package/dist/tailwind/dist/commands/generateComponentData.cjs +5 -1
- package/dist/tailwind/dist/commands/generateComponentData.d.cts +3 -0
- package/dist/tailwind/dist/commands/generateComponentData.d.cts.map +1 -1
- package/dist/tailwind/dist/commands/generateComponentData.d.ts +3 -0
- package/dist/tailwind/dist/commands/generateComponentData.d.ts.map +1 -1
- package/dist/tailwind/dist/commands/generateComponentData.js +5 -1
- package/dist/tailwind/dist/commands/generateComponentData.js.map +1 -1
- package/dist/tailwind/dist/css/generate.cjs +2 -1
- package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
- package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
- package/dist/tailwind/dist/css/generate.js +3 -2
- package/dist/tailwind/dist/css/generate.js.map +1 -1
- package/dist/tailwind/dist/css/nodeUtils.cjs +7 -5
- package/dist/tailwind/dist/css/nodeUtils.js +7 -5
- package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
- package/dist/tailwind/dist/css/runner.cjs +4 -3
- package/dist/tailwind/dist/css/runner.js +5 -4
- package/dist/tailwind/dist/css/runner.js.map +1 -1
- package/dist/tailwind/dist/css/utils.cjs +62 -0
- package/dist/tailwind/dist/css/utils.js +62 -1
- package/dist/tailwind/dist/css/utils.js.map +1 -1
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +104 -19
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts +5 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map +1 -1
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts +5 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map +1 -1
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +104 -19
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +99 -10
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +99 -10
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.cjs +364 -0
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.js +358 -0
- package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -0
- package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
- package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
- package/dist/tokens/index.d.cts +2 -2
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +2 -1
- package/dist/types/dist/index.d.ts +2 -1
- package/dist/uds/generated/componentData.cjs +1474 -1188
- package/dist/uds/generated/componentData.js +1474 -1188
- package/generated/componentData.json +2013 -1661
- package/package.json +1 -1
|
@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
|
|
|
88
88
|
*
|
|
89
89
|
* @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
|
|
90
90
|
**/
|
|
91
|
-
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "
|
|
91
|
+
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "rootProps" | "hideEndIcon" | "active"> & react.RefAttributes<HTMLDivElement>>;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { MenuItemCheckbox, type MenuItemCheckboxProps };
|
|
@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
|
|
|
88
88
|
*
|
|
89
89
|
* @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
|
|
90
90
|
**/
|
|
91
|
-
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "
|
|
91
|
+
declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "rootProps" | "hideEndIcon" | "active"> & react.RefAttributes<HTMLDivElement>>;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { MenuItemCheckbox, type MenuItemCheckboxProps };
|
|
@@ -45,7 +45,7 @@ function Popover({ children, placement, open, defaultOpen = false, portal = true
|
|
|
45
45
|
timeout: 0,
|
|
46
46
|
...open ? { mounted: true } : {}
|
|
47
47
|
} : void 0;
|
|
48
|
-
const { animationDuration: animationDurationConfig, ariaKitPlacement } = require_components_client_Popover_UDSPopoverConfigProvider.usePopoverConfig({ placement });
|
|
48
|
+
const { animationDuration: animationDurationConfig, ariaKitPlacement } = require_components_client_Popover_UDSPopoverConfigProvider.usePopoverConfig(void 0, void 0, { placement });
|
|
49
49
|
const id = (0, react.useId)();
|
|
50
50
|
const store = (0, _ariakit_react.usePopoverStore)({ defaultOpen });
|
|
51
51
|
const handleSetOpen = (0, react.useCallback)((newOpen) => {
|
|
@@ -43,7 +43,7 @@ function Popover({ children, placement, open, defaultOpen = false, portal = true
|
|
|
43
43
|
timeout: 0,
|
|
44
44
|
...open ? { mounted: true } : {}
|
|
45
45
|
} : void 0;
|
|
46
|
-
const { animationDuration: animationDurationConfig, ariaKitPlacement } = usePopoverConfig({ placement });
|
|
46
|
+
const { animationDuration: animationDurationConfig, ariaKitPlacement } = usePopoverConfig(void 0, void 0, { placement });
|
|
47
47
|
const id = useId();
|
|
48
48
|
const store = usePopoverStore({ defaultOpen });
|
|
49
49
|
const handleSetOpen = useCallback((newOpen) => {
|
|
@@ -33,19 +33,14 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
33
33
|
const placement = (0, _ariakit_react.useStoreState)(store, "placement");
|
|
34
34
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
35
35
|
const { borderRadius, gap, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize } = require_components_client_Popover_UDSPopoverConfigProvider.usePopoverConfig();
|
|
36
|
-
const
|
|
37
|
-
const defaultGap = gap["default"];
|
|
38
|
-
const defaultSpacingHorizontal = spacingHorizontal["default"];
|
|
39
|
-
const defaultSpacingVertical = spacingVertical["default"];
|
|
40
|
-
const defaultDismissButtonSpacing = require_index.spacingMap[dismissButtonSpacing["default"]];
|
|
41
|
-
const defaultDismissButtonSize = dismissIconSize["default"] + 2 * defaultDismissButtonSpacing;
|
|
36
|
+
const dismissButtonSize = dismissIconSize + 2 * require_index.spacingMap[dismissButtonSpacing];
|
|
42
37
|
const arrowRef = (0, react.useRef)(null);
|
|
43
38
|
const reducedMotion = internalContext ? internalContext.reducedMotion : false;
|
|
44
39
|
const animationDuration = reducedMotion || !internalContext ? 0 : internalContext.animationDuration;
|
|
45
40
|
const { internalRef, shift, onPositionUpdate, ...svgFloatingContentProps } = require_hooks_useSvgFloatingContent.useSvgFloatingContent({
|
|
46
41
|
open: open ?? false,
|
|
47
42
|
effectivePlacement,
|
|
48
|
-
borderRadius
|
|
43
|
+
borderRadius,
|
|
49
44
|
arrowRef,
|
|
50
45
|
animationDuration,
|
|
51
46
|
hideArrow: internalContext?.hideArrow,
|
|
@@ -66,10 +61,10 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
66
61
|
}),
|
|
67
62
|
contentWrapper: require_styles_styler.getStyles({
|
|
68
63
|
display: "block",
|
|
69
|
-
spacingTop: disableVerticalSpacing ? "0" :
|
|
70
|
-
spacingStart: disableHorizontalSpacing ? "0" :
|
|
71
|
-
spacingBottom: disableVerticalSpacing ? "0" :
|
|
72
|
-
spacingEnd: internalContext?.hideDismissButton ? disableHorizontalSpacing ? "0" :
|
|
64
|
+
spacingTop: disableVerticalSpacing ? "0" : spacingVertical,
|
|
65
|
+
spacingStart: disableHorizontalSpacing ? "0" : spacingHorizontal,
|
|
66
|
+
spacingBottom: disableVerticalSpacing ? "0" : spacingVertical,
|
|
67
|
+
spacingEnd: internalContext?.hideDismissButton ? disableHorizontalSpacing ? "0" : spacingHorizontal : void 0
|
|
73
68
|
}),
|
|
74
69
|
svgBase: require_styles_styler.getStyles({
|
|
75
70
|
popoverSizeSvgBase: "default",
|
|
@@ -132,13 +127,13 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
132
127
|
},
|
|
133
128
|
arrowHeight: ARROW_HEIGHT,
|
|
134
129
|
contentWrapperSlotProps: { alignItems: "flex-start" },
|
|
135
|
-
borderRadius
|
|
130
|
+
borderRadius,
|
|
136
131
|
svgBaseStyle: slotProps?.svgBase?.style,
|
|
137
132
|
svgBorderStyle: slotProps?.svgBorder?.style,
|
|
138
133
|
...svgFloatingContentProps,
|
|
139
134
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
140
135
|
className: require_styles_styler.cx(classNames.contentWrapper),
|
|
141
|
-
style: { paddingInlineEnd: internalContext?.hideDismissButton || disableHorizontalSpacing ? void 0 : require_index.spacingMap[
|
|
136
|
+
style: { paddingInlineEnd: internalContext?.hideDismissButton || disableHorizontalSpacing ? void 0 : require_index.spacingMap[gap] + require_index.spacingMap[spacingHorizontal] + dismissButtonSize },
|
|
142
137
|
children
|
|
143
138
|
})
|
|
144
139
|
}),
|
|
@@ -147,10 +142,10 @@ const PopoverContent = (0, react.forwardRef)(function PopoverContent({ children,
|
|
|
147
142
|
...closeIconContainerProps,
|
|
148
143
|
style: {
|
|
149
144
|
...closeIconContainerProps?.style,
|
|
150
|
-
top: require_index.spacingMap[
|
|
151
|
-
insetInlineEnd: require_index.spacingMap[
|
|
152
|
-
width:
|
|
153
|
-
height:
|
|
145
|
+
top: require_index.spacingMap[spacingVertical],
|
|
146
|
+
insetInlineEnd: require_index.spacingMap[spacingHorizontal],
|
|
147
|
+
width: dismissButtonSize,
|
|
148
|
+
height: dismissButtonSize,
|
|
154
149
|
...svgFloatingContentProps.childTransitionStyle
|
|
155
150
|
},
|
|
156
151
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
@@ -31,19 +31,14 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
31
31
|
const placement = useStoreState(store, "placement");
|
|
32
32
|
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
33
33
|
const { borderRadius, gap, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize } = usePopoverConfig();
|
|
34
|
-
const
|
|
35
|
-
const defaultGap = gap["default"];
|
|
36
|
-
const defaultSpacingHorizontal = spacingHorizontal["default"];
|
|
37
|
-
const defaultSpacingVertical = spacingVertical["default"];
|
|
38
|
-
const defaultDismissButtonSpacing = spacingMap[dismissButtonSpacing["default"]];
|
|
39
|
-
const defaultDismissButtonSize = dismissIconSize["default"] + 2 * defaultDismissButtonSpacing;
|
|
34
|
+
const dismissButtonSize = dismissIconSize + 2 * spacingMap[dismissButtonSpacing];
|
|
40
35
|
const arrowRef = useRef(null);
|
|
41
36
|
const reducedMotion = internalContext ? internalContext.reducedMotion : false;
|
|
42
37
|
const animationDuration = reducedMotion || !internalContext ? 0 : internalContext.animationDuration;
|
|
43
38
|
const { internalRef, shift, onPositionUpdate, ...svgFloatingContentProps } = useSvgFloatingContent({
|
|
44
39
|
open: open ?? false,
|
|
45
40
|
effectivePlacement,
|
|
46
|
-
borderRadius
|
|
41
|
+
borderRadius,
|
|
47
42
|
arrowRef,
|
|
48
43
|
animationDuration,
|
|
49
44
|
hideArrow: internalContext?.hideArrow,
|
|
@@ -64,10 +59,10 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
64
59
|
}),
|
|
65
60
|
contentWrapper: getStyles({
|
|
66
61
|
display: "block",
|
|
67
|
-
spacingTop: disableVerticalSpacing ? "0" :
|
|
68
|
-
spacingStart: disableHorizontalSpacing ? "0" :
|
|
69
|
-
spacingBottom: disableVerticalSpacing ? "0" :
|
|
70
|
-
spacingEnd: internalContext?.hideDismissButton ? disableHorizontalSpacing ? "0" :
|
|
62
|
+
spacingTop: disableVerticalSpacing ? "0" : spacingVertical,
|
|
63
|
+
spacingStart: disableHorizontalSpacing ? "0" : spacingHorizontal,
|
|
64
|
+
spacingBottom: disableVerticalSpacing ? "0" : spacingVertical,
|
|
65
|
+
spacingEnd: internalContext?.hideDismissButton ? disableHorizontalSpacing ? "0" : spacingHorizontal : void 0
|
|
71
66
|
}),
|
|
72
67
|
svgBase: getStyles({
|
|
73
68
|
popoverSizeSvgBase: "default",
|
|
@@ -130,13 +125,13 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
130
125
|
},
|
|
131
126
|
arrowHeight: ARROW_HEIGHT,
|
|
132
127
|
contentWrapperSlotProps: { alignItems: "flex-start" },
|
|
133
|
-
borderRadius
|
|
128
|
+
borderRadius,
|
|
134
129
|
svgBaseStyle: slotProps?.svgBase?.style,
|
|
135
130
|
svgBorderStyle: slotProps?.svgBorder?.style,
|
|
136
131
|
...svgFloatingContentProps,
|
|
137
132
|
children: /* @__PURE__ */ jsx(Box, {
|
|
138
133
|
className: cx(classNames.contentWrapper),
|
|
139
|
-
style: { paddingInlineEnd: internalContext?.hideDismissButton || disableHorizontalSpacing ? void 0 : spacingMap[
|
|
134
|
+
style: { paddingInlineEnd: internalContext?.hideDismissButton || disableHorizontalSpacing ? void 0 : spacingMap[gap] + spacingMap[spacingHorizontal] + dismissButtonSize },
|
|
140
135
|
children
|
|
141
136
|
})
|
|
142
137
|
}),
|
|
@@ -145,10 +140,10 @@ const PopoverContent = forwardRef(function PopoverContent({ children, className,
|
|
|
145
140
|
...closeIconContainerProps,
|
|
146
141
|
style: {
|
|
147
142
|
...closeIconContainerProps?.style,
|
|
148
|
-
top: spacingMap[
|
|
149
|
-
insetInlineEnd: spacingMap[
|
|
150
|
-
width:
|
|
151
|
-
height:
|
|
143
|
+
top: spacingMap[spacingVertical],
|
|
144
|
+
insetInlineEnd: spacingMap[spacingHorizontal],
|
|
145
|
+
width: dismissButtonSize,
|
|
146
|
+
height: dismissButtonSize,
|
|
152
147
|
...svgFloatingContentProps.childTransitionStyle
|
|
153
148
|
},
|
|
154
149
|
children: /* @__PURE__ */ jsx(IconSlot, {
|
|
@@ -25,12 +25,22 @@ const UDSPopoverConfigProvider = ({ children, value }) => {
|
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
UDSPopoverConfigProvider.displayName = "UDSPopoverConfigProvider";
|
|
28
|
-
function usePopoverConfig(options) {
|
|
28
|
+
function usePopoverConfig(sizeProp, variantProp, options) {
|
|
29
29
|
const context = (0, react.useContext)(PopoverContext);
|
|
30
30
|
if (!context) throw new Error("usePopoverConfig must be used within a UDSConfigProvider or UDSPopoverConfigProvider");
|
|
31
|
-
const { placementMap, placement, ...
|
|
31
|
+
const { defaultSize, defaultVariant, gap, borderRadius, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize, placementMap, placement, ...rest } = context;
|
|
32
|
+
const size = sizeProp ?? defaultSize;
|
|
33
|
+
const variant = variantProp ?? defaultVariant;
|
|
32
34
|
return {
|
|
33
|
-
...
|
|
35
|
+
...rest,
|
|
36
|
+
size,
|
|
37
|
+
variant,
|
|
38
|
+
borderRadius: borderRadius[size],
|
|
39
|
+
spacingHorizontal: spacingHorizontal[size],
|
|
40
|
+
spacingVertical: spacingVertical[size],
|
|
41
|
+
gap: gap[size],
|
|
42
|
+
dismissButtonSpacing: dismissButtonSpacing[size],
|
|
43
|
+
dismissIconSize: dismissIconSize[size],
|
|
34
44
|
ariaKitPlacement: placementMap[options?.placement ?? placement]
|
|
35
45
|
};
|
|
36
46
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
|
|
2
|
-
import { PopoverPlacement } from "../../../types/dist/index.cjs";
|
|
2
|
+
import { PopoverPlacement, PopoverSize, PopoverVariant, SpacingAlias } from "../../../types/dist/index.cjs";
|
|
3
3
|
import { UDSPopoverConfigContextType } from "../../../runtime/popoverConfig.cjs";
|
|
4
4
|
import { PropsWithChildren } from "react";
|
|
5
5
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
-
import { PopoverProviderProps } from "@ariakit/react";
|
|
7
6
|
|
|
8
7
|
//#region src/components/client/Popover/UDSPopoverConfigProvider.d.ts
|
|
9
8
|
interface UDSPopoverConfigProviderProps extends PropsWithChildren {
|
|
@@ -19,10 +18,19 @@ declare const UDSPopoverConfigProvider: {
|
|
|
19
18
|
}: UDSPopoverConfigProviderProps): react_jsx_runtime0.JSX.Element;
|
|
20
19
|
displayName: string;
|
|
21
20
|
};
|
|
22
|
-
declare function usePopoverConfig(options?: {
|
|
21
|
+
declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantProp?: PopoverVariant | undefined, options?: {
|
|
23
22
|
placement?: PopoverPlacement;
|
|
24
|
-
}):
|
|
25
|
-
|
|
23
|
+
}): {
|
|
24
|
+
size: "default";
|
|
25
|
+
variant: "default";
|
|
26
|
+
borderRadius: number;
|
|
27
|
+
spacingHorizontal: SpacingAlias;
|
|
28
|
+
spacingVertical: SpacingAlias;
|
|
29
|
+
gap: SpacingAlias;
|
|
30
|
+
dismissButtonSpacing: SpacingAlias;
|
|
31
|
+
dismissIconSize: number;
|
|
32
|
+
ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
33
|
+
animationDuration: number;
|
|
26
34
|
};
|
|
27
35
|
//#endregion
|
|
28
36
|
export { type UDSPopoverConfigContextType, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, usePopoverConfig };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
|
|
2
|
-
import { PopoverPlacement } from "../../../types/dist/index.js";
|
|
2
|
+
import { PopoverPlacement, PopoverSize, PopoverVariant, SpacingAlias } from "../../../types/dist/index.js";
|
|
3
3
|
import { UDSPopoverConfigContextType } from "../../../runtime/popoverConfig.js";
|
|
4
4
|
import { PropsWithChildren } from "react";
|
|
5
5
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
-
import { PopoverProviderProps } from "@ariakit/react";
|
|
7
6
|
|
|
8
7
|
//#region src/components/client/Popover/UDSPopoverConfigProvider.d.ts
|
|
9
8
|
interface UDSPopoverConfigProviderProps extends PropsWithChildren {
|
|
@@ -19,10 +18,19 @@ declare const UDSPopoverConfigProvider: {
|
|
|
19
18
|
}: UDSPopoverConfigProviderProps): react_jsx_runtime0.JSX.Element;
|
|
20
19
|
displayName: string;
|
|
21
20
|
};
|
|
22
|
-
declare function usePopoverConfig(options?: {
|
|
21
|
+
declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantProp?: PopoverVariant | undefined, options?: {
|
|
23
22
|
placement?: PopoverPlacement;
|
|
24
|
-
}):
|
|
25
|
-
|
|
23
|
+
}): {
|
|
24
|
+
size: "default";
|
|
25
|
+
variant: "default";
|
|
26
|
+
borderRadius: number;
|
|
27
|
+
spacingHorizontal: SpacingAlias;
|
|
28
|
+
spacingVertical: SpacingAlias;
|
|
29
|
+
gap: SpacingAlias;
|
|
30
|
+
dismissButtonSpacing: SpacingAlias;
|
|
31
|
+
dismissIconSize: number;
|
|
32
|
+
ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
33
|
+
animationDuration: number;
|
|
26
34
|
};
|
|
27
35
|
//#endregion
|
|
28
36
|
export { type UDSPopoverConfigContextType, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, usePopoverConfig };
|
|
@@ -23,12 +23,22 @@ const UDSPopoverConfigProvider = ({ children, value }) => {
|
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
25
|
UDSPopoverConfigProvider.displayName = "UDSPopoverConfigProvider";
|
|
26
|
-
function usePopoverConfig(options) {
|
|
26
|
+
function usePopoverConfig(sizeProp, variantProp, options) {
|
|
27
27
|
const context = useContext(PopoverContext);
|
|
28
28
|
if (!context) throw new Error("usePopoverConfig must be used within a UDSConfigProvider or UDSPopoverConfigProvider");
|
|
29
|
-
const { placementMap, placement, ...
|
|
29
|
+
const { defaultSize, defaultVariant, gap, borderRadius, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize, placementMap, placement, ...rest } = context;
|
|
30
|
+
const size = sizeProp ?? defaultSize;
|
|
31
|
+
const variant = variantProp ?? defaultVariant;
|
|
30
32
|
return {
|
|
31
|
-
...
|
|
33
|
+
...rest,
|
|
34
|
+
size,
|
|
35
|
+
variant,
|
|
36
|
+
borderRadius: borderRadius[size],
|
|
37
|
+
spacingHorizontal: spacingHorizontal[size],
|
|
38
|
+
spacingVertical: spacingVertical[size],
|
|
39
|
+
gap: gap[size],
|
|
40
|
+
dismissButtonSpacing: dismissButtonSpacing[size],
|
|
41
|
+
dismissIconSize: dismissIconSize[size],
|
|
32
42
|
ariaKitPlacement: placementMap[options?.placement ?? placement]
|
|
33
43
|
};
|
|
34
44
|
}
|
|
@@ -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: "
|
|
35
|
-
info: "
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
success: "
|
|
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
|
+
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";
|
|
37
|
+
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";
|
|
38
|
+
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";
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
//#endregion
|