@solibo/solibo-ui 0.5.15 → 1.0.0

package/dist/index.js

@@ -1,98 +1,103 @@
-import { Avatar as e } from "./components/_avatar/index.js";
-import { Card as p } from "./components/_card/index.js";
-import { Collapsible as x } from "./components/_collapsible/index.js";
-import { Croppable as a } from "./components/_croppable/index.js";
-import { Dropdown as i } from "./components/_dropdown/index.js";
-import { Dropzone as s } from "./components/_dropzone/index.js";
-import { Editor as d } from "./components/_editor/index.js";
-import { Menu as c } from "./components/_menu/index.js";
-import { Messages as C } from "./components/_messages/index.js";
-import { Portal as A } from "./components/_portal/index.js";
-import { Sortable as F, useOptionalSortableItem as I } from "./components/_sortable/index.js";
-import { Toasts as S } from "./components/_toasts/index.js";
-import { Widget as k } from "./components/_widget/index.js";
-import { Accordion as D } from "./components/accordion/index.js";
-import { AppLink as G } from "./components/app-link/index.js";
-import { Aside as P } from "./components/aside/index.js";
-import { Badge as w } from "./components/badge/index.js";
-import { Banner as E } from "./components/banner/index.js";
-import { Branding as N } from "./components/branding/index.js";
-import { Button as q } from "./components/button/index.js";
-import { Checkbox as J } from "./components/checkbox/index.js";
-import { Chip as Q } from "./components/chip/index.js";
-import { Controls as U } from "./components/controls/index.js";
-import { Dialog as X } from "./components/dialog/index.js";
-import { Figure as Z } from "./components/figure/index.js";
-import { File as $ } from "./components/file/index.js";
-import { Footer as ro } from "./components/footer/index.js";
-import { Form as to } from "./components/form/index.js";
-import { Graph as mo } from "./components/graph/index.js";
-import { Group as fo } from "./components/group/index.js";
-import { Header as no } from "./components/header/index.js";
-import { Icon as lo } from "./components/icon/index.js";
-import { Image as go } from "./components/image/index.js";
-import { Input as co } from "./components/input/index.js";
-import { Link as Co } from "./components/link/index.js";
-import { List as Ao } from "./components/list/index.js";
-import { Loading as Fo } from "./components/loading/index.js";
-import { Message as Lo } from "./components/message/index.js";
-import { Nav as ho } from "./components/nav/index.js";
-import { Object as vo } from "./components/object/index.js";
-import { Popover as Mo } from "./components/popover/index.js";
-import { S as Oo } from "./index-BMYV_5ZN.js";
-import { Table as jo } from "./components/table/index.js";
+import { AppLink as e } from "./components/app-link/index.js";
+import { Aside as p } from "./components/aside/index.js";
+import { Avatar as x } from "./components/avatar/index.js";
+import { Badge as a } from "./components/badge/index.js";
+import { Banner as i } from "./components/banner/index.js";
+import { Branding as n } from "./components/branding/index.js";
+import { Button as d } from "./components/button/index.js";
+import { Card as C } from "./components/card/index.js";
+import { Checkbox as c } from "./components/checkbox/index.js";
+import { Chip as F } from "./components/chip/index.js";
+import { Collapsible as S } from "./components/collapsible/index.js";
+import { Controls as B } from "./components/controls/index.js";
+import { Croppable as k } from "./components/croppable/index.js";
+import { Dialog as A } from "./components/dialog/index.js";
+import { Dropdown as M } from "./components/dropdown/index.js";
+import { Dropzone as G } from "./components/dropzone/index.js";
+import { Editor as j } from "./components/editor/index.js";
+import { EmptyState as y } from "./components/empty-state/index.js";
+import { Fieldset as H } from "./components/fieldset/index.js";
+import { Figure as O } from "./components/figure/index.js";
+import { File as q } from "./components/file/index.js";
+import { Footer as K } from "./components/footer/index.js";
+import { Form as R } from "./components/form/index.js";
+import { Graph as V } from "./components/graph/index.js";
+import { Group as Y } from "./components/group/index.js";
+import { Header as _ } from "./components/header/index.js";
+import { Icon as oo } from "./components/icon/index.js";
+import { Iframe as eo } from "./components/iframe/index.js";
+import { Image as po } from "./components/image/index.js";
+import { I as xo } from "./index-DS2cY2g4.js";
+import { Link as ao } from "./components/link/index.js";
+import { List as io } from "./components/list/index.js";
+import { Loading as no } from "./components/loading/index.js";
+import { Menu as bo } from "./components/menu/index.js";
+import { Message as To } from "./components/message/index.js";
+import { Messages as uo } from "./components/messages/index.js";
+import { Nav as Io } from "./components/nav/index.js";
+import { Object as ho } from "./components/object/index.js";
+import { Popover as Lo } from "./components/popover/index.js";
+import { Portal as vo } from "./components/portal/index.js";
+import { Search as Do } from "./components/search/index.js";
+import { S as Eo } from "./index-D-AyCDg7.js";
+import { Sortable as Po } from "./components/sortable/index.js";
+import { Table as wo } from "./components/table/index.js";
 import { Textarea as zo } from "./components/textarea/index.js";
