@lolmath/ui 0.0.0-20240810205542

package/dist/es/components/tooltip_module.css

@@ -0,0 +1,68 @@
+@layer lol {
+	.tooltip_b2492 {
+		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_b2492 .top_b2492 {
+			margin-bottom: 0.5rem;
+		}
+
+		.tooltip_b2492 .bottom_b2492 {
+			margin-top: 0.5rem;
+		}
+
+	.arrowBorder_b2492 {
+		fill: var(--lol-color-gold-600);
+		position: absolute;
+		display: block;
+		height: 20px;
+		width: 20px;
+	}
+
+		.arrowBorder_b2492.top_b2492 {
+			transform: translateY(-0px) translateX(-4px);
+		}
+
+		.arrowBorder_b2492.bottom_b2492 {
+			transform: translateY(-4px) rotate(180deg) translateX(4px);
+			fill: var(--lol-color-gold-500);
+		}
+
+		.arrowBorder_b2492.left_b2492 {
+			transform: translateY(-4px) translateX(0px) rotate(-90deg);
+		}
+
+		.arrowBorder_b2492.right_b2492 {
+			transform: translateY(-4px) translateX(-4px) rotate(90deg);
+		}
+
+	.arrow_b2492 {
+		fill: var(--lol-color-grey-300);
+		display: block;
+		height: 16px;
+		width: 16px;
+	}
+
+		.arrow_b2492.top_b2492 {
+			transform: translateY(0px) translateX(-2px);
+		}
+
+		.arrow_b2492.bottom_b2492 {
+			transform: translateY(-0px) translateX(-2px) rotate(180deg);
+		}
+
+		.arrow_b2492.left_b2492 {
+			transform: translateY(-2px) translateX(0px) rotate(-90deg);
+		}
+
+		.arrow_b2492.right_b2492 {
+			transform: translateY(-2px) translateX(0px) rotate(90deg);
+		}
+}

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

@@ -0,0 +1,67 @@
+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: (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

@@ -0,0 +1,40 @@
+import { createElement } from "react";
+import classes from "./heading.module";
+import { cva } from "cva";
+const heading = cva({
+  base: classes.heading,
+  variants: {
+    color: {
+      gold100: classes.gold100,
+      gold200: classes.gold200,
+      gold400: classes.gold400,
+      grey100: classes.grey100
+    },
+    preset: {
+      h1: classes.h1,
+      h2: classes.h2,
+      h3: classes.h3,
+      h4: classes.h4,
+      h5: classes.h5
+    }
+  }
+});
+function Heading({
+  as,
+  preset = "h1",
+  color = "gold100",
+  className,
+  ...rest
+}) {
+  const resultAs = as ?? preset;
+  return createElement(resultAs, {
+    ...rest,
+    className: heading({ preset, color, className })
+  });
+}
+export {
+  Heading,
+  heading
+};
+
+//# sourceMappingURL=heading.js.map

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

@@ -0,0 +1 @@
+{"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_19d8e", "h1": "h1_19d8e", "h2": "h2_19d8e", "h3": "h3_19d8e", "h4": "h4_19d8e", "h5": "h5_19d8e", "grey100": "grey100_19d8e", "gold100": "gold100_19d8e", "gold200": "gold200_19d8e", "gold400": "gold400_19d8e" };
+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_19d8e\",\"h1\":\"h1_19d8e\",\"h2\":\"h2_19d8e\",\"h3\":\"h3_19d8e\",\"h4\":\"h4_19d8e\",\"h5\":\"h5_19d8e\",\"grey100\":\"grey100_19d8e\",\"gold100\":\"gold100_19d8e\",\"gold200\":\"gold200_19d8e\",\"gold400\":\"gold400_19d8e\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,58 @@
+@layer lol {
+	.heading_19d8e {
+		font-family: var(--lol-font-family-beaufort);
+		scroll-margin-top: 5rem;
+		text-transform: uppercase;
+	}
+
+	.h1_19d8e {
+		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_19d8e {
+		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_19d8e {
+		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_19d8e {
+		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_19d8e {
+		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_19d8e {
+		color: var(--lol-color-grey-100);
+	}
+
+	.gold100_19d8e {
+		color: var(--lol-color-gold-100);
+	}
+
+	.gold200_19d8e {
+		color: var(--lol-color-gold-200);
+	}
+
+	.gold400_19d8e {
+		color: var(--lol-color-gold-400);
+	}
+}

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

@@ -0,0 +1,17 @@
+import { type LabelProps as AriaLabelProps } from "react-aria-components";
+export type TextColor = "grey100" | "grey150" | "gold100";
+export type TextElement = "p" | "span" | "div";
+export type TextPreset = "sm" | "base" | "md" | "lg" | "largeNumber" | "stat";
+interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    preset?: TextPreset;
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
+interface LabelProps extends AriaLabelProps {
+    preset?: TextPreset | "label";
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
+export {};

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

@@ -0,0 +1,63 @@
+import { createElement } from "react";
+import {
+  Label as AriaLabel
+} from "react-aria-components";
+import { cva } from "cva";
+import classes from "./text.module";
+const presetElements = {
+  sm: "p",
+  base: "p",
+  md: "p",
+  lg: "p",
+  largeNumber: "span",
+  stat: "span"
+};
+const text = cva({
+  base: classes.text,
+  variants: {
+    color: {
+      grey100: classes.grey100,
+      grey150: classes.grey150,
+      gold100: classes.gold100
+    },
+    preset: {
+      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 = "grey100",
+  className,
+  ...rest
+}) {
+  const elementType = as ?? presetElements[preset];
+  return createElement(elementType, {
+    ...rest,
+    className: text({ preset, color, className })
+  });
+}
+function Label({
+  preset = "sm",
+  color = "grey100",
+  className,
+  ...rest
+}) {
+  return createElement(AriaLabel, {
+    ...rest,
+    className: text({ preset, color, className })
+  });
+}
+export {
+  Label,
+  Text
+};
+
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"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_72f52", "label": "label_72f52", "stat": "stat_72f52", "largeNumber": "largeNumber_72f52", "sm": "sm_72f52", "base": "base_72f52", "md": "md_72f52", "lg": "lg_72f52", "grey100": "grey100_72f52", "grey150": "grey150_72f52", "gold100": "gold100_72f52" };
+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_72f52\",\"label\":\"label_72f52\",\"stat\":\"stat_72f52\",\"largeNumber\":\"largeNumber_72f52\",\"sm\":\"sm_72f52\",\"base\":\"base_72f52\",\"md\":\"md_72f52\",\"lg\":\"lg_72f52\",\"grey100\":\"grey100_72f52\",\"grey150\":\"grey150_72f52\",\"gold100\":\"gold100_72f52\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,66 @@
+@layer lol {
+	.text_72f52 {
+		font-family: var(--lol-font-family-spiegel);
+	}
+
+	.label_72f52 {
+		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_72f52 {
+		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_72f52 {
+		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_72f52 {
+		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_72f52 {
+		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_72f52 {
+		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_72f52 {
+		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_72f52 {
+		color: var(--lol-color-grey-100);
+	}
+
+	.grey150_72f52 {
+		color: var(--lol-color-grey-150);
+	}
+
+	.gold100_72f52 {
+		color: var(--lol-color-gold-100);
+	}
+}

package/dist/es/index.d.ts

@@ -0,0 +1,24 @@
+export { RouterProvider } from "react-aria-components";
+export * from "./components/accordion.js";
+export * from "./components/breadcrumbs/breadcrumbs.js";
+export * from "./components/button-link.js";
+export * from "./components/button.js";
+export * from "./components/card.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/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";
+export * from "./components/tabs.js";
+export * from "./components/text-area.js";
+export * from "./components/text-field.js";
+export * from "./components/toggle-button.js";
+export * from "./components/tooltip.js";
+export * from "./components/typography/heading.js";
+export * from "./components/typography/text.js";

package/dist/es/index.js

@@ -0,0 +1,29 @@
+import { RouterProvider } from "react-aria-components";
+export * from "./components/accordion.js";
+export * from "./components/breadcrumbs/breadcrumbs.js";
+export * from "./components/button-link.js";
+export * from "./components/button.js";
+export * from "./components/card.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/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";
+export * from "./components/tabs.js";
+export * from "./components/text-area.js";
+export * from "./components/text-field.js";
+export * from "./components/toggle-button.js";
+export * from "./components/tooltip.js";
+export * from "./components/typography/heading.js";
+export * from "./components/typography/text.js";
+export {
+  RouterProvider
+};
+
+//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,SAAS,sBAAsB;AAC/B,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 { RouterProvider } from \"react-aria-components\";\nexport * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs/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"]}

package/dist/es/plugin.d.ts

@@ -0,0 +1,4 @@
+export declare const lolmathui: {
+    handler: import("tailwindcss/types/config.js").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config.js").Config>;
+};

package/dist/es/plugin.js

@@ -0,0 +1,149 @@
+import plugin from "tailwindcss/plugin.js";
+const lolmathui = plugin(({}) => {
+}, {
+  theme: {
+    extend: {
+      colors: {
+        lol: {
+          blue: {
+            100: "var(--lol-color-blue-100)",
+            200: "var(--lol-color-blue-200)",
+            300: "var(--lol-color-blue-300)",
+            400: "var(--lol-color-blue-400)",
+            500: "var(--lol-color-blue-500)",
+            600: "var(--lol-color-blue-600)",
+            700: "var(--lol-color-blue-700)"
+          },
+          grey: {
+            100: "var(--lol-color-grey-100)",
+            150: "var(--lol-color-grey-150)",
+            200: "var(--lol-color-grey-200)",
+            300: "var(--lol-color-grey-300)",
+            cool: "var(--lol-color-grey-cool)"
+          },
+          gold: {
+            100: "var(--lol-color-gold-100)",
+            200: "var(--lol-color-gold-200)",
+            300: "var(--lol-color-gold-300)",
+            400: "var(--lol-color-gold-400)",
+            500: "var(--lol-color-gold-500)",
+            600: "var(--lol-color-gold-600)",
+            700: "var(--lol-color-gold-700)"
+          },
+          hextech: {
+            black: "var(--lol-color-hextech-black)"
+          }
+        }
+      },
+      fontSize: {
+        // Heading
+        "lol-h5": [
+          "var(--lol-font-size-h5)",
+          {
+            lineHeight: "var(--lol-line-height-h5)",
+            letterSpacing: "var(--lol-letter-spacing-h5)",
+            fontWeight: "var(--lol-font-weight-h5)"
+          }
+        ],
+        "lol-h4": [
+          "var(--lol-font-size-h4)",
+          {
+            lineHeight: "var(--lol-line-height-h4)",
+            letterSpacing: "var(--lol-letter-spacing-h4)",
+            fontWeight: "var(--lol-font-weight-h4)"
+          }
+        ],
+        "lol-h3": [
+          "var(--lol-font-size-h3)",
+          {
+            lineHeight: "var(--lol-line-height-h3)",
+            letterSpacing: "var(--lol-letter-spacing-h3)",
+            fontWeight: "var(--lol-font-weight-h3)"
+          }
+        ],
+        "lol-h2": [
+          "var(--lol-font-size-h2)",
+          {
+            lineHeight: "var(--lol-line-height-h2)",
+            letterSpacing: "var(--lol-letter-spacing-h2)",
+            fontWeight: "var(--lol-font-weight-h2)"
+          }
+        ],
+        "lol-h1": [
+          "var(--lol-font-size-h1)",
+          {
+            lineHeight: "var(--lol-line-height-h1)",
+            letterSpacing: "var(--lol-letter-spacing-h1)",
+            fontWeight: "var(--lol-font-weight-h1)"
+          }
+        ],
+        // Text
+        "lol-label": [
+          "var(--lol-font-size-label)",
+          {
+            lineHeight: "var(--lol-line-height-label)",
+            letterSpacing: "var(--lol-letter-spacing-label)",
+            fontWeight: "var(--lol-font-weight-label)"
+          }
+        ],
+        "lol-stat": [
+          "var(--lol-font-size-stat)",
+          {
+            lineHeight: "var(--lol-line-height-stat)",
+            letterSpacing: "var(--lol-letter-spacing-stat)",
+            fontWeight: "var(--lol-font-weight-stat)"
+          }
+        ],
+        "lol-large-number": [
+          "var(--lol-font-size-large-number)",
+          {
+            lineHeight: "var(--lol-line-height-large-number)",
+            letterSpacing: "var(--lol-letter-spacing-large-number)",
+            fontWeight: "var(--lol-font-weight-large-number)"
+          }
+        ],
+        "lol-sm": [
+          "var(--lol-font-size-sm)",
+          {
+            lineHeight: "var(--lol-line-height-sm)",
+            letterSpacing: "var(--lol-letter-spacing-sm)",
+            fontWeight: "var(--lol-font-weight-sm)"
+          }
+        ],
+        "lol-base": [
+          "var(--lol-font-size-base)",
+          {
+            lineHeight: "var(--lol-line-height-base)",
+            letterSpacing: "var(--lol-letter-spacing-base)",
+            fontWeight: "var(--lol-font-weight-base)"
+          }
+        ],
+        "lol-md": [
+          "var(--lol-font-size-md)",
+          {
+            lineHeight: "var(--lol-line-height-md)",
+            letterSpacing: "var(--lol-letter-spacing-md)",
+            fontWeight: "var(--lol-font-weight-md)"
+          }
+        ],
+        "lol-lg": [
+          "var(--lol-font-size-lg)",
+          {
+            lineHeight: "var(--lol-line-height-lg)",
+            letterSpacing: "var(--lol-letter-spacing-lg)",
+            fontWeight: "var(--lol-font-weight-lg)"
+          }
+        ]
+      },
+      fontFamily: {
+        beaufort: "var(--lol-font-family-beaufort)",
+        spiegel: "var(--lol-font-family-spiegel)"
+      }
+    }
+  }
+});
+export {
+  lolmathui
+};
+
+//# sourceMappingURL=plugin.js.map

package/dist/es/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO,YAAY;AAEZ,MAAM,YAAY,OAAO,CAAC,CAAC,MAAM;AAAC,GAAG;AAAA,EAC3C,OAAO;AAAA,IACN,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,KAAK;AAAA,UACJ,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,UACN;AAAA,UACA,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,UACP;AAAA,UACA,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,UACN;AAAA,UACA,SAAS;AAAA,YACR,OAAO;AAAA,UACR;AAAA,QACD;AAAA,MACD;AAAA,MACA,UAAU;AAAA;AAAA,QAET,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA;AAAA,QAGA,aAAa;AAAA,UACZ;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,YAAY;AAAA,UACX;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,oBAAoB;AAAA,UACnB;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,YAAY;AAAA,UACX;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,MACD;AAAA,MACA,YAAY;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACV;AAAA,IACD;AAAA,EACD;AACD,CAAC","names":[],"ignoreList":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin.js\";\n\nexport const lolmathui = plugin(({}) => {}, {\n\ttheme: {\n\t\textend: {\n\t\t\tcolors: {\n\t\t\t\tlol: {\n\t\t\t\t\tblue: {\n\t\t\t\t\t\t100: \"var(--lol-color-blue-100)\",\n\t\t\t\t\t\t200: \"var(--lol-color-blue-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-blue-300)\",\n\t\t\t\t\t\t400: \"var(--lol-color-blue-400)\",\n\t\t\t\t\t\t500: \"var(--lol-color-blue-500)\",\n\t\t\t\t\t\t600: \"var(--lol-color-blue-600)\",\n\t\t\t\t\t\t700: \"var(--lol-color-blue-700)\",\n\t\t\t\t\t},\n\t\t\t\t\tgrey: {\n\t\t\t\t\t\t100: \"var(--lol-color-grey-100)\",\n\t\t\t\t\t\t150: \"var(--lol-color-grey-150)\",\n\t\t\t\t\t\t200: \"var(--lol-color-grey-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-grey-300)\",\n\t\t\t\t\t\tcool: \"var(--lol-color-grey-cool)\",\n\t\t\t\t\t},\n\t\t\t\t\tgold: {\n\t\t\t\t\t\t100: \"var(--lol-color-gold-100)\",\n\t\t\t\t\t\t200: \"var(--lol-color-gold-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-gold-300)\",\n\t\t\t\t\t\t400: \"var(--lol-color-gold-400)\",\n\t\t\t\t\t\t500: \"var(--lol-color-gold-500)\",\n\t\t\t\t\t\t600: \"var(--lol-color-gold-600)\",\n\t\t\t\t\t\t700: \"var(--lol-color-gold-700)\",\n\t\t\t\t\t},\n\t\t\t\t\thextech: {\n\t\t\t\t\t\tblack: \"var(--lol-color-hextech-black)\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tfontSize: {\n\t\t\t\t// Heading\n\t\t\t\t\"lol-h5\": [\n\t\t\t\t\t\"var(--lol-font-size-h5)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h5)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h5)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h5)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h4\": [\n\t\t\t\t\t\"var(--lol-font-size-h4)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h4)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h4)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h4)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h3\": [\n\t\t\t\t\t\"var(--lol-font-size-h3)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h3)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h3)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h3)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h2\": [\n\t\t\t\t\t\"var(--lol-font-size-h2)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h2)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h2)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h2)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h1\": [\n\t\t\t\t\t\"var(--lol-font-size-h1)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h1)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h1)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h1)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\n\t\t\t\t// Text\n\t\t\t\t\"lol-label\": [\n\t\t\t\t\t\"var(--lol-font-size-label)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-label)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-label)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-label)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-stat\": [\n\t\t\t\t\t\"var(--lol-font-size-stat)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-stat)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-stat)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-stat)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-large-number\": [\n\t\t\t\t\t\"var(--lol-font-size-large-number)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-large-number)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-large-number)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-large-number)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-sm\": [\n\t\t\t\t\t\"var(--lol-font-size-sm)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-sm)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-sm)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-sm)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-base\": [\n\t\t\t\t\t\"var(--lol-font-size-base)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-base)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-base)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-base)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-md\": [\n\t\t\t\t\t\"var(--lol-font-size-md)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-md)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-md)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-md)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-lg\": [\n\t\t\t\t\t\"var(--lol-font-size-lg)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-lg)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-lg)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-lg)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\tfontFamily: {\n\t\t\t\tbeaufort: \"var(--lol-font-family-beaufort)\",\n\t\t\t\tspiegel: \"var(--lol-font-family-spiegel)\",\n\t\t\t},\n\t\t},\n\t},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}