@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.
Files changed (45) hide show
  1. package/README.md +210 -13
  2. package/dist/assets/fonts/woff/Gotham-BlackItalic_Web.woff +0 -0
  3. package/dist/assets/fonts/woff/Gotham-Black_Web.woff +0 -0
  4. package/dist/assets/fonts/woff/Gotham-BoldItalic_Web.woff +0 -0
  5. package/dist/assets/fonts/woff/Gotham-Bold_Web.woff +0 -0
  6. package/dist/assets/fonts/woff/Gotham-BookItalic_Web.woff +0 -0
  7. package/dist/assets/fonts/woff/Gotham-Book_Web.woff +0 -0
  8. package/dist/assets/fonts/woff/Gotham-LightItalic_Web.woff +0 -0
  9. package/dist/assets/fonts/woff/Gotham-Light_Web.woff +0 -0
  10. package/dist/assets/fonts/woff/Gotham-MediumItalic_Web.woff +0 -0
  11. package/dist/assets/fonts/woff/Gotham-Medium_Web.woff +0 -0
  12. package/dist/assets/fonts/woff/Gotham-ThinItalic_Web.woff +0 -0
  13. package/dist/assets/fonts/woff/Gotham-Thin_Web.woff +0 -0
  14. package/dist/assets/fonts/woff/Gotham-UltraItalic_Web.woff +0 -0
  15. package/dist/assets/fonts/woff/Gotham-Ultra_Web.woff +0 -0
  16. package/dist/assets/fonts/woff/Gotham-XLightItalic_Web.woff +0 -0
  17. package/dist/assets/fonts/woff/Gotham-XLight_Web.woff +0 -0
  18. package/dist/assets/fonts/woff2/Gotham-BlackItalic_Web.woff2 +0 -0
  19. package/dist/assets/fonts/woff2/Gotham-Black_Web.woff2 +0 -0
  20. package/dist/assets/fonts/woff2/Gotham-BoldItalic_Web.woff2 +0 -0
  21. package/dist/assets/fonts/woff2/Gotham-Bold_Web.woff2 +0 -0
  22. package/dist/assets/fonts/woff2/Gotham-BookItalic_Web.woff2 +0 -0
  23. package/dist/assets/fonts/woff2/Gotham-Book_Web.woff2 +0 -0
  24. package/dist/assets/fonts/woff2/Gotham-LightItalic_Web.woff2 +0 -0
  25. package/dist/assets/fonts/woff2/Gotham-Light_Web.woff2 +0 -0
  26. package/dist/assets/fonts/woff2/Gotham-MediumItalic_Web.woff2 +0 -0
  27. package/dist/assets/fonts/woff2/Gotham-Medium_Web.woff2 +0 -0
  28. package/dist/assets/fonts/woff2/Gotham-ThinItalic_Web.woff2 +0 -0
  29. package/dist/assets/fonts/woff2/Gotham-Thin_Web.woff2 +0 -0
  30. package/dist/assets/fonts/woff2/Gotham-UltraItalic_Web.woff2 +0 -0
  31. package/dist/assets/fonts/woff2/Gotham-Ultra_Web.woff2 +0 -0
  32. package/dist/assets/fonts/woff2/Gotham-XLightItalic_Web.woff2 +0 -0
  33. package/dist/assets/fonts/woff2/Gotham-XLight_Web.woff2 +0 -0
  34. package/dist/index.cjs +154 -0
  35. package/dist/index.cjs.map +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +148 -1
  38. package/dist/index.js.map +1 -1
  39. package/dist/styles/index.d.ts +9 -0
  40. package/dist/styles/utilities.css +200 -0
  41. package/dist/styles/variables.css +228 -0
  42. package/dist/theme/fonts.d.ts +29 -0
  43. package/dist/theme/index.d.ts +5 -0
  44. package/dist/theme/variables.d.ts +62 -0
  45. 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
- 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 };
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