-import { Toast as Ho } from "./components/toast/index.js";
-import { Toggle as Wo } from "./components/toggle/index.js";
-import { Toolbar as yo } from "./components/toolbar/index.js";
+import { Toast as No } from "./components/toast/index.js";
+import { Toasts as Wo } from "./components/toasts/index.js";
+import { Toggle as Jo } from "./components/toggle/index.js";
+import { Toolbar as Qo } from "./components/toolbar/index.js";
+import { Widget as Uo } from "./components/widget/index.js";
 import './assets/index.css';export {
-  D as Accordion,
-  G as AppLink,
-  P as Aside,
-  e as Avatar,
-  w as Badge,
-  E as Banner,
-  N as Branding,
-  q as Button,
-  p as Card,
-  J as Checkbox,
-  Q as Chip,
-  x as Collapsible,
-  U as Controls,
-  a as Croppable,
-  X as Dialog,
-  i as Dropdown,
-  s as Dropzone,
-  d as Editor,
-  Z as Figure,
-  $ as File,
-  ro as Footer,
-  to as Form,
-  mo as Graph,
-  fo as Group,
-  no as Header,
-  lo as Icon,
-  go as Image,
-  co as Input,
-  Co as Link,
-  Ao as List,
-  Fo as Loading,
-  c as Menu,
-  Lo as Message,
-  C as Messages,
-  ho as Nav,
-  vo as Object,
-  Mo as Popover,
-  A as Portal,
-  Oo as Select,
-  F as Sortable,
-  jo as Table,
+  e as AppLink,
+  p as Aside,
+  x as Avatar,
+  a as Badge,
+  i as Banner,
+  n as Branding,
+  d as Button,
+  C as Card,
+  c as Checkbox,
+  F as Chip,
+  S as Collapsible,
+  B as Controls,
+  k as Croppable,
+  A as Dialog,
+  M as Dropdown,
+  G as Dropzone,
+  j as Editor,
+  y as EmptyState,
+  H as Fieldset,
+  O as Figure,
+  q as File,
+  K as Footer,
+  R as Form,
+  V as Graph,
+  Y as Group,
+  _ as Header,
+  oo as Icon,
+  eo as Iframe,
+  po as Image,
+  xo as Input,
+  ao as Link,
+  io as List,
+  no as Loading,
+  bo as Menu,
+  To as Message,
+  uo as Messages,
+  Io as Nav,
+  ho as Object,
+  Lo as Popover,
+  vo as Portal,
+  Do as Search,
+  Eo as Select,
+  Po as Sortable,
+  wo as Table,
   zo as Textarea,
-  Ho as Toast,
-  S as Toasts,
-  Wo as Toggle,
-  yo as Toolbar,
-  k as Widget,
-  I as useOptionalSortableItem
+  No as Toast,
+  Wo as Toasts,
+  Jo as Toggle,
+  Qo as Toolbar,
+  Uo as Widget
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tokens.css

@@ -1,6 +1,9 @@
 /* generated by `pnpm tokens:build` 🥷 */
 
 :root {
+  --breakpoint-lg: 1280;
+  --breakpoint-md: 768;
+  --breakpoint-sm: 480;
   --colors-blue-100: #c9dcff;
   --colors-blue-200: var(--colors-new-brand-blue);
   --colors-blue-300: #6695ff;
@@ -12,6 +15,20 @@
   --colors-blue-800: #0b1938;
   --colors-blue-900: #090e1b;
   --colors-box-shadow: #0000001f;
+  --colors-box-shadow-heavy: #0006;
+  --colors-categories-bg-grey-1: #e3e4e6;
+  --colors-categories-bg-grey-2: #d4dce5;
+  --colors-categories-bg-pink-1: #e7e3ea;
+  --colors-categories-bg-pink-2: #e3d2f0;
+  --colors-categories-bg-pink-3: #d8bfe5;
+  --colors-categories-bg-pink-4: #e0c3d8;
+  --colors-categories-bg-pink-5: #e8c6d2;
+  --colors-categories-bg-yellow-1: #d9cbaf;
+  --colors-categories-bg-yellow-2: #d9c7c0;
+  --colors-categories-bg-yellow-3: #cdb8ac;
+  --colors-categories-content-on-grey: #3f444a;
+  --colors-categories-content-on-pink: #783b65;
+  --colors-categories-content-on-yellow: #65483f;
   --colors-green-100: #b0c8c2;
   --colors-green-200: #8aaea5;
   --colors-green-300: #54887c;
@@ -71,21 +88,24 @@
   --colors-red-700: #880402;
   --colors-red-800: #690302;
   --colors-red-900: #500301;
+  --colors-semantic-bg-backdrop: #000000d9;
   --colors-semantic-bg-disabled: var(--colors-neutral-50);
   --colors-semantic-bg-overlay: var(--colors-neutral-100);
   --colors-semantic-bg-page: var(--colors-neutral-50);
   --colors-semantic-bg-surface: var(--colors-neutral-0);
   --colors-semantic-border-active: var(--colors-neutral-800);
   --colors-semantic-border-default: var(--colors-neutral-200);
+  --colors-semantic-border-destructive: var(--colors-red-600);
   --colors-semantic-border-disabled: var(--colors-neutral-100);
   --colors-semantic-border-focus: var(--colors-purple-500);
   --colors-semantic-border-on-color: var(--colors-neutral-0);
   --colors-semantic-border-strong: var(--colors-neutral-300);
   --colors-semantic-border-subtle: var(--colors-neutral-100);
+  --colors-semantic-content-destructive: var(--colors-red-600);
   --colors-semantic-content-disabled: var(--colors-neutral-300);
   --colors-semantic-content-highlight: var(--colors-purple-100);
   --colors-semantic-content-link: var(--colors-purple-600);
-  --colors-semantic-content-link-hover: var(--colors-purple-700);
+  --colors-semantic-content-link-hover: var(--colors-purple-800);
   --colors-semantic-content-link-visited: var(--colors-purple-400);
   --colors-semantic-content-on-color: var(--colors-neutral-0);
   --colors-semantic-content-primary: var(--colors-neutral-900);
@@ -96,12 +116,19 @@
   --colors-semantic-interactive-destructive-hover: var(--colors-red-700);
   --colors-semantic-interactive-disabled: var(--colors-neutral-200);
   --colors-semantic-interactive-hover: var(--colors-purple-50);
+  --colors-semantic-interactive-hover-overlay: #0000001f;
   --colors-semantic-interactive-hover-subtle: var(--colors-neutral-100);
   --colors-semantic-interactive-neutral: var(--colors-neutral-300);
   --colors-semantic-interactive-pressed: var(--colors-purple-100);
   --colors-semantic-interactive-secondary-bg: var(--colors-neutral-100);
+  --colors-semantic-interactive-secondary-destructive-hover: var(--colors-red-50);
   --colors-semantic-interactive-secondary-hover: var(--colors-neutral-200);
   --colors-semantic-interactive-selected: var(--colors-purple-50);
+  --colors-semantic-main-nav-bg: var(--colors-green-500);
+  --colors-semantic-main-nav-hover: var(--colors-green-300);
+  --colors-semantic-main-nav-selected: var(--colors-green-600);
+  --colors-semantic-main-nav-selected-border: var(--colors-green-400);
+  --colors-semantic-main-nav-submenu-bg: var(--colors-green-800);
   --colors-semantic-primary-on-primary: var(--colors-neutral-0);
   --colors-semantic-primary-on-primary-subtle: var(--colors-purple-700);
   --colors-semantic-primary-primary: var(--colors-purple-500);
@@ -109,6 +136,18 @@
   --colors-semantic-primary-primary-hover: var(--colors-purple-700);
   --colors-semantic-primary-primary-subtle: var(--colors-purple-50);
   --colors-semantic-primary-primary-subtle-border: var(--colors-purple-200);
+  --colors-semantic-roles-bg-board: var(--colors-new-brand-light-yellow);
+  --colors-semantic-roles-bg-external: var(--colors-solibo-green-100);
+  --colors-semantic-roles-bg-owner: var(--colors-blue-200);
+  --colors-semantic-roles-bg-renter: var(--colors-blue-50);
+  --colors-semantic-roles-bg-solibo: var(--colors-solibo-green-700);
+  --colors-semantic-roles-content-board: var(--colors-solibo-green-700);
+  --colors-semantic-roles-content-external: var(--colors-solibo-green-800);
+  --colors-semantic-roles-content-owner: var(--colors-blue-800);
+  --colors-semantic-roles-content-renter: var(--colors-blue-800);
+  --colors-semantic-roles-content-solibo: var(--colors-new-brand-light-yellow);
+  --colors-semantic-status-active-bg: var(--colors-new-brand-yellow);
+  --colors-semantic-status-active-content: var(--colors-new-brand-dark-green);
   --colors-semantic-status-error-bg: var(--colors-red-50);
   --colors-semantic-status-error-border: var(--colors-red-300);
   --colors-semantic-status-error-content: var(--colors-red-800);
@@ -117,7 +156,9 @@
   --colors-semantic-status-info-border: var(--colors-blue-300);
   --colors-semantic-status-info-content: var(--colors-blue-800);
   --colors-semantic-status-info-content-inverse: var(--colors-neutral-0);
-  --colors-semantic-status-success-bg: var(--colors-green-100);
+  --colors-semantic-status-pending-bg: var(--colors-neutral-200);
+  --colors-semantic-status-pending-content: var(--colors-neutral-600);
+  --colors-semantic-status-success-bg: var(--colors-green-50);
   --colors-semantic-status-success-border: var(--colors-green-300);
   --colors-semantic-status-success-content: var(--colors-green-800);
   --colors-semantic-status-success-content-inverse: var(--colors-neutral-0);
@@ -135,11 +176,22 @@
   --colors-solibo-green-700: var(--colors-new-brand-dark-green);
   --colors-solibo-green-800: #151b13;
   --colors-solibo-green-900: #0c0f0b;
+  --colors-solibo-yellow-100: #f2f7a4;
+  --colors-solibo-yellow-200: #e6f078;
+  --colors-solibo-yellow-300: #daea46;
+  --colors-solibo-yellow-400: var(--colors-new-brand-yellow);
+  --colors-solibo-yellow-50: var(--colors-new-brand-light-yellow);
+  --colors-solibo-yellow-500: #b0c62a;
+  --colors-solibo-yellow-600: #96a439;
+  --colors-solibo-yellow-700: var(--colors-new-brand-shadow-yellow);
+  --colors-solibo-yellow-800: #50551c;
+  --colors-solibo-yellow-900: #282b0d;
   --colors-translucent: #fff9;
-  --font-base: 'Figtree';
+  --font-body: 'Figtree';
   --font-font-weight-bold: 700;
   --font-font-weight-regular: 400;
   --font-font-weight-semibold: 600;
+  --font-headline: 'Figtree';
   --scale-0: 0px;
   --scale-1: 1px;
   --scale-12: 12px;
@@ -240,6 +292,7 @@
   --colors-semantic-bg-surface: var(--colors-neutral-700);
   --colors-semantic-border-active: var(--colors-neutral-50);
   --colors-semantic-border-default: var(--colors-neutral-500);
+  --colors-semantic-border-destructive: var(--colors-red-300);
   --colors-semantic-border-disabled: var(--colors-neutral-700);
   --colors-semantic-border-focus: var(--colors-purple-400);
   --colors-semantic-border-on-color: var(--colors-neutral-400);
@@ -259,6 +312,9 @@
   --colors-semantic-interactive-secondary-bg: var(--colors-neutral-600);
   --colors-semantic-interactive-secondary-hover: var(--colors-neutral-500);
   --colors-semantic-interactive-selected: var(--colors-purple-900);
+  --colors-semantic-main-nav-bg: var(--colors-green-800);
+  --colors-semantic-main-nav-selected-border: var(--colors-green-700);
+  --colors-semantic-main-nav-submenu-bg: var(--colors-green-500);
   --colors-semantic-primary-on-primary-subtle: var(--colors-purple-200);
   --colors-semantic-primary-primary: var(--colors-purple-300);
   --colors-semantic-primary-primary-active: var(--colors-purple-50);
@@ -266,7 +322,7 @@
   --colors-semantic-primary-primary-subtle: var(--colors-purple-800);
   --colors-semantic-primary-primary-subtle-border: var(--colors-purple-600);
   --colors-semantic-status-error-bg: var(--colors-red-200);
-  --colors-semantic-status-info-bg: ;
+  --colors-semantic-status-info-bg: var(--colors-blue-200);
   --colors-semantic-status-info-border: var(--colors-blue-400);
   --colors-semantic-status-success-bg: var(--colors-green-200);
   --colors-semantic-status-success-border: var(--colors-green-400);