@lolmath/ui 3.2.5 → 4.0.0

package/dist/es/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAkEO,mBAEE,KAFF;AAjEP,SAAS,WAAW,aAAa,oBAAoB;AACrD,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAEnB,MAAM,gBAAgB,GAAG;AAAA,EACxB,MAAM,CAAC,mDAAmD,YAAY;AAAA,EACtE,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACR;AAAA,EACD;AACD,CAAC;AAED,MAAM,qBAAqB,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAe,GAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,WAAW,iBAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,iCACC;AAAA,4BAAC,gBAAa,WAAU,2BACtB,WAACA,YACD,iCACC;AAAA,8BAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,oBAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACA,oBAAC,SAAI,WAAU,mBACb,iBAAO,aAAa,aAAa,SAAS,MAAM,IAAI,UACtD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,SAAS,sBAAsB","names":["values"],"ignoreList":[],"sources":["../../../src/components/tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from \"react-aria-components\";\nimport { Tooltip as AriaTooltip, OverlayArrow } from \"react-aria-components\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst tooltipBorder = tv({\n\tbase: [\"w-[280px] bg-gradient-to-t p-0.5 drop-shadow-lg\", goldGradient],\n\tvariants: {\n\t\tisEntering: {\n\t\t\ttrue: \"animate-in fade-in data-[placement=bottom]:slide-in-from-top-1 data-[placement=top]:slide-in-from-bottom-1 fill-mode-forwards duration-200 ease-out\",\n\t\t},\n\t\tisExiting: {\n\t\t\ttrue: \"animate-out fade-out data-[placement=bottom]:slide-out-to-top-1 data-[placement=top]:slide-out-to-bottom-1 fill-mode-forwards duration-150 ease-in\",\n\t\t},\n\t\tplacement: {\n\t\t\tbottom: \"mt-2\",\n\t\t\ttop: \"mb-2\",\n\t\t\tcenter: \"\",\n\t\t\tleft: \"\",\n\t\t\tright: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrowBorder = tv({\n\tbase: \"fill-lol-gold-500 absolute block h-5 w-5\",\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: \"-left-0.5 -translate-y-[1px]\",\n\t\t\tbottom: \"fill-lol-gold-200 -left-0.5 -translate-y-[3px] rotate-180\",\n\t\t\tleft: \"fill-lol-gold-400 -top-0.5 -translate-x-px -rotate-90\",\n\t\t\tright: \"fill-lol-gold-400 -top-0.5 -translate-x-[3px] rotate-90\",\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrow = tv({\n\tbase: \"fill-lol-grey-300 block h-4 w-4\",\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: \"-translate-y-0.5\",\n\t\t\tbottom: \"translate-y-0.5 rotate-180\",\n\t\t\tleft: \"-translate-x-0.5 -rotate-90\",\n\t\t\tright: \"translate-x-0.5 rotate-90\",\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nexport function Tooltip({ children, ...props }: TooltipProps) {\n\treturn (\n\t\t<AriaTooltip\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\ttooltipBorder({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(props?.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<OverlayArrow className=\"translate-y-1 transform\">\n\t\t\t\t\t\t{(values) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrowBorder(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrow(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayArrow>\n\t\t\t\t\t<div className=\"bg-lol-grey-300\">\n\t\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTooltip>\n\t);\n}\n\nexport { TooltipTrigger } from \"react-aria-components\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AA4DO,mBAEE,KAFF;AA5DP,SAAS,WAAW;AAEpB,SAAS,WAAW,aAAa,oBAAoB;AACrD,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,QAAQ,QAAQ;AAAA,MAChB,KAAK,QAAQ;AAAA,MACb,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAe,IAAI;AAAA,EACxB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,WAAW,iBAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,iCACC;AAAA,4BAAC,gBAAa,WAAU,2BACtB,WAACA,YACD,iCACC;AAAA,8BAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,oBAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF;AAEA,SAAS,sBAAsB","names":["values"],"ignoreList":[],"sources":["../../../src/components/tooltip.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { TooltipProps } from \"react-aria-components\";\nimport { Tooltip as AriaTooltip, OverlayArrow } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tooltip.module\";\n\nconst tooltipBorder = cva({\n\tbase: classes.tooltip,\n\tvariants: {\n\t\tplacement: {\n\t\t\tbottom: classes.bottom,\n\t\t\ttop: classes.top,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrowBorder = cva({\n\tbase: classes.arrowBorder,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrow = cva({\n\tbase: classes.arrow,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nexport function Tooltip({ children, ...props }: TooltipProps) {\n\treturn (\n\t\t<AriaTooltip\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\ttooltipBorder({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(props?.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<OverlayArrow className=\"translate-y-1 transform\">\n\t\t\t\t\t\t{(values) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrowBorder(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrow(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayArrow>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTooltip>\n\t);\n}\n\nexport { TooltipTrigger } from \"react-aria-components\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/tooltip.module.js

@@ -0,0 +1,7 @@
+import "./tooltip_module.css";
+var tooltip_default = { "tooltip": "tooltip_8d3f1", "top": "top_8d3f1", "bottom": "bottom_8d3f1", "arrowBorder": "arrowBorder_8d3f1", "left": "left_8d3f1", "right": "right_8d3f1", "arrow": "arrow_8d3f1" };
+export {
+  tooltip_default as default
+};
+
+//# sourceMappingURL=tooltip.module.js.map

package/dist/es/components/tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,OAAM,aAAY,UAAS,gBAAe,eAAc,qBAAoB,QAAO,cAAa,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/tooltip.module.css"],"sourcesContent":["import \"./tooltip_module.css\";export default {\"tooltip\":\"tooltip_8d3f1\",\"top\":\"top_8d3f1\",\"bottom\":\"bottom_8d3f1\",\"arrowBorder\":\"arrowBorder_8d3f1\",\"left\":\"left_8d3f1\",\"right\":\"right_8d3f1\",\"arrow\":\"arrow_8d3f1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/tooltip_module.css

@@ -0,0 +1,66 @@
+.tooltip_8d3f1 {
+	padding: 2px;
+	box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
+
+	border: 2px solid transparent;
+	background: var(--lol-button-background-gradient) padding-box,
+		var(--lol-button-border-gradient) border-box;
+	--lol-button-border-gradient: var(--lol-gradient-gold-press);
+	--lol-button-background-gradient: var(--lol-gradient-grey-300);
+}
+
+.tooltip_8d3f1 .top_8d3f1 {
+		margin-bottom: 0.5rem;
+	}
+
+.tooltip_8d3f1 .bottom_8d3f1 {
+		margin-top: 0.5rem;
+	}
+
+.arrowBorder_8d3f1 {
+	fill: var(--lol-color-gold-600);
+	position: absolute;
+	display: block;
+	height: 20px;
+	width: 20px;
+}
+
+.arrowBorder_8d3f1.top_8d3f1 {
+		transform: translateY(-0px) translateX(-4px);
+	}
+
+.arrowBorder_8d3f1.bottom_8d3f1 {
+		transform: translateY(-4px) rotate(180deg) translateX(4px);
+		fill: var(--lol-color-gold-500);
+	}
+
+.arrowBorder_8d3f1.left_8d3f1 {
+		transform: translateY(-4px) translateX(0px) rotate(-90deg);
+	}
+
+.arrowBorder_8d3f1.right_8d3f1 {
+		transform: translateY(-4px) translateX(-4px) rotate(90deg);
+	}
+
+.arrow_8d3f1 {
+	fill: var(--lol-color-grey-300);
+	display: block;
+	height: 16px;
+	width: 16px;
+}
+
+.arrow_8d3f1.top_8d3f1 {
+		transform: translateY(0px) translateX(-2px);
+	}
+
+.arrow_8d3f1.bottom_8d3f1 {
+		transform: translateY(-0px) translateX(-2px) rotate(180deg);
+	}
+
+.arrow_8d3f1.left_8d3f1 {
+		transform: translateY(-2px) translateX(0px) rotate(-90deg);
+	}
+
+.arrow_8d3f1.right_8d3f1 {
+		transform: translateY(-2px) translateX(0px) rotate(90deg);
+	}

package/dist/es/components/typography/heading.d.ts

@@ -1,52 +1,67 @@
-export type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
+export type HeadingColor = "gold100" | "gold200" | "gold400" | "grey100";
 export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
 interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
     preset?: HeadingElement;
     color?: HeadingColor;
     as?: HeadingElement | "span";
 }
