@chronogrove/ui 0.76.0

package/src/__snapshots__/theme.spec.js.snap

@@ -0,0 +1,1027 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Theme Configuration a snapshot of the configuration matches the snapshot 1`] = `
+{
+  "badges": {
+    "metrics": {
+      "bg": "transparent",
+      "boxShadow": [Function],
+      "color": "text",
+      "fontSize": 1,
+    },
+    "outline": {
+      "bg": "transparent",
+      "boxShadow": "inset 0 0 0 1px",
+      "color": "primary",
+      "fontSize": 1,
+    },
+    "primary": {
+      "bg": "primary",
+      "color": "background",
+    },
+  },
+  "borderWidths": {
+    "0": "0px",
+    "2": "2px",
+    "4": "4px",
+    "8": "8px",
+    "default": "1px",
+  },
+  "breakpoints": [
+    "640px",
+    "768px",
+    "1024px",
+    "1280px",
+    "1536px",
+  ],
+  "buttons": {
+    "action": {
+      "&:active": {
+        "transform": "scale(0.98)",
+      },
+      "&:focus": {
+        "boxShadow": [Function],
+        "outline": "none",
+      },
+      "&:hover": {
+        "bg": [Function],
+      },
+      "bg": "transparent",
+      "border": "1px solid",
+      "borderColor": "primary",
+      "borderRadius": "6px",
+      "color": "primary",
+      "cursor": "pointer",
+      "fontWeight": "medium",
+      "transition": "all 0.2s ease",
+    },
+    "gray": {
+      "bg": "gray",
+      "color": "background",
+    },
+    "primary": {
+      "bg": "primary",
+      "color": "background",
+    },
+    "readMore": {
+      "&::before": {
+        "background": "linear-gradient(90deg, transparent, rgba(66, 46, 163, 0.1), transparent)",
+        "content": """",
+        "height": "100%",
+        "left": "-100%",
+        "position": "absolute",
+        "top": 0,
+        "transition": "left 0.5s ease-in-out",
+        "width": "100%",
+      },
+      "&:active": {
+        "boxShadow": "0 2px 8px rgba(66, 46, 163, 0.2)",
+        "transform": "translateY(0)",
+      },
+      "&:hover, &:focus": {
+        "&::before": {
+          "left": "100%",
+        },
+        "bg": "primary",
+        "boxShadow": "0 4px 12px rgba(66, 46, 163, 0.3)",
+        "color": "background",
+        "transform": "translateY(-2px)",
+      },
+      "bg": "transparent",
+      "border": [Function],
+      "borderRadius": "card",
+      "color": "primary",
+      "cursor": "pointer",
+      "fontSize": [
+        1,
+        2,
+      ],
+      "fontWeight": "medium",
+      "overflow": "hidden",
+      "position": "relative",
+      "px": 3,
+      "py": 2,
+      "transition": "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    },
+    "secondary": {
+      "bg": "secondary",
+      "color": "background",
+    },
+  },
+  "cards": {
+    "PostCard": {
+      "&:hover .read-more-icon": {
+        "opacity": 1,
+        "paddingLeft": "8px",
+      },
+      "&:hover, &:focus": {
+        "boxShadow": "lg",
+        "transform": "scale(1.015)",
+      },
+      ".card-media": {
+        "mb": 2,
+        "overflow": "hidden",
+      },
+      ".read-more-icon": {
+        "display": "inline",
+        "opacity": 0,
+        "paddingLeft": 0,
+        "transition": "all 250ms ease-in",
+      },
+      "WebkitBackdropFilter": "blur(10px)",
+      "backdropFilter": "blur(10px)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "backgroundColor": "var(--theme-ui-colors-panel-background)",
+      "border": "1px solid rgba(255, 255, 255, 0.15)",
+      "borderRadius": "10px",
+      "boxShadow": "0 4px 6px rgba(0, 0, 0, 0.1)",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "height": "100%",
+      "padding": 3,
+      "textDecoration": "none",
+      "transition": "all 200ms ease-in-out",
+    },
+    "StatusCardDark": {
+      "backgroundColor": "#1e2530",
+    },
+    "UserProfile": {
+      "background": "none",
+      "border": "none",
+      "color": "white",
+      "padding": [Function],
+    },
+    "UserProfileDark": {
+      "WebkitBackdropFilter": "blur(12px) saturate(150%)",
+      "backdropFilter": "blur(12px) saturate(150%)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "backgroundColor": "none",
+      "borderBottom": "none",
+      "borderRadius": "card",
+      "boxShadow": "none",
+      "color": "white",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": [Function],
+      "textDecoration": "none",
+    },
+    "actionCard": {
+      "&:hover, &:focus": {
+        "boxShadow": "lg",
+        "transform": "scale(1.015)",
+      },
+      "WebkitBackdropFilter": "blur(10px)",
+      "a": {
+        ":hover": "pointer",
+      },
+      "backdropFilter": "blur(10px)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "border": "1px solid rgba(255, 255, 255, 0.15)",
+      "borderLeft": [Function],
+      "borderRadius": "10px",
+      "boxShadow": "0 4px 6px rgba(0, 0, 0, 0.1)",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": 3,
+      "textDecoration": "none",
+      "transition": "all 200ms ease-in-out",
+    },
+    "aiSummary": {
+      "@keyframes blink": {
+        "0%, 50%": {
+          "opacity": 1,
+        },
+        "51%, 100%": {
+          "opacity": 0,
+        },
+      },
+      "@keyframes expandWidth": {
+        "0%": {
+          "width": "0%",
+        },
+        "100%": {
+          "width": "100%",
+        },
+      },
+      "@keyframes fadeInUp": {
+        "0%": {
+          "opacity": 0,
+          "transform": "translateY(20px)",
+        },
+        "100%": {
+          "opacity": 1,
+          "transform": "translateY(0)",
+        },
+      },
+      "@keyframes gentleBounce": {
+        "0%, 20%, 50%, 80%, 100%": {
+          "transform": "translateY(0)",
+        },
+        "40%": {
+          "transform": "translateY(-4px)",
+        },
+        "60%": {
+          "transform": "translateY(-2px)",
+        },
+      },
+      "@keyframes gentleFloat": {
+        "0%, 100%": {
+          "transform": "translateY(0px)",
+        },
+        "50%": {
+          "transform": "translateY(-4px)",
+        },
+      },
+      "@keyframes gentleGlow": {
+        "0%": {
+          "filter": "drop-shadow(0 0 12px rgba(66, 46, 163, 0.4))",
+        },
+        "100%": {
+          "filter": "drop-shadow(0 0 20px rgba(66, 46, 163, 0.7))",
+        },
+      },
+      "@keyframes pulse": {
+        "0%, 100%": {
+          "opacity": 1,
+        },
+        "50%": {
+          "opacity": 0.7,
+        },
+      },
+      "@keyframes slideDown": {
+        "0%": {
+          "maxHeight": "0px",
+          "opacity": 0,
+          "overflow": "hidden",
+        },
+        "100%": {
+          "maxHeight": "1000px",
+          "opacity": 1,
+          "overflow": "visible",
+        },
+      },
+      "@keyframes slideInFromLeft": {
+        "0%": {
+          "opacity": 0,
+          "transform": "translateX(-30px)",
+        },
+        "100%": {
+          "opacity": 1,
+          "transform": "translateX(0)",
+        },
+      },
+      "WebkitBackdropFilter": "blur(10px)",
+      "backdropFilter": "blur(10px)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "border": "1px solid rgba(255, 255, 255, 0.15)",
+      "borderLeft": [Function],
+      "borderRadius": "10px",
+      "boxShadow": "0 4px 6px rgba(0, 0, 0, 0.1)",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": 3,
+      "textDecoration": "none",
+    },
+    "metricCard": {
+      "WebkitBackdropFilter": "blur(12px) saturate(150%)",
+      "backdropFilter": "blur(12px) saturate(150%)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "backgroundColor": "var(--theme-ui-colors-panel-background)",
+      "borderRadius": "card",
+      "boxShadow": "none",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": 3,
+      "span": {
+        "fontFamily": "heading",
+        "fontWeight": "bold",
+        "padding": 2,
+      },
+      "textDecoration": "none",
+    },
+    "presentationalCard": {
+      "WebkitBackdropFilter": "blur(10px)",
+      "backdropFilter": "blur(10px)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "border": "1px solid rgba(255, 255, 255, 0.15)",
+      "borderLeft": [Function],
+      "borderRadius": "10px",
+      "boxShadow": "0 4px 6px rgba(0, 0, 0, 0.1)",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": 3,
+      "textDecoration": "none",
+    },
+    "primary": {
+      "WebkitBackdropFilter": "blur(12px) saturate(150%)",
+      "backdropFilter": "blur(12px) saturate(150%)",
+      "background": "var(--theme-ui-colors-panel-background)",
+      "borderRadius": "card",
+      "boxShadow": "default",
+      "color": "var(--theme-ui-colors-panel-text)",
+      "flexGrow": 1,
+      "fontSize": [
+        1,
+        2,
+      ],
+      "padding": 3,
+      "textDecoration": "none",
+    },
+  },
+  "colors": {
+    "accent": "deeppink",
+    "background": "#fdf8f5",
+    "modes": {
+      "dark": {
+        "background": "#14141F",
+        "panel-background": "rgba(20, 20, 31, 0.45)",
+        "panel-divider": [Function],
+        "panel-highlight": [Function],
+        "primary": "#4a9eff",
+        "primaryRgb": "74, 158, 255",
+        "tableBackground": "rgba(30, 30, 47, 0.45)",
+        "tableBorder": "rgba(255, 255, 255, 0.1)",
+        "tableHeaderBackground": "rgba(30, 37, 48, 0.8)",
+        "tableRowAlternateBackground": "rgba(30, 37, 48, 0.5)",
+        "tableRowBackground": "rgba(30, 30, 47, 0.25)",
+        "tableText": "#fff",
+        "text": "#fff",
+        "textMuted": "#d8d8d8",
+      },
+    },
+    "panel-background": "rgba(255, 255, 255, 0.45)",
+    "panel-divider": [Function],
+    "panel-highlight": [Function],
+    "primary": "#422EA3",
+    "primaryRgb": "66, 46, 163",
+    "secondary": "#711E9B",
+    "secondaryGradient": "linear-gradient(45deg, #4527a0 0%, #711e9b 100%)",
+    "tableBackground": "light",
+    "tableBorder": "muted",
+    "tableHeaderBackground": "#f4f4f9",
+    "tableRowAlternateBackground": "#fafafa",
+    "tableRowBackground": "transparent",
+    "tableText": "#111",
+    "text": "#111",
+    "textMuted": "#333",
+  },
+  "config": {
+    "initialColorModeName": "default",
+    "useColorSchemeMediaQuery": false,
+    "useCustomProperties": true,
+    "useLocalStorage": true,
+  },
+  "fontSizes": [
+    ".875rem",
+    "1rem",
+    "1.25rem",
+    "1.375rem",
+    "1.5rem",
+    "1.875rem",
+    "2.25rem",
+    "3rem",
+    "4rem",
+    "4.5rem",
+  ],
+  "fontWeights": {
+    "black": 900,
+    "body": 400,
+    "bold": 700,
+    "extrabold": 800,
+    "hairline": 100,
+    "heading": 700,
+    "light": 300,
+    "medium": 500,
+    "normal": 400,
+    "semibold": 600,
+    "thin": 200,
+  },
+  "fonts": {
+    "body": "Iowan Old Style, Apple Garamond, Georgia, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
+    "heading": "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+    "monospace": "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace",
+    "sans": "-apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+    "serif": "Iowan Old Style, Apple Garamond, Georgia, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
+  },
+  "global": {
+    "@keyframes wobble": {
+      "0%, 100%": {
+        "transform": "rotate(0deg)",
+      },
+      "15%": {
+        "transform": "rotate(-15deg)",
+      },
+      "30%": {
+        "transform": "rotate(10deg)",
+      },
+      "45%": {
+        "transform": "rotate(-10deg)",
+      },
+      "60%": {
+        "transform": "rotate(5deg)",
+      },
+      "75%": {
+        "transform": "rotate(-5deg)",
+      },
+    },
+    "@media (prefers-reduced-motion: reduce)": {
+      ".emoji": {
+        "animation": "none !important",
+      },
+    },
+  },
+  "inputs": {
+    "inline": {
+      "&:focus": {
+        "backgroundColor": "white",
+        "borderColor": "primary",
+        "outline": "none",
+      },
+      "appearance": "none",
+      "backgroundColor": "gray.2",
+      "borderColor": "gray.2",
+      "borderRadius": "default",
+      "borderStyle": "solid",
+      "borderWidth": "2px",
+      "color": "gray.7",
+      "fontSize": "100%",
+      "lineHeight": "tight",
+      "px": 3,
+      "py": 2,
+    },
+    "shadow": {
+      "&:focus": {
+        "boxShadow": "outline",
+        "outline": "none",
+      },
+      "appearance": "none",
+      "border": "none",
+      "borderRadius": "default",
+      "boxShadow": "default",
+      "color": "gray.7",
+      "fontSize": "100%",
+      "lineHeight": "tight",
+      "px": 3,
+      "py": 2,
+    },
+    "underline": {
+      "&:focus": {
+        "backgroundColor": "white",
+        "borderColor": "primary",
+        "outline": "none",
+      },
+      "appearance": "none",
+      "backgroundColor": "transparent",
+      "border": "none",
+      "borderBottomColor": "primary",
+      "borderBottomStyle": "solid",
+      "borderBottomWidth": "2px",
+      "borderRadius": "0px",
+      "color": "gray.7",
+      "fontSize": "100%",
+      "lineHeight": "tight",
+      "px": 3,
+      "py": 2,
+    },
+  },
+  "layout": {
+    "container": {
+      "maxWidth": [
+        "",
+        "98%",
+        "",
+        "",
+        "1440px",
+      ],
+      "px": [
+        3,
+        4,
+      ],
+      "py": [
+        2,
+        3,
+      ],
+    },
+  },
+  "letterSpacings": {
+    "normal": "0em",
+    "tight": "-0.025em",
+    "tighter": "-0.05em",
+    "wide": "0.025em",
+    "wider": "0.05em",
+    "widest": "0.1em",
+  },
+  "lineHeights": {
+    "10": "2.5rem",
+    "3": ".75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "9": "2.25rem",
+    "body": "1.625",
+    "heading": "1.25",
+    "loose": "2",
+    "none": "1",
+    "normal": "1.5",
+    "relaxed": "1.625",
+    "snug": "1.375",
+    "tight": "1.25",
+  },
+  "links": {
+    "widgetCta": {
+      "&:focus": {
+        "boxShadow": [Function],
+        "outline": "none",
+      },
+      "&:hover, &:focus": {
+        "color": "primary",
+        "textDecoration": "none",
+      },
+      "alignItems": "center",
+      "color": "text",
+      "display": "inline-flex",
+      "fontFamily": "heading",
+      "fontSize": 1,
+      "lineHeight": 1.25,
+      "textDecoration": "none",
+      "transform": "translateY(-1px)",
+      "transition": "color 0.2s ease",
+    },
+  },
+  "radii": {
+    "card": "8px",
+    "default": "4px",
+  },
+  "shadows": {
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "default": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    "lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  },
+  "sizes": {
+    "0": "0",
+    "1": "0.25rem",
+    "1/12": "8.333333%",
+    "1/2": "50%",
+    "1/3": "33.333333%",
+    "1/4": "25%",
+    "1/5": "20%",
+    "1/6": "16.666667%",
+    "10": "2.5rem",
+    "10/12": "83.333333%",
+    "11/12": "91.666667%",
+    "12": "3rem",
+    "16": "4rem",
+    "2": "0.5rem",
+    "2/12": "16.666667%",
+    "2/3": "66.666667%",
+    "2/4": "50%",
+    "2/5": "40%",
+    "2/6": "33.333333%",
+    "20": "5rem",
+    "24": "6rem",
+    "2xl": "42rem",
+    "3": "0.75rem",
+    "3/12": "25%",
+    "3/4": "75%",
+    "3/5": "60%",
+    "3/6": "50%",
+    "32": "8rem",
+    "3xl": "48rem",
+    "4": "1rem",
+    "4/12": "33.333333%",
+    "4/5": "80%",
+    "4/6": "66.666667%",
+    "40": "10rem",
+    "48": "12rem",
+    "4xl": "56rem",
+    "5": "1.25rem",
+    "5/12": "41.666667%",
+    "5/6": "83.333333%",
+    "56": "14rem",
+    "5xl": "64rem",
+    "6": "1.5rem",
+    "6/12": "50%",
+    "64": "16rem",
+    "6xl": "72rem",
+    "7/12": "58.333333%",
+    "7xl": "80rem",
+    "8": "2rem",
+    "8/12": "66.666667%",
+    "9/12": "75%",
+    "full": "100%",
+    "lg": "32rem",
+    "md": "28rem",
+    "prose": "65ch",
+    "px": "1px",
+    "screenHeight": "100vh",
+    "screenWidth": "100vw",
+    "sm": "24rem",
+    "xl": "36rem",
+    "xs": "20rem",
+  },
+  "space": [
+    "0",
+    "0.25rem",
+    "0.5rem",
+    "1rem",
+    "2rem",
+    "4rem",
+    "8rem",
+    "16rem",
+    "32rem",
+  ],
+  "styles": {
+    ".footnotes": {
+      "fontSize": [Function],
+    },
+    ".text-center": {
+      "textAlign": "center",
+    },
+    "Book": {
+      "&:hover, &:focus": {
+        "filter": [Function],
+        "transform": "scale(1.01)",
+        "transition": "all .35s ease-in-out",
+      },
+      "filter": [Function],
+    },
+    "Container": {
+      "px": [
+        3,
+        4,
+      ],
+      "py": [
+        2,
+        3,
+      ],
+    },
+    "GitHubCardFooter": {
+      "display": "flex",
+      "justifyContent": "space-between",
+      "mt": 2,
+    },
+    "GradientBanner": {
+      "@keyframes highlight": {
+        "100%": {
+          "backgroundPosition": "0 0, 0 0",
+        },
+      },
+      "alignItems": "center",
+      "animation": "highlight 3s infinite alternate",
+      "backgroundImage": "
+  linear-gradient(white, white),
+  linear-gradient(180deg, cornflowerblue, purple 50%, cornflowerblue)",
+      "backgroundOrigin": "padding-box, border-box",
+      "backgroundPosition": "0 0, 0 100%",
+      "backgroundRepeat": "no-repeat",
+      "backgroundSize": "100% 100%, 100% 200%",
+      "border": "20px solid transparent",
+      "boxSizing": "border-box",
+      "color": "black",
+      "display": "flex",
+      "height": "340px",
+      "justifyContent": "center",
+      "maxWidth": "100%",
+      "padding": "1rem",
+    },
+    "GradientBannerDark": {
+      "@keyframes highlight": {
+        "100%": {
+          "backgroundPosition": "0 0, 0 0",
+        },
+      },
+      "alignItems": "center",
+      "animation": "highlight 3s infinite alternate",
+      "backgroundImage": "
+        linear-gradient(#252e3c, #252e3c),
+        linear-gradient(270deg, #00D7B9, #B95DD7 50%, #FFB367 100%);",
+      "backgroundOrigin": "padding-box, border-box",
+      "backgroundPosition": "0 0, 0 100%",
+      "backgroundRepeat": "no-repeat",
+      "backgroundSize": "100% 100%, 100% 200%",
+      "border": "20px solid transparent",
+      "boxSizing": "border-box",
+      "color": "light",
+      "display": "flex",
+      "height": "340px",
+      "justifyContent": "center",
+      "maxWidth": "100%",
+      "padding": "1rem",
+    },
+    "Header": {
+      "alignItems": "center",
+      "color": "text",
+      "display": "block",
+      "transition": "all 0.3s ease-in-out",
+      "width": "100%",
+    },
+    "InstagramItem": {
+      "&:hover, &:focus": {
+        "boxShadow": "lg",
+        "transform": "scale(1.015)",
+      },
+      "background": "none",
+      "border": "none",
+      "borderRadius": "8px",
+      "boxShadow": "md",
+      "cursor": "pointer",
+      "overflow": "hidden",
+      "p": 0,
+      "transition": "all 200ms ease-in-out",
+    },
+    "IntroExperienceSlide": {
+      "&.active-slide": {
+        "display": "block",
+        "height": "auto",
+        "opacity": 1,
+        "visibility": "initial",
+      },
+      "display": "flex",
+      "height": 0,
+      "opacity": 0,
+      "visibility": "hidden",
+    },
+    "PageFooter": {
+      "a": {
+        "color": "text",
+      },
+      "color": "text",
+      "display": "block",
+      "width": "100%",
+      "zIndex": "10",
+    },
+    "TopNavigation": {
+      "color": "white",
+    },
+    "VideoWrapper": {
+      "height": 0,
+      "iframe": {
+        "border": 0,
+        "height": "100%",
+        "left": 0,
+        "position": "absolute",
+        "top": 0,
+        "width": "100%",
+      },
+      "paddingBottom": "56.25%",
+      "paddingTop": "25px",
+      "position": "relative",
+    },
+    "WidgetFooter": {
+      "color": "text",
+      "fontFamily": "heading",
+      "textAlign": [
+        "center",
+        "right",
+      ],
+    },
+    "outlined": {
+      "border": "4px solid #efefef",
+    },
+    "p": {
+      "fontSize": [
+        2,
+        3,
+      ],
+    },
+    "root": {
+      "color": "text",
+      "display": "flex",
+      "flexDirection": "column",
+      "fontFamily": "body",
+      "fontWeight": "body",
+      "lineHeight": "body",
+      "minHeight": "100vh",
+    },
+    "table": {
+      "backgroundColor": "rgba(255, 255, 255, 0.35)",
+      "borderCollapse": "collapse",
+      "borderRadius": "10px",
+      "borderSpacing": 0,
+      "boxShadow": "0 0 10px rgba(0, 0, 0, 0.1)",
+      "color": "tableText",
+      "marginBottom": "1.5rem",
+      "overflow": "hidden",
+      "tbody tr:nth-of-type(even)": {
+        "backgroundColor": "tableRowBackground",
+      },
+      "tbody tr:nth-of-type(odd)": {
+        "backgroundColor": "tableRowAlternateBackground",
+      },
+      "th": {
+        "backgroundColor": "tableHeaderBackground",
+        "fontWeight": "bold",
+        "letterSpacing": "0.05em",
+        "textTransform": "uppercase",
+      },
+      "th, td": {
+        "fontSize": "1.125em",
+        "padding": "12px 15px",
+        "textAlign": "left",
+      },
+      "width": "100%",
+    },
+    "tableDark": {
+      "WebkitBackdropFilter": "blur(10px)",
+      "backdropFilter": "blur(10px)",
+      "backgroundColor": "rgba(30, 30, 47, 0.35)",
+      "border": "1px solid rgba(255, 255, 255, 0.15)",
+      "borderCollapse": "collapse",
+      "borderRadius": "10px",
+      "borderSpacing": 0,
+      "boxShadow": "0 0 20px rgba(0, 0, 0, 0.3)",
+      "color": "tableText",
+      "marginBottom": "1.5rem",
+      "overflow": "hidden",
+      "tbody tr:nth-of-type(even)": {
+        "backgroundColor": "tableRowBackground",
+      },
+      "tbody tr:nth-of-type(odd)": {
+        "backgroundColor": "tableRowAlternateBackground",
+      },
+      "th": {
+        "backgroundColor": "tableHeaderBackground",
+        "fontWeight": "bold",
+        "letterSpacing": "0.05em",
+        "textTransform": "uppercase",
+      },
+      "th, td": {
+        "fontSize": "1.125em",
+        "padding": "12px 15px",
+        "textAlign": "left",
+      },
+      "width": "100%",
+    },
+    "text": {
+      "inverse": {
+        "color": "muted",
+      },
+      "title": {
+        "fontFamily": "fonts.sans",
+      },
+    },
+    "ul": {
+      "fontSize": [
+        2,
+        3,
+      ],
+    },
+  },
+  "text": {
+    "title": {
+      "color": "primary",
+      "fontFamily": "heading",
+      "fontSize": [
+        1,
+        2,
+      ],
+      "fontWeight": "550",
+      "textTransform": "uppercase",
+    },
+  },
+  "transforms": {
+    "rotate": {
+      "-180": "-180deg",
+      "-45": "-45deg",
+      "-90": "-90deg",
+      "0": "0",
+      "180": "180deg",
+      "45": "45deg",
+      "90": "90deg",
+    },
+    "scale": {
+      "0": "0",
+      "100": "1",
+      "105": "1.05",
+      "110": "1.1",
+      "125": "1.25",
+      "150": "1.5",
+      "50": ".5",
+      "75": ".75",
+      "90": ".9",
+      "95": ".95",
+    },
+    "skew": {
+      "-12": "-12deg",
+      "-3": "-3deg",
+      "-6": "-6deg",
+      "0": "0",
+      "12": "12deg",
+      "3": "3deg",
+      "6": "6deg",
+    },
+    "transformOrigin": {
+      "bottom": "bottom",
+      "bottom-left": "bottom left",
+      "bottom-right": "bottom right",
+      "center": "center",
+      "left": "left",
+      "right": "right",
+      "top": "top",
+      "top-left": "top left",
+      "top-right": "top right",
+    },
+    "translate": {
+      "-1/2": "-50%",
+      "-full": "-100%",
+      "0": "0",
+      "1": "0.25rem",
+      "1/2": "50%",
+      "10": "2.5rem",
+      "12": "3rem",
+      "16": "4rem",
+      "2": "0.5rem",
+      "20": "5rem",
+      "24": "6rem",
+      "3": "0.75rem",
+      "32": "8rem",
+      "4": "1rem",
+      "40": "10rem",
+      "48": "12rem",
+      "5": "1.25rem",
+      "56": "14rem",
+      "6": "1.5rem",
+      "64": "16rem",
+      "8": "2rem",
+      "full": "100%",
+      "px": "1px",
+    },
+  },
+  "transitions": {
+    "duration": {
+      "100": "100ms",
+      "1000": "1000ms",
+      "150": "150ms",
+      "200": "200ms",
+      "300": "300ms",
+      "500": "500ms",
+      "700": "700ms",
+      "75": "75ms",
+      "default": "150ms",
+    },
+    "property": {
+      "all": "all",
+      "colors": "background-color, border-color, color, fill, stroke",
+      "default": "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
+      "none": "none",
+      "opacity": "opacity",
+      "shadow": "box-shadow",
+      "transform": "transform",
+    },
+    "timingFunction": {
+      "default": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "in": "cubic-bezier(0.4, 0, 1, 1)",
+      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "linear": "linear",
+      "out": "cubic-bezier(0, 0, 0.2, 1)",
+    },
+  },
+  "variants": {
+    "cards": {
+      "dark": {
+        "backgroundColor": "teal",
+      },
+    },
+  },
+  "zIndices": {
+    "0": 0,
+    "10": 10,
+    "20": 20,
+    "30": 30,
+    "40": 40,
+    "50": 50,
+    "auto": "auto",
+  },
+}
+`;