@solibo/solibo-ui 0.4.10 → 0.5.3

package/dist/index.js

@@ -5,21 +5,21 @@ 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 { Messages as T } from "./components/_messages/index.js";
-import { Portal as u } from "./components/_portal/index.js";
-import { Sortable as L } from "./components/_sortable/index.js";
-import { Toasts as B } from "./components/_toasts/index.js";
+import { Messages as c } from "./components/_messages/index.js";
+import { Portal as C } from "./components/_portal/index.js";
+import { Sortable as A } from "./components/_sortable/index.js";
+import { Toasts as F } from "./components/_toasts/index.js";
 import { Widget as k } from "./components/_widget/index.js";
 import { Accordion as I } from "./components/accordion/index.js";
 import { AppLink as h } from "./components/app-link/index.js";
 import { Aside as G } from "./components/aside/index.js";
-import { Badge as w } from "./components/badge/index.js";
+import { Badge as j } from "./components/badge/index.js";
 import { Banner as z } from "./components/banner/index.js";
 import { Branding as H } from "./components/branding/index.js";
-import { Button as P } from "./components/button/index.js";
-import { Checkbox as j } from "./components/checkbox/index.js";
-import { Controls as J } from "./components/controls/index.js";
-import { Dialog as O } from "./components/dialog/index.js";
+import { Button as O } from "./components/button/index.js";
+import { Checkbox as W } from "./components/checkbox/index.js";
+import { Controls as y } from "./components/controls/index.js";
+import { Dialog as K } from "./components/dialog/index.js";
 import { Figure as R } from "./components/figure/index.js";
 import { File as V } from "./components/file/index.js";
 import { Footer as Y } from "./components/footer/index.js";
@@ -30,33 +30,33 @@ import { Header as po } from "./components/header/index.js";
 import { Icon as xo } from "./components/icon/index.js";
 import { Image as ao } from "./components/image/index.js";
 import { Input as io } from "./components/input/index.js";
-import { Layout as so } from "./components/layout/index.js";
-import { Link as bo } from "./components/link/index.js";
-import { List as co } from "./components/list/index.js";
-import { Loading as Co } from "./components/loading/index.js";
-import { Message as Ao } from "./components/message/index.js";
-import { Nav as Fo } from "./components/nav/index.js";
-import { S as Do } from "./index-ChKhFyp8.js";
+import { Link as so } from "./components/link/index.js";
+import { List as bo } from "./components/list/index.js";
+import { Loading as To } from "./components/loading/index.js";
+import { Message as uo } from "./components/message/index.js";
+import { Nav as Bo } from "./components/nav/index.js";
+import { Object as Lo } from "./components/object/index.js";
+import { S as Do } from "./index-CiEbbnD6.js";
 import { Table as So } from "./components/table/index.js";
 import { Textarea as vo } from "./components/textarea/index.js";
 import { Toast as Mo } from "./components/toast/index.js";