-export declare const heading: import("tailwind-variants").TVReturnType<{
-    color: {
-        "gold-100": string;
-        "gold-200": string;
-        "gold-400": string;
-        "grey-100": string;
-    };
-    preset: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-    };
-}, undefined, "font-beaufort scroll-m-20 uppercase", any, {
-    color: {
-        "gold-100": string;
-        "gold-200": string;
-        "gold-400": string;
-        "grey-100": string;
-    };
-    preset: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    color: {
-        "gold-100": string;
-        "gold-200": string;
-        "gold-400": string;
-        "grey-100": string;
-    };
-    preset: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-    };
-}, undefined, "font-beaufort scroll-m-20 uppercase", TVConfig<V, EV>, unknown, unknown, undefined>>;
+export declare const heading: (props?: ({
+    color?: "grey100" | "gold100" | "gold200" | "gold400" | undefined;
+    preset?: "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
 export declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
 export {};

package/dist/es/components/typography/heading.js

@@ -1,27 +1,28 @@
 import { createElement } from "react";
-import { tv } from "../../utilities/tv.js";
-const heading = tv({
-  base: "font-beaufort scroll-m-20 uppercase",
+import classes from "./heading.module";
+import { cva } from "cva";
+const heading = cva({
+  base: classes.heading,
   variants: {
     color: {
-      "gold-100": "text-lol-gold-100",
-      "gold-200": "text-lol-gold-200",
-      "gold-400": "text-lol-gold-400",
-      "grey-100": "text-lol-grey-100"
+      gold100: classes.gold100,
+      gold200: classes.gold200,
+      gold400: classes.gold400,
+      grey100: classes.grey100
     },
     preset: {
-      h1: "text-lol-h1",
-      h2: "text-lol-h2",
-      h3: "text-lol-h3",
-      h4: "text-lol-h4",
-      h5: "text-lol-h5"
+      h1: classes.h1,
+      h2: classes.h2,
+      h3: classes.h3,
+      h4: classes.h4,
+      h5: classes.h5
     }
   }
 });
 function Heading({
   as,
   preset = "h1",
-  color = "gold-100",
+  color = "gold100",
   className,
   ...rest
 }) {

package/dist/es/components/typography/heading.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,UAAU;AAeZ,MAAM,UAAU,GAAG;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA8B;AAC7B,QAAM,WAAW,MAAM;AAEvB,SAAO,cAAc,UAAU;AAAA,IAC9B,GAAG;AAAA,IACH,WAAW,QAAQ,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAChD,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/heading.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport { tv } from \"../../utilities/tv.js\";\n\nexport type HeadingColor = \"gold-100\" | \"gold-200\" | \"gold-400\" | \"grey-100\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\";\n\ninterface HeadingProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLHeadingElement>,\n\t\tHTMLHeadingElement\n\t> {\n\tpreset?: HeadingElement;\n\tcolor?: HeadingColor;\n\tas?: HeadingElement | \"span\";\n}\n\nexport const heading = tv({\n\tbase: \"font-beaufort scroll-m-20 uppercase\",\n\tvariants: {\n\t\tcolor: {\n\t\t\t\"gold-100\": \"text-lol-gold-100\",\n\t\t\t\"gold-200\": \"text-lol-gold-200\",\n\t\t\t\"gold-400\": \"text-lol-gold-400\",\n\t\t\t\"grey-100\": \"text-lol-grey-100\",\n\t\t},\n\t\tpreset: {\n\t\t\th1: \"text-lol-h1\",\n\t\t\th2: \"text-lol-h2\",\n\t\t\th3: \"text-lol-h3\",\n\t\t\th4: \"text-lol-h4\",\n\t\t\th5: \"text-lol-h5\",\n\t\t},\n\t},\n});\n\nexport function Heading({\n\tas,\n\tpreset = \"h1\",\n\tcolor = \"gold-100\",\n\tclassName,\n\t...rest\n}: HeadingProps): JSX.Element {\n\tconst resultAs = as ?? preset;\n\n\treturn createElement(resultAs, {\n\t\t...rest,\n\t\tclassName: heading({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B,OAAO,aAAa;AACpB,SAAS,WAAW;AAeb,MAAM,UAAU,IAAI;AAAA,EAC1B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,IACb;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA8B;AAC7B,QAAM,WAAW,MAAM;AAEvB,SAAO,cAAc,UAAU;AAAA,IAC9B,GAAG;AAAA,IACH,WAAW,QAAQ,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAChD,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/heading.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport classes from \"./heading.module\";\nimport { cva } from \"cva\";\n\nexport type HeadingColor = \"gold100\" | \"gold200\" | \"gold400\" | \"grey100\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\";\n\ninterface HeadingProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLHeadingElement>,\n\t\tHTMLHeadingElement\n\t> {\n\tpreset?: HeadingElement;\n\tcolor?: HeadingColor;\n\tas?: HeadingElement | \"span\";\n}\n\nexport const heading = cva({\n\tbase: classes.heading,\n\tvariants: {\n\t\tcolor: {\n\t\t\tgold100: classes.gold100,\n\t\t\tgold200: classes.gold200,\n\t\t\tgold400: classes.gold400,\n\t\t\tgrey100: classes.grey100,\n\t\t},\n\t\tpreset: {\n\t\t\th1: classes.h1,\n\t\t\th2: classes.h2,\n\t\t\th3: classes.h3,\n\t\t\th4: classes.h4,\n\t\t\th5: classes.h5,\n\t\t},\n\t},\n});\n\nexport function Heading({\n\tas,\n\tpreset = \"h1\",\n\tcolor = \"gold100\",\n\tclassName,\n\t...rest\n}: HeadingProps): JSX.Element {\n\tconst resultAs = as ?? preset;\n\n\treturn createElement(resultAs, {\n\t\t...rest,\n\t\tclassName: heading({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/typography/heading.module.js

@@ -0,0 +1,7 @@
+import "./heading_module.css";
+var heading_default = { "heading": "heading_1c9d4", "h1": "h1_1c9d4", "h2": "h2_1c9d4", "h3": "h3_1c9d4", "h4": "h4_1c9d4", "h5": "h5_1c9d4", "grey100": "grey100_1c9d4", "gold100": "gold100_1c9d4", "gold200": "gold200_1c9d4", "gold400": "gold400_1c9d4" };
+export {
+  heading_default as default
+};
+
+//# sourceMappingURL=heading.module.js.map

package/dist/es/components/typography/heading.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/heading.module.css"],"sourcesContent":["import \"./heading_module.css\";export default {\"heading\":\"heading_1c9d4\",\"h1\":\"h1_1c9d4\",\"h2\":\"h2_1c9d4\",\"h3\":\"h3_1c9d4\",\"h4\":\"h4_1c9d4\",\"h5\":\"h5_1c9d4\",\"grey100\":\"grey100_1c9d4\",\"gold100\":\"gold100_1c9d4\",\"gold200\":\"gold200_1c9d4\",\"gold400\":\"gold400_1c9d4\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/typography/heading_module.css

@@ -0,0 +1,56 @@
+.heading_1c9d4 {
+	font-family: var(--lol-font-family-beaufort);
+	scroll-margin-top: 5rem;
+	text-transform: uppercase;
+}
+
+.h1_1c9d4 {
+	font-size: var(--lol-font-size-h1);
+	line-height: var(--lol-line-height-h1);
+	letter-spacing: var(--lol-letter-spacing-h1);
+	font-weight: var(--lol-font-weight-h1);
+}
+
+.h2_1c9d4 {
+	font-size: var(--lol-font-size-h2);
+	line-height: var(--lol-line-height-h2);
+	letter-spacing: var(--lol-letter-spacing-h2);
+	font-weight: var(--lol-font-weight-h2);
+}
+
+.h3_1c9d4 {
+	font-size: var(--lol-font-size-h3);
+	line-height: var(--lol-line-height-h3);
+	letter-spacing: var(--lol-letter-spacing-h3);
+	font-weight: var(--lol-font-weight-h3);
+}
+
+.h4_1c9d4 {
+	font-size: var(--lol-font-size-h4);
+	line-height: var(--lol-line-height-h4);
+	letter-spacing: var(--lol-letter-spacing-h4);
+	font-weight: var(--lol-font-weight-h4);
+}
+
+.h5_1c9d4 {
+	font-size: var(--lol-font-size-h5);
+	line-height: var(--lol-line-height-h5);
+	letter-spacing: var(--lol-letter-spacing-h5);
+	font-weight: var(--lol-font-weight-h5);
+}
+
+.grey100_1c9d4 {
+	color: var(--lol-color-grey-100);
+}
+
+.gold100_1c9d4 {
+	color: var(--lol-color-gold-100);
+}
+
+.gold200_1c9d4 {
+	color: var(--lol-color-gold-200);
+}
+
+.gold400_1c9d4 {
+	color: var(--lol-color-gold-400);
+}

package/dist/es/components/typography/text.d.ts

@@ -1,7 +1,7 @@
 import { type LabelProps as AriaLabelProps } from "react-aria-components";
-export type TextColor = "grey-100" | "grey-150" | "gold-100";
+export type TextColor = "grey100" | "grey150" | "gold100";
 export type TextElement = "p" | "span" | "div";
-export type TextPreset = "sm" | "base" | "md" | "lg" | "large-number" | "stat";
+export type TextPreset = "sm" | "base" | "md" | "lg" | "largeNumber" | "stat";
 interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     preset?: TextPreset;
     color?: TextColor;

package/dist/es/components/typography/text.js

@@ -2,38 +2,39 @@ import { createElement } from "react";
 import {
   Label as AriaLabel
 } from "react-aria-components";
-import { tv } from "../../utilities/tv.js";
+import { cva } from "cva";
+import classes from "./text.module";
 const presetElements = {
   sm: "p",
   base: "p",
   md: "p",
   lg: "p",
-  "large-number": "span",
+  largeNumber: "span",
   stat: "span"
 };
-const text = tv({
-  base: "font-spiegel",
+const text = cva({
+  base: classes.text,
   variants: {
     color: {
-      "grey-100": "text-lol-grey-100",
-      "grey-150": "text-lol-grey-150",
-      "gold-100": "text-lol-gold-100"
+      grey100: classes.grey100,
+      grey150: classes.grey150,
+      gold100: classes.gold100
     },
     preset: {
-      sm: "text-lol-sm",
-      base: "text-lol-base",
-      md: "text-lol-md",
-      lg: "text-lol-lg",
-      label: "text-lol-label",
-      "large-number": "text-lol-large-number font-beaufort italic",
-      stat: "text-lol-stat font-beaufort"
+      sm: classes.sm,
+      base: classes.base,
+      md: classes.md,
+      lg: classes.lg,
+      label: classes.label,
+      largeNumber: classes.largeNumber,
+      stat: classes.stat
     }
   }
 });
 function Text({
   as = "p",
   preset = "base",
-  color = "grey-100",
+  color = "grey100",
   className,
   ...rest
 }) {
@@ -45,7 +46,7 @@ function Text({
 }
 function Label({
   preset = "sm",
-  color = "grey-100",
+  color = "grey100",
   className,
   ...rest
 }) {

package/dist/es/components/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B;AAAA,EACC,SAAS;AAAA,OAEH;AACP,SAAS,UAAU;AAMnB,MAAM,iBAAkD;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,gBAAgB;AAAA,EAChB,MAAM;AACP;AAEA,MAAM,OAAO,GAAG;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAWM,SAAS,KAAK;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA2B;AAC1B,QAAM,cAAc,MAAM,eAAe,MAAM;AAC/C,SAAO,cAAc,aAAa;AAAA,IACjC,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF;AAOO,SAAS,MAAM;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA4B;AAC3B,SAAO,cAAc,WAAW;AAAA,IAC/B,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport {\n\tLabel as AriaLabel,\n\ttype LabelProps as AriaLabelProps,\n} from \"react-aria-components\";\nimport { tv } from \"../../utilities/tv.js\";\n\nexport type TextColor = \"grey-100\" | \"grey-150\" | \"gold-100\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\nexport type TextPreset = \"sm\" | \"base\" | \"md\" | \"lg\" | \"large-number\" | \"stat\";\n\nconst presetElements: Record<TextPreset, TextElement> = {\n\tsm: \"p\",\n\tbase: \"p\",\n\tmd: \"p\",\n\tlg: \"p\",\n\t\"large-number\": \"span\",\n\tstat: \"span\",\n};\n\nconst text = tv({\n\tbase: \"font-spiegel\",\n\tvariants: {\n\t\tcolor: {\n\t\t\t\"grey-100\": \"text-lol-grey-100\",\n\t\t\t\"grey-150\": \"text-lol-grey-150\",\n\t\t\t\"gold-100\": \"text-lol-gold-100\",\n\t\t},\n\t\tpreset: {\n\t\t\tsm: \"text-lol-sm\",\n\t\t\tbase: \"text-lol-base\",\n\t\t\tmd: \"text-lol-md\",\n\t\t\tlg: \"text-lol-lg\",\n\t\t\tlabel: \"text-lol-label\",\n\t\t\t\"large-number\": \"text-lol-large-number font-beaufort italic\",\n\t\t\tstat: \"text-lol-stat font-beaufort\",\n\t\t},\n\t},\n});\n\ninterface TextProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLElement>,\n\t\tHTMLElement\n\t> {\n\tpreset?: TextPreset;\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Text({\n\tas = \"p\",\n\tpreset = \"base\",\n\tcolor = \"grey-100\",\n\tclassName,\n\t...rest\n}: TextProps): JSX.Element {\n\tconst elementType = as ?? presetElements[preset];\n\treturn createElement(elementType, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n\ninterface LabelProps extends AriaLabelProps {\n\tpreset?: TextPreset | \"label\";\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Label({\n\tpreset = \"sm\",\n\tcolor = \"grey-100\",\n\tclassName,\n\t...rest\n}: LabelProps): JSX.Element {\n\treturn createElement(AriaLabel, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B;AAAA,EACC,SAAS;AAAA,OAEH;AACP,SAAS,WAAW;AACpB,OAAO,aAAa;AAMpB,MAAM,iBAAkD;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,aAAa;AAAA,EACb,MAAM;AACP;AAEA,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,QAAQ;AAAA,MACZ,MAAM,QAAQ;AAAA,MACd,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAWM,SAAS,KAAK;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA2B;AAC1B,QAAM,cAAc,MAAM,eAAe,MAAM;AAC/C,SAAO,cAAc,aAAa;AAAA,IACjC,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF;AAOO,SAAS,MAAM;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA4B;AAC3B,SAAO,cAAc,WAAW;AAAA,IAC/B,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport {\n\tLabel as AriaLabel,\n\ttype LabelProps as AriaLabelProps,\n} from \"react-aria-components\";\nimport { cva } from \"cva\";\nimport classes from \"./text.module\";\n\nexport type TextColor = \"grey100\" | \"grey150\" | \"gold100\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\nexport type TextPreset = \"sm\" | \"base\" | \"md\" | \"lg\" | \"largeNumber\" | \"stat\";\n\nconst presetElements: Record<TextPreset, TextElement> = {\n\tsm: \"p\",\n\tbase: \"p\",\n\tmd: \"p\",\n\tlg: \"p\",\n\tlargeNumber: \"span\",\n\tstat: \"span\",\n};\n\nconst text = cva({\n\tbase: classes.text,\n\tvariants: {\n\t\tcolor: {\n\t\t\tgrey100: classes.grey100,\n\t\t\tgrey150: classes.grey150,\n\t\t\tgold100: classes.gold100,\n\t\t},\n\t\tpreset: {\n\t\t\tsm: classes.sm,\n\t\t\tbase: classes.base,\n\t\t\tmd: classes.md,\n\t\t\tlg: classes.lg,\n\t\t\tlabel: classes.label,\n\t\t\tlargeNumber: classes.largeNumber,\n\t\t\tstat: classes.stat,\n\t\t},\n\t},\n});\n\ninterface TextProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLElement>,\n\t\tHTMLElement\n\t> {\n\tpreset?: TextPreset;\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Text({\n\tas = \"p\",\n\tpreset = \"base\",\n\tcolor = \"grey100\",\n\tclassName,\n\t...rest\n}: TextProps): JSX.Element {\n\tconst elementType = as ?? presetElements[preset];\n\treturn createElement(elementType, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n\ninterface LabelProps extends AriaLabelProps {\n\tpreset?: TextPreset | \"label\";\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Label({\n\tpreset = \"sm\",\n\tcolor = \"grey100\",\n\tclassName,\n\t...rest\n}: LabelProps): JSX.Element {\n\treturn createElement(AriaLabel, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/typography/text.module.js

@@ -0,0 +1,7 @@
+import "./text_module.css";
+var text_default = { "text": "text_63391", "label": "label_63391", "stat": "stat_63391", "largeNumber": "largeNumber_63391", "sm": "sm_63391", "base": "base_63391", "md": "md_63391", "lg": "lg_63391", "grey100": "grey100_63391", "grey150": "grey150_63391", "gold100": "gold100_63391" };
+export {
+  text_default as default
+};
+
+//# sourceMappingURL=text.module.js.map

package/dist/es/components/typography/text.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,cAAa,SAAQ,eAAc,QAAO,cAAa,eAAc,qBAAoB,MAAK,YAAW,QAAO,cAAa,MAAK,YAAW,MAAK,YAAW,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/text.module.css"],"sourcesContent":["import \"./text_module.css\";export default {\"text\":\"text_63391\",\"label\":\"label_63391\",\"stat\":\"stat_63391\",\"largeNumber\":\"largeNumber_63391\",\"sm\":\"sm_63391\",\"base\":\"base_63391\",\"md\":\"md_63391\",\"lg\":\"lg_63391\",\"grey100\":\"grey100_63391\",\"grey150\":\"grey150_63391\",\"gold100\":\"gold100_63391\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/typography/text_module.css

@@ -0,0 +1,64 @@
+.text_63391 {
+	font-family: var(--lol-font-family-spiegel);
+}
+
+.label_63391 {
+	font-size: var(--lol-font-size-label);
+	line-height: var(--lol-line-height-label);
+	letter-spacing: var(--lol-letter-spacing-label);
+	font-weight: var(--lol-font-weight-label);
+}
+
+.stat_63391 {
+	font-size: var(--lol-font-size-stat);
+	line-height: var(--lol-line-height-stat);
+	letter-spacing: var(--lol-letter-spacing-stat);
+	font-weight: var(--lol-font-weight-stat);
+}
+
+.largeNumber_63391 {
+	font-size: var(--lol-font-size-large-number);
+	line-height: var(--lol-line-height-large-number);
+	letter-spacing: var(--lol-letter-spacing-large-number);
+	font-weight: var(--lol-font-weight-large-number);
+}
+
+.sm_63391 {
+	font-size: var(--lol-font-size-sm);
+	line-height: var(--lol-line-height-sm);
+	letter-spacing: var(--lol-letter-spacing-sm);
+	font-weight: var(--lol-font-weight-sm);
+}
+
+.base_63391 {
+	font-size: var(--lol-font-size-base);
+	line-height: var(--lol-line-height-base);
+	letter-spacing: var(--lol-letter-spacing-base);
+	font-weight: var(--lol-font-weight-base);
+}
+
+.md_63391 {
+	font-size: var(--lol-font-size-md);
+	line-height: var(--lol-line-height-md);
+	letter-spacing: var(--lol-letter-spacing-md);
+	font-weight: var(--lol-font-weight-md);
+}
+
+.lg_63391 {
+	font-size: var(--lol-font-size-lg);
+	line-height: var(--lol-line-height-lg);
+	letter-spacing: var(--lol-letter-spacing-lg);
+	font-weight: var(--lol-font-weight-lg);
+}
+
+.grey100_63391 {
+	color: var(--lol-color-grey-100);
+}
+
+.grey150_63391 {
+	color: var(--lol-color-grey-150);
+}
+
+.gold100_63391 {
+	color: var(--lol-color-gold-100);
+}

package/dist/es/index.d.ts

@@ -1,15 +1,16 @@
-export * from "./components/breadcrumbs.js";
 export * from "./components/accordion.js";
+export * from "./components/breadcrumbs.js";
+export * from "./components/button-link.js";
 export * from "./components/button.js";
 export * from "./components/card.js";
-export * from "./components/checkbox.js";
+export * from "./components/checkbox/checkbox.js";
 export * from "./components/divider.js";
 export * from "./components/modal.js";
 export * from "./components/number-field.js";
 export * from "./components/progress-bar.js";
-export * from "./components/radio-group.js";
-export * from "./components/search-field.js";
-export * from "./components/select.js";
+export * from "./components/radio-group/radio-group.js";
+export * from "./components/search-field/search-field.js";
+export * from "./components/select/select.js";
 export * from "./components/slider/slider.js";
 export * from "./components/spinner/spinner.js";
 export * from "./components/switch.js";
@@ -20,5 +21,3 @@ export * from "./components/toggle-button.js";
 export * from "./components/tooltip.js";
 export * from "./components/typography/heading.js";
 export * from "./components/typography/text.js";
-export * from "./utilities/gradient.js";
-export * from "./utilities/tv.js";

package/dist/es/index.js

@@ -1,15 +1,16 @@
-export * from "./components/breadcrumbs.js";
 export * from "./components/accordion.js";
+export * from "./components/breadcrumbs.js";
+export * from "./components/button-link.js";
 export * from "./components/button.js";
 export * from "./components/card.js";
-export * from "./components/checkbox.js";
+export * from "./components/checkbox/checkbox.js";
 export * from "./components/divider.js";
 export * from "./components/modal.js";
 export * from "./components/number-field.js";
 export * from "./components/progress-bar.js";
-export * from "./components/radio-group.js";
-export * from "./components/search-field.js";
-export * from "./components/select.js";
+export * from "./components/radio-group/radio-group.js";
+export * from "./components/search-field/search-field.js";
+export * from "./components/select/select.js";
 export * from "./components/slider/slider.js";
 export * from "./components/spinner/spinner.js";
 export * from "./components/switch.js";
@@ -20,7 +21,5 @@ export * from "./components/toggle-button.js";
 export * from "./components/tooltip.js";
 export * from "./components/typography/heading.js";
 export * from "./components/typography/text.js";
-export * from "./utilities/gradient.js";
-export * from "./utilities/tv.js";
 
 //# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./components/breadcrumbs.js\";\nexport * from \"./components/accordion.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group.js\";\nexport * from \"./components/search-field.js\";\nexport * from \"./components/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\nexport * from \"./utilities/gradient.js\";\nexport * from \"./utilities/tv.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs.js\";\nexport * from \"./components/button-link.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group/radio-group.js\";\nexport * from \"./components/search-field/search-field.js\";\nexport * from \"./components/select/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}