@youngonesworks/ui 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +210 -13
- package/dist/assets/fonts/woff/Gotham-BlackItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Black_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-BoldItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Bold_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-BookItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Book_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-LightItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Light_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-MediumItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Medium_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-ThinItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Thin_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-UltraItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-Ultra_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-XLightItalic_Web.woff +0 -0
- package/dist/assets/fonts/woff/Gotham-XLight_Web.woff +0 -0
- package/dist/assets/fonts/woff2/Gotham-BlackItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Black_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-BoldItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Bold_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-BookItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Book_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-LightItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Light_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-MediumItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Medium_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-ThinItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Thin_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-UltraItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-Ultra_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-XLightItalic_Web.woff2 +0 -0
- package/dist/assets/fonts/woff2/Gotham-XLight_Web.woff2 +0 -0
- package/dist/index.cjs +154 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +148 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/index.d.ts +9 -0
- package/dist/styles/utilities.css +200 -0
- package/dist/styles/variables.css +228 -0
- package/dist/theme/fonts.d.ts +29 -0
- package/dist/theme/index.d.ts +5 -0
- package/dist/theme/variables.d.ts +62 -0
- package/package.json +17 -5
package/dist/index.d.ts
CHANGED
|
@@ -58,3 +58,4 @@ export { UnorderedList } from './components/unorderedList';
|
|
|
58
58
|
export { UnorderedListItem } from './components/unorderedListItem';
|
|
59
59
|
export { UnstyledButton } from './components/unstyledButton';
|
|
60
60
|
export { WysiwygEditor } from './components/wysiwygEditor';
|
|
61
|
+
export * from './theme';
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,7 @@ import React, { Component, Fragment, cloneElement, createContext, createElement,
|
|
|
3
3
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import * as ReactDOM$1 from "react-dom";
|
|
5
5
|
import ReactDOM, { createPortal, flushSync } from "react-dom";
|
|
6
|
+
import localFont from "next/font/local";
|
|
6
7
|
|
|
7
8
|
//#region rolldown:runtime
|
|
8
9
|
var __create = Object.create;
|
|
@@ -140310,5 +140311,151 @@ const WysiwygEditor = forwardRef(({ id, content, className, placeholder, onChang
|
|
|
140310
140311
|
});
|
|
140311
140312
|
|
|
140312
140313
|
//#endregion
|
|
140313
|
-
|
|
140314
|
+
//#region src/theme/variables.ts
|
|
140315
|
+
const CSS_VARIABLE_KEYS = [
|
|
140316
|
+
"--color-primary",
|
|
140317
|
+
"--color-primary-light",
|
|
140318
|
+
"--color-primary-dark",
|
|
140319
|
+
"--color-black",
|
|
140320
|
+
"--color-navy-blue",
|
|
140321
|
+
"--color-white",
|
|
140322
|
+
"--color-accent-blue",
|
|
140323
|
+
"--color-ultra-light-blue",
|
|
140324
|
+
"--color-green",
|
|
140325
|
+
"--color-green-light",
|
|
140326
|
+
"--color-pink",
|
|
140327
|
+
"--color-purple",
|
|
140328
|
+
"--color-orange",
|
|
140329
|
+
"--color-warning",
|
|
140330
|
+
"--color-warning-light",
|
|
140331
|
+
"--color-warning-dark"
|
|
140332
|
+
];
|
|
140333
|
+
const getCSSVariable = (variable) => {
|
|
140334
|
+
if (typeof window !== "undefined") {
|
|
140335
|
+
return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
|
|
140336
|
+
}
|
|
140337
|
+
return "";
|
|
140338
|
+
};
|
|
140339
|
+
const setCSSVariable = (variable, value) => {
|
|
140340
|
+
if (typeof window !== "undefined") {
|
|
140341
|
+
document.documentElement.style.setProperty(variable, value);
|
|
140342
|
+
}
|
|
140343
|
+
};
|
|
140344
|
+
|
|
140345
|
+
//#endregion
|
|
140346
|
+
//#region src/theme/fonts.ts
|
|
140347
|
+
const gothamFont = localFont({
|
|
140348
|
+
src: [
|
|
140349
|
+
{
|
|
140350
|
+
path: "../assets/fonts/woff2/Gotham-Thin_Web.woff2",
|
|
140351
|
+
weight: "100",
|
|
140352
|
+
style: "normal"
|
|
140353
|
+
},
|
|
140354
|
+
{
|
|
140355
|
+
path: "../assets/fonts/woff2/Gotham-ThinItalic_Web.woff2",
|
|
140356
|
+
weight: "100",
|
|
140357
|
+
style: "italic"
|
|
140358
|
+
},
|
|
140359
|
+
{
|
|
140360
|
+
path: "../assets/fonts/woff2/Gotham-XLight_Web.woff2",
|
|
140361
|
+
weight: "200",
|
|
140362
|
+
style: "normal"
|
|
140363
|
+
},
|
|
140364
|
+
{
|
|
140365
|
+
path: "../assets/fonts/woff2/Gotham-XLightItalic_Web.woff2",
|
|
140366
|
+
weight: "200",
|
|
140367
|
+
style: "italic"
|
|
140368
|
+
},
|
|
140369
|
+
{
|
|
140370
|
+
path: "../assets/fonts/woff2/Gotham-Light_Web.woff2",
|
|
140371
|
+
weight: "300",
|
|
140372
|
+
style: "normal"
|
|
140373
|
+
},
|
|
140374
|
+
{
|
|
140375
|
+
path: "../assets/fonts/woff2/Gotham-LightItalic_Web.woff2",
|
|
140376
|
+
weight: "300",
|
|
140377
|
+
style: "italic"
|
|
140378
|
+
},
|
|
140379
|
+
{
|
|
140380
|
+
path: "../assets/fonts/woff2/Gotham-Book_Web.woff2",
|
|
140381
|
+
weight: "400",
|
|
140382
|
+
style: "normal"
|
|
140383
|
+
},
|
|
140384
|
+
{
|
|
140385
|
+
path: "../assets/fonts/woff2/Gotham-BookItalic_Web.woff2",
|
|
140386
|
+
weight: "400",
|
|
140387
|
+
style: "italic"
|
|
140388
|
+
},
|
|
140389
|
+
{
|
|
140390
|
+
path: "../assets/fonts/woff2/Gotham-Medium_Web.woff2",
|
|
140391
|
+
weight: "500",
|
|
140392
|
+
style: "normal"
|
|
140393
|
+
},
|
|
140394
|
+
{
|
|
140395
|
+
path: "../assets/fonts/woff2/Gotham-MediumItalic_Web.woff2",
|
|
140396
|
+
weight: "500",
|
|
140397
|
+
style: "italic"
|
|
140398
|
+
},
|
|
140399
|
+
{
|
|
140400
|
+
path: "../assets/fonts/woff2/Gotham-Bold_Web.woff2",
|
|
140401
|
+
weight: "700",
|
|
140402
|
+
style: "normal"
|
|
140403
|
+
},
|
|
140404
|
+
{
|
|
140405
|
+
path: "../assets/fonts/woff2/Gotham-BoldItalic_Web.woff2",
|
|
140406
|
+
weight: "700",
|
|
140407
|
+
style: "italic"
|
|
140408
|
+
},
|
|
140409
|
+
{
|
|
140410
|
+
path: "../assets/fonts/woff2/Gotham-Black_Web.woff2",
|
|
140411
|
+
weight: "800",
|
|
140412
|
+
style: "normal"
|
|
140413
|
+
},
|
|
140414
|
+
{
|
|
140415
|
+
path: "../assets/fonts/woff2/Gotham-BlackItalic_Web.woff2",
|
|
140416
|
+
weight: "800",
|
|
140417
|
+
style: "italic"
|
|
140418
|
+
},
|
|
140419
|
+
{
|
|
140420
|
+
path: "../assets/fonts/woff2/Gotham-Ultra_Web.woff2",
|
|
140421
|
+
weight: "900",
|
|
140422
|
+
style: "normal"
|
|
140423
|
+
},
|
|
140424
|
+
{
|
|
140425
|
+
path: "../assets/fonts/woff2/Gotham-UltraItalic_Web.woff2",
|
|
140426
|
+
weight: "900",
|
|
140427
|
+
style: "italic"
|
|
140428
|
+
}
|
|
140429
|
+
],
|
|
140430
|
+
variable: "--font-gotham",
|
|
140431
|
+
display: "swap",
|
|
140432
|
+
preload: true
|
|
140433
|
+
});
|
|
140434
|
+
const FONT_FAMILIES = {
|
|
140435
|
+
gotham: "var(--font-gotham), Gotham, ui-sans-serif, system-ui, sans-serif",
|
|
140436
|
+
sans: "ui-sans-serif, system-ui, sans-serif",
|
|
140437
|
+
serif: "ui-serif, Georgia, serif",
|
|
140438
|
+
mono: "ui-monospace, SFMono-Regular, Consolas, monospace"
|
|
140439
|
+
};
|
|
140440
|
+
const FONT_WEIGHTS = {
|
|
140441
|
+
thin: "100",
|
|
140442
|
+
extraLight: "200",
|
|
140443
|
+
light: "300",
|
|
140444
|
+
normal: "400",
|
|
140445
|
+
medium: "500",
|
|
140446
|
+
semiBold: "600",
|
|
140447
|
+
bold: "700",
|
|
140448
|
+
extraBold: "800",
|
|
140449
|
+
black: "900"
|
|
140450
|
+
};
|
|
140451
|
+
const FONT_CLASS_NAMES = {
|
|
140452
|
+
gotham: gothamFont.className,
|
|
140453
|
+
sans: "font-sans",
|
|
140454
|
+
serif: "font-serif",
|
|
140455
|
+
mono: "font-mono"
|
|
140456
|
+
};
|
|
140457
|
+
var fonts_default = gothamFont;
|
|
140458
|
+
|
|
140459
|
+
//#endregion
|
|
140460
|
+
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 };
|
|
140314
140461
|
//# sourceMappingURL=index.js.map
|