@solibo/solibo-ui 1.2.1 → 1.2.2
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/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/components/aside/index.cjs +1 -1
- package/dist/components/aside/index.js +13 -13
- package/dist/components/avatar/index.cjs +1 -1
- package/dist/components/avatar/index.js +35 -35
- package/dist/components/empty-state/index.cjs +1 -1
- package/dist/components/empty-state/index.js +7 -7
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index26.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_1lij6_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_1lij6_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);height:100vh;overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_1lij6_9 header{margin-bottom:var(--shape-spacing-lg);margin-top:0}._sidebar_1lij6_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_1lij6_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_1lij6_9::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._sidebar_1lij6_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_1lij6_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}@media (width <= 1024px){._sidebar_1lij6_9{height:calc(100vh - var(--shape-spacing-3xl))}}@media (width <= 768px){._sidebar_1lij6_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;transition:background-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw;z-index:2}._sidebar_1lij6_9>nav{display:none}._sidebar_1lij6_9>header{margin-bottom:0}._sidebar_1lij6_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_1lij6_9 [data-sidebar-toggle]:after{content:"";inset:var(--utils-tokens-negative-unit);position:absolute}._sidebar_1lij6_9._open_1lij6_62{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl));overscroll-behavior-y:contain;position:fixed;top:var(--shape-spacing-3xl)}._sidebar_1lij6_9._open_1lij6_62>header{margin-bottom:var(--shape-spacing-md)}._sidebar_1lij6_9._open_1lij6_62>nav{display:block}}._sticky_1lij6_81{position:sticky;top:0}
|
package/dist/assets/index27.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._avatar_117f5_1{--avatar-size: var(--scale-40);align-items:center;display:inline-flex;gap:var(--scale-8)}._avatar_117f5_1:has(._secondary_117f5_8){width:100%}:is(._color-1_117f5_13,._color-solibo_117f5_13) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-solibo);color:var(--colors-semantic-roles-content-solibo)}:is(._color-2_117f5_18,._color-board_117f5_18) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-board);color:var(--colors-semantic-roles-content-board)}:is(._color-3_117f5_23,._color-owner_117f5_23) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-owner);color:var(--colors-semantic-roles-content-owner)}:is(._color-4_117f5_28,._color-renter_117f5_28) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-renter);color:var(--colors-semantic-roles-content-renter)}:is(._color-5_117f5_33,._color-external_117f5_33) :is(._media_117f5_13,._role_117f5_13){background-color:var(--colors-semantic-roles-bg-external);color:var(--colors-semantic-roles-content-external)}._media_117f5_13{align-items:center;background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--shape-border-radius-radius-md);display:inline-flex;flex:0 0 var(--avatar-size);height:var(--avatar-size);justify-content:center;overflow:hidden;width:var(--avatar-size)}._media_117f5_13>figure{align-items:center;display:flex;height:100%;justify-content:center;width:100%}._media_117f5_13>figure>img{height:100%}._details_117f5_62{display:flex;flex-direction:column;min-width:0;width:100%}._details_117f5_62>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._secondary_117f5_8{align-items:center;display:flex;gap:var(--scale-8);justify-content:space-between;min-width:0;width:100%}._text_117f5_84{color:var(--colors-semantic-content-tertiary);font-size:var(--typography-font-sizes-label-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._role_117f5_13,._role-name_117f5_93{text-transform:capitalize}._role_117f5_13{background-color:var(--colors-semantic-interactive-disabled);border-radius:var(--scale-32);color:var(--colors-semantic-content-secondary);display:block;overflow:hidden;padding:var(--shape-spacing-2xs) var(--shape-spacing-xs);text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}._initials_117f5_109{font-weight:var(--font-font-weight-semibold)}._small_117f5_113{--avatar-size: var(--scale-40)}._small_117f5_113 ._initials_117f5_109{font-size:var(--typography-font-sizes-label-sm)}._medium_117f5_121{--avatar-size: var(--scale-56)}._medium_117f5_121 ._details_117f5_62{gap:var(--shape-spacing-xs)}._medium_117f5_121 ._initials_117f5_109{font-size:var(--typography-font-sizes-label-lg)}._large_117f5_133{--avatar-size: var(--scale-96)}._large_117f5_133 ._details_117f5_62{gap:var(--shape-spacing-sm)}._large_117f5_133 ._details_117f5_62>strong{font-size:var(--typography-font-sizes-h3)}._large_117f5_133 ._initials_117f5_109{font-size:var(--typography-font-sizes-h3)}._large_117f5_133 ._text_117f5_84{font-size:var(--typography-font-sizes-label-lg)}._link_117f5_153{text-decoration:none}._link_117f5_153>._avatar_117f5_1{background-color:transparent}@media (width <= 480px){._secondary_117f5_8{flex-direction:column;align-items:start}}
|
package/dist/assets/index43.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._empty-
|
|
1
|
+
._empty-state_u5gx3_3{max-width:var(--shape-width-max);align-items:center;display:flex;flex-direction:column;margin:var(--shape-spacing-3xl) auto;padding:0 var(--shape-spacing-md);text-align:center;width:100%}._empty-state_u5gx3_3 ._header_u5gx3_14{font-size:var(--typography-font-sizes-h3);font-weight:var(--font-font-weight-bold);margin-bottom:0}@media (width <= 768px){._empty-state_u5gx3_3{margin-block:var(--shape-spacing-md)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_1lij6_3",j="_sidebar_1lij6_9",y="_open_1lij6_62",k="_sticky_1lij6_81",e={aside:p,sidebar:j,open:y,sticky:k},x={default:e.default,sidebar:e.sidebar},g=({children:c,className:i,sticky:d=!1,variant:n="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:u.t(i&&i,t&&e.open,e.aside,d&&e.sticky,x[n]),onClick:l=>{var r;const a=l.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[n==="sidebar"&&s.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(f.Icon,{name:t?"X":"List"})}),c]})};exports.Aside=g;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { jsxs as f, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
2
|
+
import { t as p } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { useState as m } from "react";
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Icon as
|
|
6
|
-
import '../../assets/index26.css';const
|
|
7
|
-
aside:
|
|
4
|
+
import { Button as _ } from "../button/index.js";
|
|
5
|
+
import { Icon as b } from "../icon/index.js";
|
|
6
|
+
import '../../assets/index26.css';const u = "_aside_1lij6_3", k = "_sidebar_1lij6_9", j = "_open_1lij6_62", y = "_sticky_1lij6_81", t = {
|
|
7
|
+
aside: u,
|
|
8
8
|
sidebar: k,
|
|
9
|
-
open:
|
|
10
|
-
sticky:
|
|
11
|
-
},
|
|
9
|
+
open: j,
|
|
10
|
+
sticky: y
|
|
11
|
+
}, h = {
|
|
12
12
|
default: t.default,
|
|
13
13
|
sidebar: t.sidebar
|
|
14
|
-
},
|
|
14
|
+
}, B = ({
|
|
15
15
|
children: d,
|
|
16
16
|
className: s,
|
|
17
17
|
sticky: c = !1,
|
|
18
18
|
variant: i = "default"
|
|
19
19
|
}) => {
|
|
20
20
|
const [e, o] = m(!1);
|
|
21
|
-
return /* @__PURE__ */ f("aside", { className:
|
|
21
|
+
return /* @__PURE__ */ f("aside", { className: p(s && s, e && t.open, t.aside, c && t.sticky, h[i]), onClick: (l) => {
|
|
22
22
|
var r;
|
|
23
|
-
const a =
|
|
23
|
+
const a = l.target.closest("a[href]");
|
|
24
24
|
a && !((r = a.getAttribute("href")) != null && r.startsWith("#")) && o(!1);
|
|
25
25
|
}, "data-component": "aside", children: [
|
|
26
|
-
i === "sidebar" && /* @__PURE__ */ n(
|
|
26
|
+
i === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => o(!e), variant: "tertiary", children: /* @__PURE__ */ n(b, { name: e ? "X" : "List" }) }),
|
|
27
27
|
d
|
|
28
28
|
] });
|
|
29
29
|
};
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
B as Aside
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const s=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),j=require("../figure/index.cjs"),u=require("../icon/index.cjs"),p=require("../link/index.cjs"),h="_avatar_117f5_1",v="_secondary_117f5_8",N="_media_117f5_13",b="_role_117f5_13",y="_details_117f5_62",k="_text_117f5_84",q="_initials_117f5_109",A="_small_117f5_113",I="_medium_117f5_121",L="_large_117f5_133",S="_link_117f5_153",a={avatar:h,secondary:v,"color-1":"_color-1_117f5_13","color-solibo":"_color-solibo_117f5_13",media:N,role:b,"color-2":"_color-2_117f5_18","color-board":"_color-board_117f5_18","color-3":"_color-3_117f5_23","color-owner":"_color-owner_117f5_23","color-4":"_color-4_117f5_28","color-renter":"_color-renter_117f5_28","color-5":"_color-5_117f5_33","color-external":"_color-external_117f5_33",details:y,text:k,"role-name":"_role-name_117f5_93",initials:q,small:A,medium:I,large:L,link:S},$={large:a.large,medium:a.medium,small:a.small},x={large:"large",medium:"medium",small:"medium"},w=i=>{const e=i.trim().split(/\s+/).filter(Boolean),c=Array.from(e[0]??"")[0]??"",t=e.length>1?Array.from(e[e.length-1])[0]:"";return`${c}${t}`.toLocaleUpperCase()},F=({accessibleLabel:i,color:e,icon:c,imageUrl:t,link:_,name:r,role:o,size:l="small",text:n})=>{const m=i||r||"User Avatar",d=r?w(r):"",f=s.jsxs("div",{className:g.t(a.avatar,$[l],e&&a[`color-${e}`]),"data-color":e,"data-size":l,children:[s.jsx("span",{className:a.media,children:s.jsx(j.Figure,{accessibleLabel:m,children:c?s.jsx(u.Icon,{name:c,size:x[l]}):t?s.jsx("img",{src:t,alt:m}):d?s.jsx("span",{"aria-hidden":"true",className:a.initials,children:d}):s.jsx(u.Icon,{name:"User",size:x[l]})})}),(r||o||n)&&s.jsxs("span",{className:a.details,children:[r&&s.jsx("strong",{children:r}),l==="small"&&(n||o)&&s.jsxs("span",{className:a.text,children:[n,n&&o&&" | ",o&&s.jsx("span",{className:a["role-name"],children:o})]}),(l==="medium"||l==="large")&&s.jsxs("span",{className:a.secondary,children:[n&&s.jsx("span",{className:a.text,children:n}),o&&s.jsx("span",{className:a.role,children:o})]})]})]});return _?s.jsx(p.Link,{className:a.link,to:_,"data-component":"avatar",children:f}):f};exports.Avatar=F;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { jsx as l, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
3
|
-
import { Figure as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { Link as
|
|
6
|
-
import '../../assets/index27.css';const
|
|
7
|
-
avatar:
|
|
8
|
-
secondary:
|
|
9
|
-
"color-1": "_color-
|
|
10
|
-
"color-solibo": "_color-
|
|
11
|
-
media:
|
|
12
|
-
role:
|
|
13
|
-
"color-2": "_color-
|
|
14
|
-
"color-board": "_color-
|
|
15
|
-
"color-3": "_color-
|
|
16
|
-
"color-owner": "_color-
|
|
17
|
-
"color-4": "_color-
|
|
18
|
-
"color-renter": "_color-
|
|
19
|
-
"color-5": "_color-
|
|
20
|
-
"color-external": "_color-
|
|
21
|
-
details:
|
|
22
|
-
text:
|
|
23
|
-
"role-name": "_role-
|
|
24
|
-
initials:
|
|
25
|
-
small:
|
|
26
|
-
medium:
|
|
27
|
-
large:
|
|
28
|
-
link:
|
|
29
|
-
},
|
|
2
|
+
import { t as u } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Figure as v } from "../figure/index.js";
|
|
4
|
+
import { Icon as h } from "../icon/index.js";
|
|
5
|
+
import { Link as N } from "../link/index.js";
|
|
6
|
+
import '../../assets/index27.css';const b = "_avatar_117f5_1", y = "_secondary_117f5_8", x = "_media_117f5_13", k = "_role_117f5_13", A = "_details_117f5_62", I = "_text_117f5_84", L = "_initials_117f5_109", $ = "_small_117f5_113", j = "_medium_117f5_121", w = "_large_117f5_133", F = "_link_117f5_153", a = {
|
|
7
|
+
avatar: b,
|
|
8
|
+
secondary: y,
|
|
9
|
+
"color-1": "_color-1_117f5_13",
|
|
10
|
+
"color-solibo": "_color-solibo_117f5_13",
|
|
11
|
+
media: x,
|
|
12
|
+
role: k,
|
|
13
|
+
"color-2": "_color-2_117f5_18",
|
|
14
|
+
"color-board": "_color-board_117f5_18",
|
|
15
|
+
"color-3": "_color-3_117f5_23",
|
|
16
|
+
"color-owner": "_color-owner_117f5_23",
|
|
17
|
+
"color-4": "_color-4_117f5_28",
|
|
18
|
+
"color-renter": "_color-renter_117f5_28",
|
|
19
|
+
"color-5": "_color-5_117f5_33",
|
|
20
|
+
"color-external": "_color-external_117f5_33",
|
|
21
|
+
details: A,
|
|
22
|
+
text: I,
|
|
23
|
+
"role-name": "_role-name_117f5_93",
|
|
24
|
+
initials: L,
|
|
25
|
+
small: $,
|
|
26
|
+
medium: j,
|
|
27
|
+
large: w,
|
|
28
|
+
link: F
|
|
29
|
+
}, U = {
|
|
30
30
|
large: a.large,
|
|
31
31
|
medium: a.medium,
|
|
32
32
|
small: a.small
|
|
33
|
-
},
|
|
33
|
+
}, g = {
|
|
34
34
|
large: "large",
|
|
35
35
|
medium: "medium",
|
|
36
36
|
small: "medium"
|
|
37
|
-
},
|
|
37
|
+
}, B = (_) => {
|
|
38
38
|
const o = _.trim().split(/\s+/).filter(Boolean), t = Array.from(o[0] ?? "")[0] ?? "", c = o.length > 1 ? Array.from(o[o.length - 1])[0] : "";
|
|
39
39
|
return `${t}${c}`.toLocaleUpperCase();
|
|
40
|
-
},
|
|
40
|
+
}, E = ({
|
|
41
41
|
accessibleLabel: _,
|
|
42
42
|
color: o,
|
|
43
43
|
icon: t,
|
|
@@ -48,8 +48,8 @@ import '../../assets/index27.css';const v = "_avatar_yz2kp_1", N = "_secondary_y
|
|
|
48
48
|
size: s = "small",
|
|
49
49
|
text: n
|
|
50
50
|
}) => {
|
|
51
|
-
const d = _ || e || "User Avatar",
|
|
52
|
-
/* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(
|
|
51
|
+
const d = _ || e || "User Avatar", f = e ? B(e) : "", p = /* @__PURE__ */ i("div", { className: u(a.avatar, U[s], o && a[`color-${o}`]), "data-color": o, "data-size": s, children: [
|
|
52
|
+
/* @__PURE__ */ l("span", { className: a.media, children: /* @__PURE__ */ l(v, { accessibleLabel: d, children: t ? /* @__PURE__ */ l(h, { name: t, size: g[s] }) : c ? /* @__PURE__ */ l("img", { src: c, alt: d }) : f ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: a.initials, children: f }) : /* @__PURE__ */ l(h, { name: "User", size: g[s] }) }) }),
|
|
53
53
|
(e || r || n) && /* @__PURE__ */ i("span", { className: a.details, children: [
|
|
54
54
|
e && /* @__PURE__ */ l("strong", { children: e }),
|
|
55
55
|
s === "small" && (n || r) && /* @__PURE__ */ i("span", { className: a.text, children: [
|
|
@@ -63,9 +63,9 @@ import '../../assets/index27.css';const v = "_avatar_yz2kp_1", N = "_secondary_y
|
|
|
63
63
|
] })
|
|
64
64
|
] })
|
|
65
65
|
] });
|
|
66
|
-
return m ? /* @__PURE__ */ l(
|
|
66
|
+
return m ? /* @__PURE__ */ l(N, { className: a.link, to: m, "data-component": "avatar", children: p }) : p;
|
|
67
67
|
};
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
E as Avatar
|
|
70
70
|
};
|
|
71
71
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),n="_header_u5gx3_14",t={"empty-state":"_empty-state_u5gx3_3",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import '../../assets/index43.css';const
|
|
3
|
-
"empty-state": "_empty-
|
|
4
|
-
header:
|
|
5
|
-
},
|
|
1
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index43.css';const p = "_header_u5gx3_14", t = {
|
|
3
|
+
"empty-state": "_empty-state_u5gx3_3",
|
|
4
|
+
header: p
|
|
5
|
+
}, d = ({
|
|
6
6
|
button: s,
|
|
7
7
|
content: a,
|
|
8
8
|
header: r
|
|
9
|
-
}) => /* @__PURE__ */
|
|
9
|
+
}) => /* @__PURE__ */ m("div", { className: t["empty-state"], "data-component": "emptystate", children: [
|
|
10
10
|
/* @__PURE__ */ e("p", { className: t.header, children: r }),
|
|
11
11
|
/* @__PURE__ */ e("p", { children: a }),
|
|
12
12
|
s
|
|
13
13
|
] });
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
d as EmptyState
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED