reshaped 3.4.0 → 3.4.2

package/dist/components/Tabs/TabsList.js

@@ -81,9 +81,12 @@ const TabsList = (props) => {
         if (value)
             return;
         const firstItem = React.Children.toArray(children)[0];
+        if (!React.isValidElement(firstItem))
+            return;
         if (!firstItem || firstItem.type !== TabsItem)
             return;
-        setDefaultValue(firstItem.props.value);
+        const props = firstItem.props;
+        setDefaultValue(props.value);
     }, [value]);
     useIsomorphicLayoutEffect(() => {
         // Do not update selection on mount, until we receive new activeId
@@ -135,9 +138,10 @@ const TabsList = (props) => {
         };
     }, [rtl]);
     return (_jsxs("div", { ...attributes, className: rootClassNames, children: [_jsx("div", { className: s.inner, ref: elScrollableRef, children: _jsxs("div", { className: s.list, role: "tablist", ref: hotkeysRef, children: [React.Children.map(children, (child, index) => {
-                            if (!child)
+                            if (!React.isValidElement(child))
                                 return null;
-                            return (_jsx("div", { className: s.listItem, "data-rs-tabs-item": true, children: child }, child.props.value || child.key || index));
+                            const props = child.props;
+                            return (_jsx("div", { className: s.listItem, "data-rs-tabs-item": true, children: child }, props.value || child.key || index));
                         }), _jsx("div", { onTransitionEnd: handleTransitionEnd, className: selectorClassNames, style: {
                                 "--rs-tab-selection-x": selection.left,
                                 "--rs-tab-selection-y": selection.top,

package/dist/components/Text/Text.js

@@ -14,10 +14,8 @@ const Text = (props) => {
     const { variant, color, weight, align, decoration, maxLines, wrap, children, className, attributes, } = props;
     const largestVariant = typeof variant === "string" ? variant : variant?.xl || variant?.l || variant?.m || variant?.s;
     const alignStyles = getTextAlignStyles(align);
-    /**
-     * Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
-     * It still resolves the attributes correctly based on the tag
-     */
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const TagName = props.as || (largestVariant && tagMap[largestVariant]) || "div";
     const rootClassName = classNames(s.root, color && s[`--color-${color}`], ...responsiveClassNames(s, "--variant", variant), ...responsiveClassNames(s, "--weight", weight), decoration && s[`--decoration-${decoration}`], maxLines !== undefined && s[`--clamp`], maxLines === 1 && s["--break-all"], wrap && s[`--wrap-${wrap}`], className);
     const style = {

package/dist/components/Timeline/Timeline.js

@@ -13,7 +13,7 @@ const Timeline = (props) => {
     const { children, className, attributes } = props;
     const rootClassNames = classNames(className);
     return (_jsx("ul", { ...attributes, className: rootClassNames, children: React.Children.map(children, (child, index) => {
-            return child?.type === TimelineItem ? (child) : (_jsx(TimelineItem, { children: child }, index));
+            return React.isValidElement(child) && child.type === TimelineItem ? (child) : (_jsx(TimelineItem, { children: child }, index));
         }) }));
 };
 Timeline.Item = TimelineItem;

package/dist/components/Toast/ToastProvider.js

@@ -10,13 +10,14 @@ const generateId = () => `__rs-toast-${counter++}`;
 const toastReducer = (state, action) => {
     let nextState;
     switch (action.type) {
-        case "add":
+        case "add": {
             const { position = "bottom-end", ...toastProps } = action.payload.toastProps || {};
             return {
                 ...state,
                 [position]: [...state[position], { id: action.payload.id, toastProps, status: "entering" }],
             };
-        case "show":
+        }
+        case "show": {
             const { id: showId } = action.payload;
             nextState = { ...state };
             positions.forEach((position) => {
@@ -27,20 +28,23 @@ const toastReducer = (state, action) => {
                 });
             });
             return nextState;
-        case "hide":
+        }
+        case "hide": {
             const { id: hideId } = action.payload;
             nextState = { ...state };
             positions.forEach((position) => {
                 nextState[position] = nextState[position].map((item) => item.id === hideId ? { ...item, status: "exiting" } : item);
             });
             return nextState;
-        case "remove":
+        }
+        case "remove": {
             const { id: removeId } = action.payload;
             nextState = { ...state };
             positions.forEach((position) => {
                 nextState[position] = nextState[position].filter((item) => item.id !== removeId);
             });
             return nextState;
+        }
     }
 };
 const ToastProvider = (props) => {

package/dist/components/View/View.js

@@ -21,7 +21,10 @@ import getTextAlignStyles from "../../styles/textAlign/index.js";
 import getAlignStyles from "../../styles/align/index.js";
 import getJustifyStyles from "../../styles/justify/index.js";
 const ViewItem = (props) => {
-    const { columns, grow, gapBefore, as: TagName = "div", order, children, className, attributes, } = props;
+    const { columns, grow, gapBefore, 
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    as: TagName = "div", order, children, className, attributes, } = props;
     const itemClassNames = classNames(s.item, className, gapBefore === "auto" && s["item--gap-auto"], gapBefore !== undefined && s["item--gap-before"], columns && s["item--columns"], ...responsiveClassNames(s, "item--grow", grow), ...responsiveClassNames(s, "item--columns", columns));
     const itemVariables = {
         ...responsiveVariables("--rs-view-item-order", order),
@@ -43,10 +46,8 @@ const View = (props) => {
      * Item prop
      */
     grow, 
-    /**
-     * Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
-     * It still resolves the attributes correctly based on the tag
-     */
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     as: TagName = "div", children, divided, className, attributes, } = props;
     let isFlex = !!align || !!justify || !!gap || !!props.direction;
     const direction = props.direction || (isFlex ? "column" : undefined);
@@ -121,6 +122,8 @@ const View = (props) => {
             isFlex = true;
         return (_jsxs(React.Fragment, { children: [dividerElement, itemElement] }, `${key}-fragment`));
     };
+    // Using any in favor of resolving the props in runtime where we don't know their props definitions
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const formattedChildren = React.Children.map(children, (child, index) => {
         if (!child)
             return null;
@@ -132,6 +135,8 @@ const View = (props) => {
             return (_createElement(Hidden, { ...hiddenProps, key: key }, renderItem({ child: hiddenChild, index: usedIndex })));
         }
         if (child.type === React.Fragment && React.Children.count(child.props.children) > 1) {
+            // Using any in favor of resolving the props in runtime where we don't know their props definitions
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return child.props.children.map((child) => {
                 if (!child)
                     return null;

package/dist/components/_private/Flyout/FlyoutContent.js

@@ -11,7 +11,7 @@ import s from "./Flyout.module.css";
 const FlyoutContent = (props) => {
     const { children, className, attributes } = props;
     const { flyout, id, flyoutElRef, triggerElRef, handleClose, handleTransitionEnd, handleTransitionStart, triggerType, handleMouseEnter, handleMouseLeave, handleContentMouseDown, handleContentMouseUp, contentGap, contentClassName, contentAttributes, trapFocusMode, disableContentHover, width, containerRef, isSubmenu, } = useFlyoutContext();
-    const { styles, status, position, updatePosition } = flyout;
+    const { styles, status, position } = flyout;
     const [mounted, setMounted] = React.useState(false);
     const closestContainer = React.useMemo(() => {
         if (!mounted)

package/dist/components/_private/Flyout/FlyoutTrigger.js

@@ -4,7 +4,7 @@ import { useFlyoutContext, TriggerProvider } from "./Flyout.context.js";
 const FlyoutTrigger = (props) => {
     const { children } = props;
     const { id, triggerElRef, triggerType, flyout, handleFocus, handleBlur, handleMouseEnter, handleMouseLeave, handleMouseDown, handleTouchStart, handleClick, trapFocusMode, isSubmenu, } = useFlyoutContext();
-    let childrenAttributes = {
+    const childrenAttributes = {
         ref: triggerElRef,
     };
     if (triggerType === "click" || trapFocusMode === "action-menu") {

package/dist/components/_private/Flyout/useFlyout.js

@@ -18,7 +18,7 @@ const defaultStyles = {
 const resetStyles = {
     left: 0,
     top: 0,
-    position: "fixed",
+    position: "absolute",
     visibility: "hidden",
     animation: "none",
     transition: "none",
@@ -42,6 +42,8 @@ const flyout = (args) => {
     targetClone.style.cssText = "";
     Object.keys(resetStyles).forEach((key) => {
         const value = resetStyles[key];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         if (value)
             targetClone.style[key] = value.toString();
     });

package/dist/components/_private/Portal/Portal.d.ts

@@ -5,7 +5,7 @@ export declare const usePortalScope: () => T.Context;
  * That gives Portal time to receive scope on first render
  */
 declare const Portal: {
-    (props: T.Props): any;
+    (props: T.Props): import("react/jsx-runtime").JSX.Element[];
     Scope: typeof PortalScope;
 };
 declare function PortalScope<T extends HTMLElement>(props: T.ScopeProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/config/tailwind.d.ts

@@ -1,2 +1,2 @@
 import type { ThemeDefinition } from "../themes/_generator/tokens/types";
-export declare const getTheme: (theme?: ThemeDefinition) => Record<"borderRadius" | "backgroundColor" | "borderColor" | "boxShadow" | "textColor" | "colors" | "spacing" | "screens", Record<string, string>>;
+export declare const getTheme: (theme?: ThemeDefinition) => Record<"borderRadius" | "backgroundColor" | "borderColor" | "boxShadow" | "spacing" | "textColor" | "colors" | "screens", Record<string, string>>;

package/dist/hooks/_private/useOnClickOutside.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const useOnClickOutside: (refs: React.RefObject<HTMLElement | null>[], handler: (event: Event) => void, deps: any[]) => void;
+declare const useOnClickOutside: (refs: React.RefObject<HTMLElement | null>[], handler: (event: Event) => void, deps: unknown[]) => void;
 export default useOnClickOutside;

package/dist/hooks/_private/useOnClickOutside.js

@@ -1,24 +1,40 @@
-import useHandlerRef from "../useHandlerRef.js";
 import React from "react";
+import useHandlerRef from "../useHandlerRef.js";
 const useOnClickOutside = (refs, handler, deps) => {
     const handlerRef = useHandlerRef(handler);
+    /**
+     * We're checking the element position in the DOM on mousedown to make sure
+     * it happens before any other click events that could potentially remove the clicked el
+     * before we checked if it's inside the refs
+     */
+    const isMouseDownInsideRef = React.useRef(false);
     React.useEffect(() => {
-        if (!handlerRef.current)
-            return;
-        const handleClick = (event) => {
-            if (event instanceof MouseEvent && event.button === 2) {
-                return;
-            }
-            let isInside = false;
+        const handleMouseDown = (event) => {
+            isMouseDownInsideRef.current = false;
             const clickedEl = event.composedPath()[0];
             refs.forEach((elRef) => {
                 if (!elRef.current)
                     return;
                 if (elRef.current === clickedEl || elRef.current.contains(clickedEl)) {
-                    isInside = true;
+                    isMouseDownInsideRef.current = true;
                 }
             });
-            if (isInside)
+        };
+        document.addEventListener("mousedown", handleMouseDown, { passive: true });
+        document.addEventListener("touchstart", handleMouseDown, { passive: true });
+        return () => {
+            document.removeEventListener("mousedown", handleMouseDown);
+            document.removeEventListener("touchstart", handleMouseDown);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [...refs]);
+    React.useEffect(() => {
+        if (!handlerRef.current)
+            return;
+        const handleClick = (event) => {
+            if (event.button === 2)
+                return;
+            if (isMouseDownInsideRef.current)
                 return;
             handlerRef.current?.(event);
         };

package/dist/hooks/_private/useSingletonHotkeys.js

@@ -24,6 +24,8 @@ const getEventKey = (e) => {
     }
     return e.key.toLowerCase();
 };
+// Removing the unknown gets highlighted an invalid syntax
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const walkHotkeys = (hotkeys, cb) => {
     Object.keys(hotkeys).forEach((key) => {
         key.split(",").forEach((hotkey) => {

package/dist/hooks/useResponsiveClientValue.d.ts

@@ -1,3 +1,3 @@
 import type * as G from "../types/global";
-declare const useResponsiveClientValue: <T extends unknown>(value: G.Responsive<T>) => T | undefined;
+declare const useResponsiveClientValue: <T>(value: G.Responsive<T>) => T | undefined;
 export default useResponsiveClientValue;

package/dist/themes/_generator/definitions/figma.d.ts

@@ -1,3 +1,3 @@
 import type { ThemeDefinition } from "../tokens/types";
-declare const theme: ThemeDefinition;
+declare const theme: Partial<ThemeDefinition>;
 export default theme;

package/dist/themes/_generator/definitions/figma.js

@@ -99,7 +99,6 @@ const theme = {
         radiusMedium: { px: 4 },
         radiusLarge: { px: 4 },
     },
-    // @ts-ignore
     color: {
         foregroundNeutral: { hex: "#191919", hexDark: "#FFFFFF" },
         foregroundNeutralFaded: { hex: "#474747", hexDark: "#B2B2B2" },
@@ -107,20 +106,19 @@ const theme = {
         foregroundPrimary: { hex: "#007BE5", hexDark: "#7CC4F8" },
         foregroundPositive: { hex: "#009951", hexDark: "#79D297" },
         foregroundCritical: { hex: "#DC3412", hexDark: "#FCA397" },
+        foregroundWarning: { hex: "#7b6305", hexDark: "#b4920c" },
         backgroundNeutral: { hex: "#DFE2EA", hexDark: "#444444" },
         backgroundNeutralFaded: { hex: "#F5F5F5", hexDark: "#383838" },
-        backgroundNeutralHighlighted: { hex: "#D4D8E3", hexDark: "#525252" },
         backgroundDisabled: { hex: "#e4e4e4", hexDark: "#474747" },
         backgroundDisabledFaded: { hex: "#F5F5F5", hexDark: "#3A3A3A" },
         backgroundPrimary: { hex: "#0D99FF", hexDark: "#0C8CE9" },
-        backgroundPrimaryHighlighted: { hex: "#007BE5", hexDark: "#0A6DC2" },
         backgroundPrimaryFaded: { hex: "#E5F4FF", hexDark: "#394360" },
         backgroundPositive: { hex: "#14AE5C", hexDark: "#198F51" },
         backgroundPositiveFaded: { hex: "#DAECDF", hexDark: "#3d5749" },
-        backgroundPositiveHighlighted: { hex: "#009951", hexDark: "#078348" },
         backgroundCritical: { hex: "#F24822", hexDark: "#E03E1A" },
         backgroundCriticalFaded: { hex: "#FFE2E0", hexDark: "#60332A" },
-        backgroundCriticalHighlighted: { hex: "#DC3412", hexDark: "#C4381C" },
+        backgroundWarning: { hex: "#facc15", hexDark: "#f1c512" },
+        backgroundWarningFaded: { hex: "#fffae9", hexDark: "#2c271f" },
         borderNeutral: { hex: "#E6E6E6", hexDark: "#444444" },
         borderNeutralFaded: { hex: "#E6E6E6", hexDark: "#444444" },
         borderDisabled: { hex: "#E6E6E6", hexDark: "#3E3E3E" },
@@ -130,12 +128,15 @@ const theme = {
         borderPositiveFaded: { hex: "#BBDDC6", hexDark: "#086338" },
         borderCritical: { hex: "#DC3412", hexDark: "#FCA397" },
         borderCriticalFaded: { hex: "#FFC7C2", hexDark: "#803226" },
+        borderWarning: { hex: "#cfa90f", hexDark: "#b4920a" },
+        borderWarningFaded: { hex: "#ece2c4", hexDark: "#453c1e" },
         backgroundPage: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundPageFaded: { hex: "#FAFAFA", hexDark: "#1E1E1E" },
         backgroundElevationBase: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundElevationRaised: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         backgroundElevationOverlay: { hex: "#FFFFFF", hexDark: "#2C2C2C" },
         onBackgroundPrimary: { hex: "#FFFFFF" },
+        brand: { hex: "#0D99FF" },
         black: { hex: "#000000" },
         white: { hex: "#FFFFFF" },
     },

package/dist/themes/_generator/utilities/color.js

@@ -309,17 +309,17 @@ const GREEN = 0.7152;
 const BLUE = 0.0722;
 const GAMMA = 2.4;
 function luminanceWCAG(r, g, b) {
-    var a = [r, g, b].map((v) => {
+    const a = [r, g, b].map((v) => {
         v /= 255;
         return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, GAMMA);
     });
     return a[0] * RED + a[1] * GREEN + a[2] * BLUE;
 }
 function contrastWCAG(rgb1, rgb2) {
-    var lum1 = luminanceWCAG(...rgb1);
-    var lum2 = luminanceWCAG(...rgb2);
-    var brightest = Math.max(lum1, lum2);
-    var darkest = Math.min(lum1, lum2);
+    const lum1 = luminanceWCAG(...rgb1);
+    const lum2 = luminanceWCAG(...rgb2);
+    const brightest = Math.max(lum1, lum2);
+    const darkest = Math.min(lum1, lum2);
     return (brightest + 0.05) / (darkest + 0.05);
 }
 export const getOnColorWCAG = (args) => {
@@ -340,7 +340,7 @@ function luminanceAPCA({ r, g, b }) {
 }
 function contrastAPCA(backgroundLuminance, textLuminance) {
     // Calculate the contrast based on APCA
-    let Lc = textLuminance - backgroundLuminance;
+    const Lc = textLuminance - backgroundLuminance;
     return Math.abs(Lc); // Return the absolute value of contrast
 }
 export const getOnColorAPCA = (args) => {
@@ -355,12 +355,12 @@ export const getOnColorAPCA = (args) => {
         b: (1 - bgAlpha) * baseColor.b + bgAlpha * bgColor.b,
     };
     // Calculate luminance for background and for white & black
-    let backgroundLuminance = luminanceAPCA({ r, g, b });
-    let whiteLuminance = luminanceAPCA({ r: 255, g: 255, b: 255 });
-    let blackLuminance = luminanceAPCA({ r: 0, g: 0, b: 0 });
+    const backgroundLuminance = luminanceAPCA({ r, g, b });
+    const whiteLuminance = luminanceAPCA({ r: 255, g: 255, b: 255 });
+    const blackLuminance = luminanceAPCA({ r: 0, g: 0, b: 0 });
     // Calculate contrast
-    let contrastWithWhite = contrastAPCA(backgroundLuminance, whiteLuminance);
-    let contrastWithBlack = contrastAPCA(backgroundLuminance, blackLuminance);
+    const contrastWithWhite = contrastAPCA(backgroundLuminance, whiteLuminance);
+    const contrastWithBlack = contrastAPCA(backgroundLuminance, blackLuminance);
     // Choose the color with higher contrast
     return contrastWithWhite > contrastWithBlack ? lightHexColor : darkHexColor;
 };

package/dist/themes/_generator/utilities/generateBackgroundColors.js

@@ -39,7 +39,6 @@ const generateBackgroundColors = (definition, themeOptions) => {
                 algorithm: themeOptions?.colorContrastAlgorithm,
                 ...onColorHexMap,
             });
-            // eslint-disable-next-line no-param-reassign
             definition.color[generatedForegroundName] = {
                 hex,
                 hexDark: hex !== hexDark ? hexDark : undefined,
@@ -48,7 +47,6 @@ const generateBackgroundColors = (definition, themeOptions) => {
         if (needsRGB) {
             const rgb = hexToRgb(bgToken.hex);
             const rgbDark = bgToken.hexDark && hexToRgb(bgToken.hexDark);
-            // eslint-disable-next-line no-param-reassign
             definition.color[generatedRGBName] = {
                 hex: `${rgb.r}, ${rgb.g}, ${rgb.b}`,
                 hexDark: rgbDark && `${rgbDark.r}, ${rgbDark.g}, ${rgbDark.b}`,

package/dist/themes/_generator/utilities/generateColors.js

@@ -2,7 +2,7 @@ import { parseHex, convertOklabToOkhsl, convertLrgbToOklab, convertRgbToLrgb, co
 const hexToOkHsl = (hex) => {
     const rgb = parseHex(hex);
     if (!rgb)
-        throw new Error(`[Reshaped] Can\'t generate rgb from ${hex} color`);
+        throw new Error(`[Reshaped] Can't generate rgb from ${hex} color`);
     const lrgb = convertRgbToLrgb(rgb);
     const oklab = convertLrgbToOklab(lrgb);
     const okhsl = convertOklabToOkhsl(oklab);

package/dist/themes/_generator/utilities/generateUnits.js

@@ -5,7 +5,6 @@ const generateUnits = (definition) => {
         return;
     for (let i = 1; i <= 10; i += 1) {
         const generatedName = `x${i}`;
-        // eslint-disable-next-line no-param-reassign
         definition.unit[generatedName] = {
             px: baseValue * i,
         };

package/dist/themes/_generator/utilities/mergeDeep.js

@@ -1,5 +1,5 @@
 const isObject = (item) => {
-    return item && typeof item === "object" && !Array.isArray(item);
+    return !!item && typeof item === "object" && !Array.isArray(item);
 };
 const mergeDeep = (target, ...sources) => {
     if (!sources.length)

package/dist/themes/_generator/utilities/resolveTokenReference.js

@@ -4,6 +4,8 @@ const resolveTokenReference = (theme, tokenType, ref) => {
     Object.keys(tokenGroup).forEach((tokenName) => {
         if (referencedToken)
             return;
+        // Relaxed runtime group resolving
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (tokenName === ref)
             referencedToken = tokenGroup[tokenName];
     });

package/dist/themes/figma/tailwind.css

@@ -1 +1 @@
-@theme{--background-color-primary:var(--rs-color-background-primary);--background-color-primary-faded:var(--rs-color-background-primary-faded);--border-color-primary:var(--rs-color-border-primary);--border-color-primary-faded:var(--rs-color-border-primary-faded);--text-color-primary:var(--rs-color-foreground-primary);--background-color-critical:var(--rs-color-background-critical);--background-color-critical-faded:var(--rs-color-background-critical-faded);--border-color-critical:var(--rs-color-border-critical);--border-color-critical-faded:var(--rs-color-border-critical-faded);--text-color-critical:var(--rs-color-foreground-critical);--background-color-warning:var(--rs-color-background-warning);--background-color-warning-faded:var(--rs-color-background-warning-faded);--border-color-warning:var(--rs-color-border-warning);--border-color-warning-faded:var(--rs-color-border-warning-faded);--text-color-warning:var(--rs-color-foreground-warning);--background-color-positive:var(--rs-color-background-positive);--background-color-positive-faded:var(--rs-color-background-positive-faded);--border-color-positive:var(--rs-color-border-positive);--border-color-positive-faded:var(--rs-color-border-positive-faded);--text-color-positive:var(--rs-color-foreground-positive);--background-color-neutral:var(--rs-color-background-neutral);--background-color-neutral-faded:var(--rs-color-background-neutral-faded);--border-color-neutral:var(--rs-color-border-neutral);--border-color-neutral-faded:var(--rs-color-border-neutral-faded);--text-color-neutral:var(--rs-color-foreground-neutral);--text-color-neutral-faded:var(--rs-color-foreground-neutral-faded);--background-color-disabled:var(--rs-color-background-disabled);--background-color-disabled-faded:var(--rs-color-background-disabled-faded);--border-color-disabled:var(--rs-color-border-disabled);--text-color-disabled:var(--rs-color-foreground-disabled);--background-color-elevation-base:var(--rs-color-background-elevation-base);--background-color-elevation-raised:var(--rs-color-background-elevation-raised);--background-color-elevation-overlay:var(--rs-color-background-elevation-overlay);--background-color-page:var(--rs-color-background-page);--background-color-page-faded:var(--rs-color-background-page-faded);--color-brand:var(--rs-color-brand);--color-white:var(--rs-color-white);--color-black:var(--rs-color-black);--background-color-neutral-highlighted:var(--rs-color-background-neutral-highlighted);--background-color-primary-highlighted:var(--rs-color-background-primary-highlighted);--background-color-positive-highlighted:var(--rs-color-background-positive-highlighted);--background-color-critical-highlighted:var(--rs-color-background-critical-highlighted);--text-color-on-primary:var(--rs-color-on-background-primary);--text-color-on-critical:var(--rs-color-on-background-critical);--text-color-on-warning:var(--rs-color-on-background-warning);--text-color-on-positive:var(--rs-color-on-background-positive);--text-color-on-neutral:var(--rs-color-on-background-neutral);--text-color-on-brand:var(--rs-color-on-brand);--radius-small:var(--rs-radius-small);--radius-medium:var(--rs-radius-medium);--radius-large:var(--rs-radius-large);--spacing-0:0px;--spacing-x1:var(--rs-unit-x1);--spacing-x2:var(--rs-unit-x2);--spacing-x3:var(--rs-unit-x3);--spacing-x4:var(--rs-unit-x4);--spacing-x5:var(--rs-unit-x5);--spacing-x6:var(--rs-unit-x6);--spacing-x7:var(--rs-unit-x7);--spacing-x8:var(--rs-unit-x8);--spacing-x9:var(--rs-unit-x9);--spacing-x10:var(--rs-unit-x10);--shadow-raised:var(--rs-shadow-raised);--shadow-overlay:var(--rs-shadow-overlay);--breakpoint-m:660px;--breakpoint-l:900px;--breakpoint-xl:1280px}
+@theme{--background-color-primary:var(--rs-color-background-primary);--background-color-primary-faded:var(--rs-color-background-primary-faded);--border-color-primary:var(--rs-color-border-primary);--border-color-primary-faded:var(--rs-color-border-primary-faded);--text-color-primary:var(--rs-color-foreground-primary);--background-color-critical:var(--rs-color-background-critical);--background-color-critical-faded:var(--rs-color-background-critical-faded);--border-color-critical:var(--rs-color-border-critical);--border-color-critical-faded:var(--rs-color-border-critical-faded);--text-color-critical:var(--rs-color-foreground-critical);--background-color-warning:var(--rs-color-background-warning);--background-color-warning-faded:var(--rs-color-background-warning-faded);--border-color-warning:var(--rs-color-border-warning);--border-color-warning-faded:var(--rs-color-border-warning-faded);--text-color-warning:var(--rs-color-foreground-warning);--background-color-positive:var(--rs-color-background-positive);--background-color-positive-faded:var(--rs-color-background-positive-faded);--border-color-positive:var(--rs-color-border-positive);--border-color-positive-faded:var(--rs-color-border-positive-faded);--text-color-positive:var(--rs-color-foreground-positive);--background-color-neutral:var(--rs-color-background-neutral);--background-color-neutral-faded:var(--rs-color-background-neutral-faded);--border-color-neutral:var(--rs-color-border-neutral);--border-color-neutral-faded:var(--rs-color-border-neutral-faded);--text-color-neutral:var(--rs-color-foreground-neutral);--text-color-neutral-faded:var(--rs-color-foreground-neutral-faded);--background-color-disabled:var(--rs-color-background-disabled);--background-color-disabled-faded:var(--rs-color-background-disabled-faded);--border-color-disabled:var(--rs-color-border-disabled);--text-color-disabled:var(--rs-color-foreground-disabled);--background-color-elevation-base:var(--rs-color-background-elevation-base);--background-color-elevation-raised:var(--rs-color-background-elevation-raised);--background-color-elevation-overlay:var(--rs-color-background-elevation-overlay);--background-color-page:var(--rs-color-background-page);--background-color-page-faded:var(--rs-color-background-page-faded);--color-brand:var(--rs-color-brand);--color-white:var(--rs-color-white);--color-black:var(--rs-color-black);--text-color-on-primary:var(--rs-color-on-background-primary);--text-color-on-critical:var(--rs-color-on-background-critical);--text-color-on-warning:var(--rs-color-on-background-warning);--text-color-on-positive:var(--rs-color-on-background-positive);--text-color-on-neutral:var(--rs-color-on-background-neutral);--text-color-on-brand:var(--rs-color-on-brand);--radius-small:var(--rs-radius-small);--radius-medium:var(--rs-radius-medium);--radius-large:var(--rs-radius-large);--spacing-0:0px;--spacing-x1:var(--rs-unit-x1);--spacing-x2:var(--rs-unit-x2);--spacing-x3:var(--rs-unit-x3);--spacing-x4:var(--rs-unit-x4);--spacing-x5:var(--rs-unit-x5);--spacing-x6:var(--rs-unit-x6);--spacing-x7:var(--rs-unit-x7);--spacing-x8:var(--rs-unit-x8);--spacing-x9:var(--rs-unit-x9);--spacing-x10:var(--rs-unit-x10);--shadow-raised:var(--rs-shadow-raised);--shadow-overlay:var(--rs-shadow-overlay);--breakpoint-m:660px;--breakpoint-l:900px;--breakpoint-xl:1280px}

package/dist/themes/figma/theme.css

@@ -1 +1 @@
-[data-rs-theme=figma]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:5rem;--rs-line-height-title-1:5.25rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-semibold);--rs-letter-spacing-title-1:normal;--rs-font-size-title-2:4rem;--rs-line-height-title-2:4.25rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-semibold);--rs-letter-spacing-title-2:normal;--rs-font-size-title-3:3.5rem;--rs-line-height-title-3:3.75rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-semibold);--rs-letter-spacing-title-3:normal;--rs-font-size-title-4:2.5rem;--rs-line-height-title-4:2.75rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-semibold);--rs-letter-spacing-title-4:normal;--rs-font-size-title-5:2.25rem;--rs-line-height-title-5:2.5rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-semibold);--rs-letter-spacing-title-5:normal;--rs-font-size-title-6:1.5rem;--rs-line-height-title-6:1.75rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-semibold);--rs-letter-spacing-title-6:normal;--rs-font-size-featured-1:1.375rem;--rs-line-height-featured-1:1.75rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:1.25rem;--rs-line-height-featured-2:1.75rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.125rem;--rs-line-height-featured-3:1.5rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-letter-spacing-featured-3:normal;--rs-font-size-body-1:0.875rem;--rs-line-height-body-1:1.25rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.8125rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-letter-spacing-body-2:normal;--rs-font-size-body-3:0.6875rem;--rs-line-height-body-3:1rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-letter-spacing-body-3:normal;--rs-font-size-caption-1:0.6875rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-radius-small:4px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#5a58f2;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#000;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#000;--rs-color-on-brand:#fff;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-rapid:100ms;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 3px 0px rgba(0,0,0,.15);--rs-shadow-overlay:0px 10px 24px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.04);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280}[data-rs-theme=figma][data-rs-color-mode=light]{--rs-color-background-primary:#0d99ff;--rs-color-background-primary-faded:#e5f4ff;--rs-color-border-primary:#007be5;--rs-color-border-primary-faded:#bde3ff;--rs-color-foreground-primary:#007be5;--rs-color-background-critical:#f24822;--rs-color-background-critical-faded:#ffe2e0;--rs-color-border-critical:#dc3412;--rs-color-border-critical-faded:#ffc7c2;--rs-color-foreground-critical:#dc3412;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fffae9;--rs-color-border-warning:#cfa90f;--rs-color-border-warning-faded:#ece2c4;--rs-color-foreground-warning:#7b6305;--rs-color-background-positive:#14ae5c;--rs-color-background-positive-faded:#daecdf;--rs-color-border-positive:#009951;--rs-color-border-positive-faded:#bbddc6;--rs-color-foreground-positive:#009951;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f5f5f5;--rs-color-border-neutral:#e6e6e6;--rs-color-border-neutral-faded:#e6e6e6;--rs-color-foreground-neutral:#191919;--rs-color-foreground-neutral-faded:#474747;--rs-color-background-disabled:#e4e4e4;--rs-color-background-disabled-faded:#f5f5f5;--rs-color-border-disabled:#e6e6e6;--rs-color-foreground-disabled:#b2b2b2;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafafa;--rs-color-background-neutral-highlighted:#d4d8e3;--rs-color-background-primary-highlighted:#007be5;--rs-color-background-positive-highlighted:#009951;--rs-color-background-critical-highlighted:#dc3412;--rs-color-rgb-background-primary:13,153,255;--rs-color-rgb-background-primary-faded:229,244,255;--rs-color-rgb-background-critical:242,72,34;--rs-color-rgb-background-critical-faded:255,226,224;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,250,233;--rs-color-rgb-background-positive:20,174,92;--rs-color-rgb-background-positive-faded:218,236,223;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:223,226,234;--rs-color-rgb-background-neutral-faded:245,245,245;--rs-color-rgb-background-disabled:228,228,228;--rs-color-rgb-background-disabled-faded:245,245,245;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,250,250;--rs-color-rgb-background-neutral-highlighted:212,216,227;--rs-color-rgb-background-primary-highlighted:0,123,229;--rs-color-rgb-background-positive-highlighted:0,153,81;--rs-color-rgb-background-critical-highlighted:220,52,18}[data-rs-theme=figma][data-rs-color-mode=dark]{--rs-color-background-primary:#0c8ce9;--rs-color-background-primary-faded:#394360;--rs-color-border-primary:#7cc4f8;--rs-color-border-primary-faded:#2a4d72;--rs-color-foreground-primary:#7cc4f8;--rs-color-background-critical:#e03e1a;--rs-color-background-critical-faded:#60332a;--rs-color-border-critical:#fca397;--rs-color-border-critical-faded:#803226;--rs-color-foreground-critical:#fca397;--rs-color-background-warning:#f1c512;--rs-color-background-warning-faded:#2c271f;--rs-color-border-warning:#b4920a;--rs-color-border-warning-faded:#453c1e;--rs-color-foreground-warning:#b4920c;--rs-color-background-positive:#198f51;--rs-color-background-positive-faded:#3d5749;--rs-color-border-positive:#79d297;--rs-color-border-positive-faded:#086338;--rs-color-foreground-positive:#79d297;--rs-color-background-neutral:#444;--rs-color-background-neutral-faded:#383838;--rs-color-border-neutral:#444;--rs-color-border-neutral-faded:#444;--rs-color-foreground-neutral:#fff;--rs-color-foreground-neutral-faded:#b2b2b2;--rs-color-background-disabled:#474747;--rs-color-background-disabled-faded:#3a3a3a;--rs-color-border-disabled:#3e3e3e;--rs-color-foreground-disabled:#656565;--rs-color-background-elevation-base:#2c2c2c;--rs-color-background-elevation-raised:#2c2c2c;--rs-color-background-elevation-overlay:#2c2c2c;--rs-color-background-page:#2c2c2c;--rs-color-background-page-faded:#1e1e1e;--rs-color-background-neutral-highlighted:#525252;--rs-color-background-primary-highlighted:#0a6dc2;--rs-color-background-positive-highlighted:#078348;--rs-color-background-critical-highlighted:#c4381c;--rs-color-rgb-background-primary:12,140,233;--rs-color-rgb-background-primary-faded:57,67,96;--rs-color-rgb-background-critical:224,62,26;--rs-color-rgb-background-critical-faded:96,51,42;--rs-color-rgb-background-warning:241,197,18;--rs-color-rgb-background-warning-faded:44,39,31;--rs-color-rgb-background-positive:25,143,81;--rs-color-rgb-background-positive-faded:61,87,73;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:68,68,68;--rs-color-rgb-background-neutral-faded:56,56,56;--rs-color-rgb-background-disabled:71,71,71;--rs-color-rgb-background-disabled-faded:58,58,58;--rs-color-rgb-background-elevation-base:44,44,44;--rs-color-rgb-background-elevation-raised:44,44,44;--rs-color-rgb-background-elevation-overlay:44,44,44;--rs-color-rgb-background-page:44,44,44;--rs-color-rgb-background-page-faded:30,30,30;--rs-color-rgb-background-neutral-highlighted:82,82,82;--rs-color-rgb-background-primary-highlighted:10,109,194;--rs-color-rgb-background-positive-highlighted:7,131,72;--rs-color-rgb-background-critical-highlighted:196,56,28}
+[data-rs-theme=figma]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:5rem;--rs-line-height-title-1:5.25rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-semibold);--rs-letter-spacing-title-1:normal;--rs-font-size-title-2:4rem;--rs-line-height-title-2:4.25rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-semibold);--rs-letter-spacing-title-2:normal;--rs-font-size-title-3:3.5rem;--rs-line-height-title-3:3.75rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-semibold);--rs-letter-spacing-title-3:normal;--rs-font-size-title-4:2.5rem;--rs-line-height-title-4:2.75rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-semibold);--rs-letter-spacing-title-4:normal;--rs-font-size-title-5:2.25rem;--rs-line-height-title-5:2.5rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-semibold);--rs-letter-spacing-title-5:normal;--rs-font-size-title-6:1.5rem;--rs-line-height-title-6:1.75rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-semibold);--rs-letter-spacing-title-6:normal;--rs-font-size-featured-1:1.375rem;--rs-line-height-featured-1:1.75rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:1.25rem;--rs-line-height-featured-2:1.75rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.125rem;--rs-line-height-featured-3:1.5rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-letter-spacing-featured-3:normal;--rs-font-size-body-1:0.875rem;--rs-line-height-body-1:1.25rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.8125rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-letter-spacing-body-2:normal;--rs-font-size-body-3:0.6875rem;--rs-line-height-body-3:1rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-letter-spacing-body-3:normal;--rs-font-size-caption-1:0.6875rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-radius-small:4px;--rs-unit-radius-medium:4px;--rs-unit-radius-large:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#0d99ff;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#000;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#000;--rs-color-on-brand:#000;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-rapid:100ms;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 3px 0px rgba(0,0,0,.15);--rs-shadow-overlay:0px 10px 24px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.04);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280}[data-rs-theme=figma][data-rs-color-mode=light]{--rs-color-background-primary:#0d99ff;--rs-color-background-primary-faded:#e5f4ff;--rs-color-border-primary:#007be5;--rs-color-border-primary-faded:#bde3ff;--rs-color-foreground-primary:#007be5;--rs-color-background-critical:#f24822;--rs-color-background-critical-faded:#ffe2e0;--rs-color-border-critical:#dc3412;--rs-color-border-critical-faded:#ffc7c2;--rs-color-foreground-critical:#dc3412;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fffae9;--rs-color-border-warning:#cfa90f;--rs-color-border-warning-faded:#ece2c4;--rs-color-foreground-warning:#7b6305;--rs-color-background-positive:#14ae5c;--rs-color-background-positive-faded:#daecdf;--rs-color-border-positive:#009951;--rs-color-border-positive-faded:#bbddc6;--rs-color-foreground-positive:#009951;--rs-color-background-neutral:#dfe2ea;--rs-color-background-neutral-faded:#f5f5f5;--rs-color-border-neutral:#e6e6e6;--rs-color-border-neutral-faded:#e6e6e6;--rs-color-foreground-neutral:#191919;--rs-color-foreground-neutral-faded:#474747;--rs-color-background-disabled:#e4e4e4;--rs-color-background-disabled-faded:#f5f5f5;--rs-color-border-disabled:#e6e6e6;--rs-color-foreground-disabled:#b2b2b2;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafafa;--rs-color-rgb-background-primary:13,153,255;--rs-color-rgb-background-primary-faded:229,244,255;--rs-color-rgb-background-critical:242,72,34;--rs-color-rgb-background-critical-faded:255,226,224;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,250,233;--rs-color-rgb-background-positive:20,174,92;--rs-color-rgb-background-positive-faded:218,236,223;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:223,226,234;--rs-color-rgb-background-neutral-faded:245,245,245;--rs-color-rgb-background-disabled:228,228,228;--rs-color-rgb-background-disabled-faded:245,245,245;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,250,250}[data-rs-theme=figma][data-rs-color-mode=dark]{--rs-color-background-primary:#0c8ce9;--rs-color-background-primary-faded:#394360;--rs-color-border-primary:#7cc4f8;--rs-color-border-primary-faded:#2a4d72;--rs-color-foreground-primary:#7cc4f8;--rs-color-background-critical:#e03e1a;--rs-color-background-critical-faded:#60332a;--rs-color-border-critical:#fca397;--rs-color-border-critical-faded:#803226;--rs-color-foreground-critical:#fca397;--rs-color-background-warning:#f1c512;--rs-color-background-warning-faded:#2c271f;--rs-color-border-warning:#b4920a;--rs-color-border-warning-faded:#453c1e;--rs-color-foreground-warning:#b4920c;--rs-color-background-positive:#198f51;--rs-color-background-positive-faded:#3d5749;--rs-color-border-positive:#79d297;--rs-color-border-positive-faded:#086338;--rs-color-foreground-positive:#79d297;--rs-color-background-neutral:#444;--rs-color-background-neutral-faded:#383838;--rs-color-border-neutral:#444;--rs-color-border-neutral-faded:#444;--rs-color-foreground-neutral:#fff;--rs-color-foreground-neutral-faded:#b2b2b2;--rs-color-background-disabled:#474747;--rs-color-background-disabled-faded:#3a3a3a;--rs-color-border-disabled:#3e3e3e;--rs-color-foreground-disabled:#656565;--rs-color-background-elevation-base:#2c2c2c;--rs-color-background-elevation-raised:#2c2c2c;--rs-color-background-elevation-overlay:#2c2c2c;--rs-color-background-page:#2c2c2c;--rs-color-background-page-faded:#1e1e1e;--rs-color-rgb-background-primary:12,140,233;--rs-color-rgb-background-primary-faded:57,67,96;--rs-color-rgb-background-critical:224,62,26;--rs-color-rgb-background-critical-faded:96,51,42;--rs-color-rgb-background-warning:241,197,18;--rs-color-rgb-background-warning-faded:44,39,31;--rs-color-rgb-background-positive:25,143,81;--rs-color-rgb-background-positive-faded:61,87,73;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:68,68,68;--rs-color-rgb-background-neutral-faded:56,56,56;--rs-color-rgb-background-disabled:71,71,71;--rs-color-rgb-background-disabled-faded:58,58,58;--rs-color-rgb-background-elevation-base:44,44,44;--rs-color-rgb-background-elevation-raised:44,44,44;--rs-color-rgb-background-elevation-overlay:44,44,44;--rs-color-rgb-background-page:44,44,44;--rs-color-rgb-background-page-faded:30,30,30}

package/dist/types/global.d.ts

@@ -3,7 +3,7 @@ type ClassNameValue = string | null | undefined | false;
 export type ClassName = ClassNameValue | ClassNameValue[] | ClassName[];
 export type CSSVariable = `--${string}`;
 export type StyleAttribute = React.CSSProperties | (React.CSSProperties & Record<CSSVariable, string | number | undefined>);
-type DataAttributes = {} | Record<`data-${string}`, string | boolean>;
+type DataAttributes = object | Record<`data-${string}`, string | boolean>;
 export type Attributes<TagName extends keyof React.JSX.IntrinsicElements = "div"> = React.JSX.IntrinsicElements[TagName] & DataAttributes & {
     style?: StyleAttribute;
 };
@@ -19,7 +19,7 @@ export type Coordinates = {
 /**
  * Form handlers
  */
-type ChangeHandlerArgs<Value, Event> = Value extends Boolean ? {
+type ChangeHandlerArgs<Value, Event> = Value extends boolean ? {
     name: string;
     value?: string;
     checked: Value;

package/dist/utilities/helpers.js

@@ -7,12 +7,14 @@ export const range = (start, end) => {
     return Array.from({ length: end - start + 1 }, (_, i) => start + i);
 };
 // from https://gist.github.com/ca0v/73a31f57b397606c9813472f7493a940
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 export const debounce = (cb, wait = 20) => {
     let timer;
     const callable = (...args) => {
         clearTimeout(timer);
         timer = setTimeout(() => cb(...args), wait);
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return callable;
 };
 export function debounceHandler(handler, timeout) {
@@ -23,6 +25,7 @@ export function debounceHandler(handler, timeout) {
         return debounced(event);
     };
 }
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 export const throttle = (cb, wait) => {
     let waiting = false;
     return (...args) => {
@@ -131,7 +134,7 @@ export const resolveViewportValue = (viewport, value) => {
     let result;
     if (!isResponsive(value))
         return value;
-    for (let currentViewport of viewports) {
+    for (const currentViewport of viewports) {
         const viewportValue = value[currentViewport];
         if (viewportValue !== undefined)
             result = viewportValue;

package/dist/utilities/platform.js

@@ -1,6 +1,7 @@
 const testPlatform = (re) => {
     // Using experimentral and deprecated features here since that's the only way to detect platform consistently
     const platform = 
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     window.navigator.userAgentData?.platform || window.navigator.platform;
     return typeof window !== "undefined" ? re.test(platform) : false;