@youngonesworks/ui 0.1.23 → 0.1.24

package/dist/index.d.ts

@@ -58,3 +58,4 @@ export { UnorderedList } from './components/unorderedList';
 export { UnorderedListItem } from './components/unorderedListItem';
 export { UnstyledButton } from './components/unstyledButton';
 export { WysiwygEditor } from './components/wysiwygEditor';
+export * from './theme';

package/dist/index.js

@@ -3,6 +3,7 @@ import React, { Component, Fragment, cloneElement, createContext, createElement,
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM$1 from "react-dom";
 import ReactDOM, { createPortal, flushSync } from "react-dom";
+import localFont from "next/font/local";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -140310,5 +140311,151 @@ const WysiwygEditor = forwardRef(({ id, content, className, placeholder, onChang
 });
 
 //#endregion
-export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, Checkbox, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, LinkText, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TextInput, Textarea, ThemeIcon, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants };
+//#region src/theme/variables.ts
+const CSS_VARIABLE_KEYS = [
+	"--color-primary",
+	"--color-primary-light",
+	"--color-primary-dark",
+	"--color-black",
+	"--color-navy-blue",
+	"--color-white",
+	"--color-accent-blue",
+	"--color-ultra-light-blue",
+	"--color-green",
+	"--color-green-light",
+	"--color-pink",
+	"--color-purple",
+	"--color-orange",
+	"--color-warning",
+	"--color-warning-light",
+	"--color-warning-dark"
+];
+const getCSSVariable = (variable) => {
+	if (typeof window !== "undefined") {
+		return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
+	}
+	return "";
+};
+const setCSSVariable = (variable, value) => {
+	if (typeof window !== "undefined") {
+		document.documentElement.style.setProperty(variable, value);
+	}
+};
+
+//#endregion
+//#region src/theme/fonts.ts
+const gothamFont = localFont({
+	src: [
+		{
+			path: "../assets/fonts/woff2/Gotham-Thin_Web.woff2",
+			weight: "100",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-ThinItalic_Web.woff2",
+			weight: "100",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-XLight_Web.woff2",
+			weight: "200",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-XLightItalic_Web.woff2",
+			weight: "200",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Light_Web.woff2",
+			weight: "300",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-LightItalic_Web.woff2",
+			weight: "300",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Book_Web.woff2",
+			weight: "400",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-BookItalic_Web.woff2",
+			weight: "400",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Medium_Web.woff2",
+			weight: "500",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-MediumItalic_Web.woff2",
+			weight: "500",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Bold_Web.woff2",
+			weight: "700",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-BoldItalic_Web.woff2",
+			weight: "700",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Black_Web.woff2",
+			weight: "800",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-BlackItalic_Web.woff2",
+			weight: "800",
+			style: "italic"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-Ultra_Web.woff2",
+			weight: "900",
+			style: "normal"
+		},
+		{
+			path: "../assets/fonts/woff2/Gotham-UltraItalic_Web.woff2",
+			weight: "900",
+			style: "italic"
+		}
+	],
+	variable: "--font-gotham",
+	display: "swap",
+	preload: true
+});
+const FONT_FAMILIES = {
+	gotham: "var(--font-gotham), Gotham, ui-sans-serif, system-ui, sans-serif",
+	sans: "ui-sans-serif, system-ui, sans-serif",
+	serif: "ui-serif, Georgia, serif",
+	mono: "ui-monospace, SFMono-Regular, Consolas, monospace"
+};
+const FONT_WEIGHTS = {
+	thin: "100",
+	extraLight: "200",
+	light: "300",
+	normal: "400",
+	medium: "500",
+	semiBold: "600",
+	bold: "700",
+	extraBold: "800",
+	black: "900"
+};
+const FONT_CLASS_NAMES = {
+	gotham: gothamFont.className,
+	sans: "font-sans",
+	serif: "font-serif",
+	mono: "font-mono"
+};
+var fonts_default = gothamFont;
+
+//#endregion
+export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, Divider, FONT_CLASS_NAMES, FONT_FAMILIES, FONT_WEIGHTS, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, LinkText, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TextInput, Textarea, ThemeIcon, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, gothamFont, setCSSVariable };
 //# sourceMappingURL=index.js.map