-import { Toggle as yo } from "./components/toggle/index.js";
+import { Toggle as wo } from "./components/toggle/index.js";
 import { Toolbar as Eo } from "./components/toolbar/index.js";
 import './assets/index.css';export {
   I as Accordion,
   h as AppLink,
   G as Aside,
   e as Avatar,
-  w as Badge,
+  j as Badge,
   z as Banner,
   H as Branding,
-  P as Button,
+  O as Button,
   p as Card,
-  j as Checkbox,
+  W as Checkbox,
   x as Collapsible,
-  J as Controls,
+  y as Controls,
   a as Croppable,
-  O as Dialog,
+  K as Dialog,
   i as Dropdown,
   s as Dropzone,
   d as Editor,
@@ -70,21 +70,21 @@ import './assets/index.css';export {
   xo as Icon,
   ao as Image,
   io as Input,
-  so as Layout,
-  bo as Link,
-  co as List,
-  Co as Loading,
-  Ao as Message,
-  T as Messages,
-  Fo as Nav,
-  u as Portal,
+  so as Link,
+  bo as List,
+  To as Loading,
+  uo as Message,
+  c as Messages,
+  Bo as Nav,
+  Lo as Object,
+  C as Portal,
   Do as Select,
-  L as Sortable,
+  A as Sortable,
   So as Table,
   vo as Textarea,
   Mo as Toast,
-  B as Toasts,
-  yo as Toggle,
+  F as Toasts,
+  wo as Toggle,
   Eo as Toolbar,
   k as Widget
 };

package/dist/styles.module-BOTEBJ0C.js

@@ -0,0 +1,9 @@
+import './assets/styles.css';const t = "_input_ppvjx_10", p = "_touched_ppvjx_63", _ = "_label_ppvjx_69", e = {
+  input: t,
+  touched: p,
+  label: _
+};
+export {
+  e as i
+};
+//# sourceMappingURL=styles.module-BOTEBJ0C.js.map

package/dist/styles.module-BOTEBJ0C.js.map

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

package/dist/styles.module-BPvMQa_x.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/styles.css');const t="_input_ppvjx_10",p="_touched_ppvjx_63",e="_label_ppvjx_69",n={input:t,touched:p,label:e};exports.inputStyles=n;
+//# sourceMappingURL=styles.module-BPvMQa_x.cjs.map

package/dist/styles.module-BPvMQa_x.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-BPvMQa_x.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/tokens.css

@@ -1,6 +1,7 @@
 /* generated by `pnpm tokens:build` 🥷 */
 
 :root {
+  --colors-box-shadow: #0000001f;
   --colors-green-100: #b0c8c2;
   --colors-green-200: #8aaea5;
   --colors-green-300: #54887c;
@@ -57,8 +58,9 @@
   --colors-semantic-bg-page: var(--colors-neutral-50);
   --colors-semantic-bg-surface: var(--colors-neutral-0);
   --colors-semantic-border-default: var(--colors-neutral-200);
-  --colors-semantic-border-disabled: var(--colors-neutral-50);
+  --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-disabled: var(--colors-neutral-300);
@@ -67,21 +69,21 @@
   --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);
-  --colors-semantic-content-secondary: var(--colors-neutral-500);
+  --colors-semantic-content-secondary: var(--colors-neutral-600);
   --colors-semantic-content-tertiary: var(--colors-neutral-400);
   --colors-semantic-interactive-destructive-bg: var(--colors-red-600);
   --colors-semantic-interactive-destructive-disabled: var(--colors-red-200);
   --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-subtle: var(--colors-neutral-50);
+  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-100);
   --colors-semantic-interactive-pressed: var(--colors-purple-100);
-  --colors-semantic-interactive-selected: var(--colors-purple-100);
+  --colors-semantic-interactive-selected: var(--colors-purple-50);
   --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);
-  --colors-semantic-primary-primary-active: var(--colors-purple-700);
-  --colors-semantic-primary-primary-hover: var(--colors-purple-600);
+  --colors-semantic-primary-primary-active: var(--colors-purple-800);
+  --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-status-error-bg: var(--colors-red-50);
@@ -96,6 +98,7 @@
   --colors-semantic-status-warning-border: var(--colors-orange-200);
   --colors-semantic-status-warning-content: var(--colors-orange-800);
   --colors-semantic-status-warning-content-inverse: var(--colors-neutral-0);
+  --colors-transluscent: #fff9;
   --font-base: 'Figtree';
   --font-font-weight-bold: 700;
   --font-font-weight-regular: 400;
@@ -128,12 +131,38 @@
   --shape-border-radius-radius-none: var(--scale-0);
   --shape-border-radius-radius-sm: var(--scale-4);
   --shape-border-radius-radius-xl: var(--scale-16);
