npm - @stakekit/widget - Versions diffs - 0.0.1 - Mend

@stakekit/widget 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/dist/package/types/src/styles/theme/atoms.css.d.ts ADDED Viewed

@@ -0,0 +1,124 @@
+export declare const atoms: ((props: {
+    readonly position?: "sticky" | "relative" | "absolute" | undefined;
+    readonly opacity?: 0 | 1 | 0.1 | 0.5 | undefined;
+    readonly zIndex?: "auto" | "base" | "hide" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "skipLink" | undefined;
+    readonly fontWeight?: "tokenSelect" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "modalHeading" | "primaryButton" | "secondaryButton" | undefined;
+    readonly border?: "none" | undefined;
+    readonly gap?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    readonly borderRadius?: "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "none" | "base" | "primaryButton" | "secondaryButton" | "full" | "half" | "widgetBorderRadius" | undefined;
+    readonly textAlign?: "left" | "right" | "center" | undefined;
+    readonly flex?: 1 | 2 | 3 | 4 | 5 | undefined;
+    readonly lineHeight?: "3xl" | "4xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | "none" | "shorter" | "short" | "base" | "tall" | "taller" | undefined;
+    readonly letterSpacing?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
+    readonly borderWidth?: 1 | 2 | 3 | 0.5 | undefined;
+    readonly borderStyle?: "solid" | undefined;
+} & {
+    readonly display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
+        mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+        tablet?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+    } | undefined;
+    readonly fontSize?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | {
+        mobile?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | undefined;
+        tablet?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | undefined;
+    } | undefined;
+    readonly marginTop?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginBottom?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginRight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginLeft?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingTop?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingBottom?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingRight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingLeft?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly alignItems?: "center" | "flex-end" | "flex-start" | {
+        mobile?: "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    readonly justifyContent?: "center" | "space-between" | "flex-end" | "flex-start" | {
+        mobile?: "center" | "space-between" | "flex-end" | "flex-start" | undefined;
+        tablet?: "center" | "space-between" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
+        mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        tablet?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    } | undefined;
+    readonly flexWrap?: "wrap" | "nowrap" | {
+        mobile?: "wrap" | "nowrap" | undefined;
+        tablet?: "wrap" | "nowrap" | undefined;
+    } | undefined;
+    readonly height?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly width?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly minWidth?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly minHeight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    px?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    py?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    mx?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    my?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    hw?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+} & {
+    color?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+    background?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+    borderColor?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+}) => string) & {
+    properties: Set<"color" | "fontSize" | "letterSpacing" | "lineHeight" | "fontWeight" | "borderRadius" | "background" | "px" | "alignItems" | "display" | "flexDirection" | "flexWrap" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "opacity" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "width" | "zIndex" | "border" | "borderColor" | "borderStyle" | "borderWidth" | "flex" | "gap" | "py" | "mx" | "my" | "hw">;
+};
+export type Atoms = Parameters<typeof atoms>[0];