@yahoo/uds 3.175.9 → 3.175.11
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/BottomSheet/BottomSheet.cjs +21 -1
- package/dist/components/client/BottomSheet/BottomSheet.js +21 -1
- package/dist/components/client/BottomSheet/BottomSheetHandle.cjs +17 -7
- package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +3 -1
- package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +3 -1
- package/dist/components/client/BottomSheet/BottomSheetHandle.js +17 -7
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/uds/generated/componentData.cjs +2619 -2606
- package/dist/uds/generated/componentData.js +2619 -2606
- package/dist/uds/generated/tailwindPurge.cjs +32 -28
- package/dist/uds/generated/tailwindPurge.js +32 -28
- package/generated/componentData.json +3293 -3273
- package/generated/tailwindPurge.ts +3 -3
- package/package.json +1 -1
|
@@ -49,6 +49,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
49
49
|
const forceZeroMarginsRef = (0, react.useRef)(false);
|
|
50
50
|
forceZeroMarginsRef.current = keyboardHeightPx > 0;
|
|
51
51
|
const sheetRef = (0, react.useRef)(null);
|
|
52
|
+
const handleContainerRef = (0, react.useRef)(null);
|
|
52
53
|
const maxSnapPxRef = (0, react.useRef)(0);
|
|
53
54
|
const sheetHeightRef = (0, react.useRef)(void 0);
|
|
54
55
|
const wasOpenRef = (0, react.useRef)(false);
|
|
@@ -142,6 +143,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
142
143
|
const scrollLocked = !isAtMaxSnapPoint;
|
|
143
144
|
const internalContextValue = (0, react.useMemo)(() => ({ scrollLocked }), [scrollLocked]);
|
|
144
145
|
const shouldHideEdgeBordersAtMaxSnap = fullWidthAtMaxSnap && resolvedSnapPoints.length >= 2 && isAtMaxSnapPoint;
|
|
146
|
+
const handleHandleIndicatorClick = (0, react.useCallback)(() => {
|
|
147
|
+
emitSnapPointChange(isAtMaxSnapPoint ? 0 : resolvedSnapPoints.length - 1);
|
|
148
|
+
}, [
|
|
149
|
+
emitSnapPointChange,
|
|
150
|
+
isAtMaxSnapPoint,
|
|
151
|
+
resolvedSnapPoints.length
|
|
152
|
+
]);
|
|
145
153
|
const handleHandleIndicatorKeyDown = (0, react.useCallback)((event) => {
|
|
146
154
|
if (!shouldShowHandleIndicator || resolvedSnapPoints.length <= 1) return;
|
|
147
155
|
if (event.key === "ArrowUp") {
|
|
@@ -201,6 +209,14 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
201
209
|
animateOpacity: true
|
|
202
210
|
}) : false;
|
|
203
211
|
const hideOnInteractOutside = modal && dismissible ? (event) => !require_utils_isFocusEnteringOwnFrame.isFocusEnteringOwnFrame(event, sheetRef.current) : false;
|
|
212
|
+
const autoFocusOnShow = (0, react.useCallback)((element) => {
|
|
213
|
+
const sheet = sheetRef.current;
|
|
214
|
+
if (!sheet || !element || !handleContainerRef.current?.contains(element)) return true;
|
|
215
|
+
if (sheet.ownerDocument.activeElement !== sheet) queueMicrotask(() => {
|
|
216
|
+
if (sheet.isConnected && sheet.ownerDocument.activeElement !== sheet) sheet.focus({ preventScroll: true });
|
|
217
|
+
});
|
|
218
|
+
return false;
|
|
219
|
+
}, []);
|
|
204
220
|
const isElevationBackgroundColor = configBackgroundColor[variant].startsWith("elevation-");
|
|
205
221
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Dialog, {
|
|
206
222
|
ref: sheetRef,
|
|
@@ -209,6 +225,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
209
225
|
unmountOnHide: true,
|
|
210
226
|
hideOnEscape: dismissible ? hideOnEscape : false,
|
|
211
227
|
hideOnInteractOutside,
|
|
228
|
+
autoFocusOnShow,
|
|
212
229
|
onClose,
|
|
213
230
|
"aria-label": ariaLabel,
|
|
214
231
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -218,7 +235,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
218
235
|
portalElement,
|
|
219
236
|
preventBodyScroll: preventBodyScroll ?? (modal ? void 0 : false),
|
|
220
237
|
"data-testid": "bottom-sheet",
|
|
221
|
-
className: require_styles_styler.cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
|
|
238
|
+
className: require_styles_styler.cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", "outline-none", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
|
|
222
239
|
style: {
|
|
223
240
|
height: sheetHeightRef.current,
|
|
224
241
|
maxHeight: maxHeightPx ? `${maxHeightPx}px` : void 0,
|
|
@@ -239,10 +256,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
239
256
|
onPointerUp,
|
|
240
257
|
onPointerCancel,
|
|
241
258
|
children: [shouldShowHandleIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
259
|
+
ref: handleContainerRef,
|
|
242
260
|
display: "block",
|
|
243
261
|
position: "absolute",
|
|
244
262
|
className: require_styles_styler.cx("inset-x-0 top-[-4px] z-[1] touch-pan-y"),
|
|
245
263
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_BottomSheet_BottomSheetHandle.BottomSheetHandle, {
|
|
264
|
+
interactive: resolvedSnapPoints.length > 1,
|
|
265
|
+
onClick: handleHandleIndicatorClick,
|
|
246
266
|
onKeyDown: handleHandleIndicatorKeyDown,
|
|
247
267
|
ariaLabel: "Resize sheet",
|
|
248
268
|
className: slotProps?.handleIndicator?.className,
|
|
@@ -48,6 +48,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
48
48
|
const forceZeroMarginsRef = useRef(false);
|
|
49
49
|
forceZeroMarginsRef.current = keyboardHeightPx > 0;
|
|
50
50
|
const sheetRef = useRef(null);
|
|
51
|
+
const handleContainerRef = useRef(null);
|
|
51
52
|
const maxSnapPxRef = useRef(0);
|
|
52
53
|
const sheetHeightRef = useRef(void 0);
|
|
53
54
|
const wasOpenRef = useRef(false);
|
|
@@ -141,6 +142,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
141
142
|
const scrollLocked = !isAtMaxSnapPoint;
|
|
142
143
|
const internalContextValue = useMemo(() => ({ scrollLocked }), [scrollLocked]);
|
|
143
144
|
const shouldHideEdgeBordersAtMaxSnap = fullWidthAtMaxSnap && resolvedSnapPoints.length >= 2 && isAtMaxSnapPoint;
|
|
145
|
+
const handleHandleIndicatorClick = useCallback(() => {
|
|
146
|
+
emitSnapPointChange(isAtMaxSnapPoint ? 0 : resolvedSnapPoints.length - 1);
|
|
147
|
+
}, [
|
|
148
|
+
emitSnapPointChange,
|
|
149
|
+
isAtMaxSnapPoint,
|
|
150
|
+
resolvedSnapPoints.length
|
|
151
|
+
]);
|
|
144
152
|
const handleHandleIndicatorKeyDown = useCallback((event) => {
|
|
145
153
|
if (!shouldShowHandleIndicator || resolvedSnapPoints.length <= 1) return;
|
|
146
154
|
if (event.key === "ArrowUp") {
|
|
@@ -200,6 +208,14 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
200
208
|
animateOpacity: true
|
|
201
209
|
}) : false;
|
|
202
210
|
const hideOnInteractOutside = modal && dismissible ? (event) => !isFocusEnteringOwnFrame(event, sheetRef.current) : false;
|
|
211
|
+
const autoFocusOnShow = useCallback((element) => {
|
|
212
|
+
const sheet = sheetRef.current;
|
|
213
|
+
if (!sheet || !element || !handleContainerRef.current?.contains(element)) return true;
|
|
214
|
+
if (sheet.ownerDocument.activeElement !== sheet) queueMicrotask(() => {
|
|
215
|
+
if (sheet.isConnected && sheet.ownerDocument.activeElement !== sheet) sheet.focus({ preventScroll: true });
|
|
216
|
+
});
|
|
217
|
+
return false;
|
|
218
|
+
}, []);
|
|
203
219
|
const isElevationBackgroundColor = configBackgroundColor[variant].startsWith("elevation-");
|
|
204
220
|
return /* @__PURE__ */ jsxs(Dialog, {
|
|
205
221
|
ref: sheetRef,
|
|
@@ -208,6 +224,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
208
224
|
unmountOnHide: true,
|
|
209
225
|
hideOnEscape: dismissible ? hideOnEscape : false,
|
|
210
226
|
hideOnInteractOutside,
|
|
227
|
+
autoFocusOnShow,
|
|
211
228
|
onClose,
|
|
212
229
|
"aria-label": ariaLabel,
|
|
213
230
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -217,7 +234,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
217
234
|
portalElement,
|
|
218
235
|
preventBodyScroll: preventBodyScroll ?? (modal ? void 0 : false),
|
|
219
236
|
"data-testid": "bottom-sheet",
|
|
220
|
-
className: cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
|
|
237
|
+
className: cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", "outline-none", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
|
|
221
238
|
style: {
|
|
222
239
|
height: sheetHeightRef.current,
|
|
223
240
|
maxHeight: maxHeightPx ? `${maxHeightPx}px` : void 0,
|
|
@@ -238,10 +255,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
|
|
|
238
255
|
onPointerUp,
|
|
239
256
|
onPointerCancel,
|
|
240
257
|
children: [shouldShowHandleIndicator && /* @__PURE__ */ jsx(Box, {
|
|
258
|
+
ref: handleContainerRef,
|
|
241
259
|
display: "block",
|
|
242
260
|
position: "absolute",
|
|
243
261
|
className: cx("inset-x-0 top-[-4px] z-[1] touch-pan-y"),
|
|
244
262
|
children: /* @__PURE__ */ jsx(BottomSheetHandle, {
|
|
263
|
+
interactive: resolvedSnapPoints.length > 1,
|
|
264
|
+
onClick: handleHandleIndicatorClick,
|
|
245
265
|
onKeyDown: handleHandleIndicatorKeyDown,
|
|
246
266
|
ariaLabel: "Resize sheet",
|
|
247
267
|
className: slotProps?.handleIndicator?.className,
|
|
@@ -2,23 +2,33 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const require_styles_styler = require("../../../styles/styler.cjs");
|
|
5
|
+
const require_components_client_Pressable = require("../Pressable.cjs");
|
|
5
6
|
const require_components_Box = require("../../Box.cjs");
|
|
6
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
8
|
//#region src/components/client/BottomSheet/BottomSheetHandle.tsx
|
|
8
|
-
function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
|
|
9
|
+
function BottomSheetHandle({ className, interactive = true, onClick, onKeyDown, ariaLabel, variant = "default" }) {
|
|
9
10
|
const handleIndicatorVariantClass = require_styles_styler.getStyles({ bottomsheetVariantHandleIndicator: variant });
|
|
11
|
+
const handleClassName = require_styles_styler.cx("relative", "h-5 w-16", "[touch-action:pan-y]");
|
|
12
|
+
const indicatorClassName = require_styles_styler.cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass);
|
|
10
13
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
11
14
|
display: "flex",
|
|
12
15
|
justifyContent: "center",
|
|
13
16
|
className: require_styles_styler.cx(className),
|
|
14
17
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
18
|
+
display: "block",
|
|
19
|
+
className: handleClassName,
|
|
20
|
+
children: interactive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
|
|
21
|
+
type: "button",
|
|
20
22
|
display: "block",
|
|
21
|
-
|
|
23
|
+
"aria-label": ariaLabel ?? "Resize sheet",
|
|
24
|
+
onClick,
|
|
25
|
+
onKeyDown,
|
|
26
|
+
className: require_styles_styler.cx(indicatorClassName, "uds-ring outline-none", "before:absolute before:-inset-x-4 before:-inset-y-2 before:content-['']")
|
|
27
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
28
|
+
as: "span",
|
|
29
|
+
display: "block",
|
|
30
|
+
"aria-hidden": "true",
|
|
31
|
+
className: indicatorClassName
|
|
22
32
|
})
|
|
23
33
|
})
|
|
24
34
|
});
|
|
@@ -3,11 +3,13 @@ import { BottomSheetVariant } from "../../../types/dist/index.cjs";
|
|
|
3
3
|
//#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
|
|
4
4
|
interface BottomSheetHandleProps {
|
|
5
5
|
className?: string;
|
|
6
|
+
interactive?: boolean;
|
|
7
|
+
onClick?: () => void;
|
|
6
8
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
7
9
|
ariaLabel?: string;
|
|
8
10
|
variant?: BottomSheetVariant;
|
|
9
11
|
}
|
|
10
|
-
declare function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function BottomSheetHandle({ className, interactive, onClick, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
declare namespace BottomSheetHandle {
|
|
12
14
|
var displayName: string;
|
|
13
15
|
}
|
|
@@ -4,11 +4,13 @@ import { BottomSheetVariant } from "../../../types/dist/index.js";
|
|
|
4
4
|
//#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
|
|
5
5
|
interface BottomSheetHandleProps {
|
|
6
6
|
className?: string;
|
|
7
|
+
interactive?: boolean;
|
|
8
|
+
onClick?: () => void;
|
|
7
9
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
8
10
|
ariaLabel?: string;
|
|
9
11
|
variant?: BottomSheetVariant;
|
|
10
12
|
}
|
|
11
|
-
declare function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function BottomSheetHandle({ className, interactive, onClick, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
declare namespace BottomSheetHandle {
|
|
13
15
|
var displayName: string;
|
|
14
16
|
}
|
|
@@ -1,23 +1,33 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
"use client";
|
|
3
3
|
import { cx, getStyles } from "../../../styles/styler.js";
|
|
4
|
+
import { Pressable } from "../Pressable.js";
|
|
4
5
|
import { Box } from "../../Box.js";
|
|
5
6
|
import { jsx } from "react/jsx-runtime";
|
|
6
7
|
//#region src/components/client/BottomSheet/BottomSheetHandle.tsx
|
|
7
|
-
function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
|
|
8
|
+
function BottomSheetHandle({ className, interactive = true, onClick, onKeyDown, ariaLabel, variant = "default" }) {
|
|
8
9
|
const handleIndicatorVariantClass = getStyles({ bottomsheetVariantHandleIndicator: variant });
|
|
10
|
+
const handleClassName = cx("relative", "h-5 w-16", "[touch-action:pan-y]");
|
|
11
|
+
const indicatorClassName = cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass);
|
|
9
12
|
return /* @__PURE__ */ jsx(Box, {
|
|
10
13
|
display: "flex",
|
|
11
14
|
justifyContent: "center",
|
|
12
15
|
className: cx(className),
|
|
13
16
|
children: /* @__PURE__ */ jsx(Box, {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
children: /* @__PURE__ */ jsx(Box, {
|
|
17
|
+
display: "block",
|
|
18
|
+
className: handleClassName,
|
|
19
|
+
children: interactive ? /* @__PURE__ */ jsx(Pressable, {
|
|
20
|
+
type: "button",
|
|
19
21
|
display: "block",
|
|
20
|
-
|
|
22
|
+
"aria-label": ariaLabel ?? "Resize sheet",
|
|
23
|
+
onClick,
|
|
24
|
+
onKeyDown,
|
|
25
|
+
className: cx(indicatorClassName, "uds-ring outline-none", "before:absolute before:-inset-x-4 before:-inset-y-2 before:content-['']")
|
|
26
|
+
}) : /* @__PURE__ */ jsx(Box, {
|
|
27
|
+
as: "span",
|
|
28
|
+
display: "block",
|
|
29
|
+
"aria-hidden": "true",
|
|
30
|
+
className: indicatorClassName
|
|
21
31
|
})
|
|
22
32
|
})
|
|
23
33
|
});
|
|
@@ -24,7 +24,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
|
|
|
24
24
|
gap: SpacingAlias;
|
|
25
25
|
dismissButtonSpacing: SpacingAlias;
|
|
26
26
|
dismissIconSize: number;
|
|
27
|
-
ariaKitPlacement: ("
|
|
27
|
+
ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
28
28
|
animationDuration: number;
|
|
29
29
|
};
|
|
30
30
|
//#endregion
|
|
@@ -25,7 +25,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
|
|
|
25
25
|
gap: SpacingAlias;
|
|
26
26
|
dismissButtonSpacing: SpacingAlias;
|
|
27
27
|
dismissIconSize: number;
|
|
28
|
-
ariaKitPlacement: ("
|
|
28
|
+
ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
29
29
|
animationDuration: number;
|
|
30
30
|
};
|
|
31
31
|
//#endregion
|
|
@@ -26,11 +26,11 @@ declare const useToastConfig: (sizeProp?: ToastSize | undefined, variantProp?: T
|
|
|
26
26
|
autoClose: number | false;
|
|
27
27
|
position: ToastPosition;
|
|
28
28
|
backgroundColor: {
|
|
29
|
-
warning: "
|
|
30
|
-
info: "
|
|
31
|
-
loading: "
|
|
32
|
-
success: "
|
|
33
|
-
error: "
|
|
29
|
+
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";
|
|
30
|
+
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";
|
|
31
|
+
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";
|
|
32
|
+
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";
|
|
33
|
+
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";
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
//#endregion
|