+  --shape-box-shadow-lg-blur: 48px;
+  --shape-box-shadow-lg-color: var(--colors-box-shadow);
+  --shape-box-shadow-lg-position-x: 0px;
+  --shape-box-shadow-lg-position-y: 32px;
+  --shape-box-shadow-lg-spread: -16px;
+  --shape-box-shadow-md-blur: 24px;
+  --shape-box-shadow-md-color: var(--colors-box-shadow);
+  --shape-box-shadow-md-position-x: 0px;
+  --shape-box-shadow-md-position-y: 20px;
+  --shape-box-shadow-md-spread: -12px;
+  --shape-box-shadow-sm-blur: 16px;
+  --shape-box-shadow-sm-color: var(--colors-box-shadow);
+  --shape-box-shadow-sm-position-x: 0px;
+  --shape-box-shadow-sm-position-y: 12px;
+  --shape-box-shadow-sm-spread: -8px;
+  --shape-box-shadow-xl-blur: 64px;
+  --shape-box-shadow-xl-color: var(--colors-box-shadow);
+  --shape-box-shadow-xl-position-x: 0px;
+  --shape-box-shadow-xl-position-y: 48px;
+  --shape-box-shadow-xl-spread: -24px;
+  --shape-box-shadow-xs-blur: 4px;
+  --shape-box-shadow-xs-color: var(--colors-box-shadow);
+  --shape-box-shadow-xs-position-x: 0px;
+  --shape-box-shadow-xs-position-y: 2px;
+  --shape-box-shadow-xs-spread: 0px;
   --shape-spacing-2xl: var(--scale-48);
   --shape-spacing-2xs: var(--scale-4);
   --shape-spacing-3xl: var(--scale-64);
   --shape-spacing-3xs: var(--scale-2);
   --shape-spacing-lg: var(--scale-24);
   --shape-spacing-md: var(--scale-16);
+  --shape-spacing-none: var(--scale-0);
   --shape-spacing-sm: var(--scale-12);
   --shape-spacing-xl: var(--scale-32);
   --shape-spacing-xs: var(--scale-8);
@@ -162,13 +191,15 @@
 }
 
 [data-theme='dark'] {
+  --colors-box-shadow: #000000e0;
   --colors-semantic-bg-disabled: var(--colors-neutral-800);
   --colors-semantic-bg-overlay: var(--colors-neutral-600);
   --colors-semantic-bg-page: var(--colors-neutral-900);
-  --colors-semantic-bg-surface: var(--colors-neutral-800);
+  --colors-semantic-bg-surface: var(--colors-neutral-700);
   --colors-semantic-border-default: var(--colors-neutral-500);
   --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);
   --colors-semantic-border-subtle: var(--colors-neutral-600);
   --colors-semantic-content-disabled: var(--colors-neutral-500);
   --colors-semantic-content-link: var(--colors-purple-200);
@@ -176,15 +207,15 @@
   --colors-semantic-content-primary: var(--colors-neutral-50);
   --colors-semantic-content-secondary: var(--colors-neutral-200);
   --colors-semantic-content-tertiary: var(--colors-neutral-300);
-  --colors-semantic-interactive-disabled: var(--colors-neutral-500);
-  --colors-semantic-interactive-hover: var(--colors-purple-700);
+  --colors-semantic-interactive-disabled: var(--colors-neutral-600);
+  --colors-semantic-interactive-hover: var(--colors-neutral-500);
   --colors-semantic-interactive-hover-subtle: var(--colors-neutral-700);
   --colors-semantic-interactive-pressed: var(--colors-purple-700);
-  --colors-semantic-interactive-selected: var(--colors-purple-600);
+  --colors-semantic-interactive-selected: var(--colors-neutral-700);
   --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-200);
-  --colors-semantic-primary-primary-hover: var(--colors-purple-300);
+  --colors-semantic-primary-primary-active: var(--colors-purple-50);
+  --colors-semantic-primary-primary-hover: var(--colors-purple-200);
   --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-100);
@@ -194,6 +225,7 @@
   --colors-semantic-status-success-border: var(--colors-green-400);
   --colors-semantic-status-warning-bg: var(--colors-orange-200);
   --colors-semantic-status-warning-border: var(--colors-orange-400);
+  --colors-transluscent: #fff3;
 }
 
 @media (width <= 960px) {