@solibo/solibo-ui 1.0.0 → 1.0.1
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/index25.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_1oaey_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_1oaey_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_1oaey_9 header{margin-top:0;margin-bottom:var(--shape-spacing-lg)}._sidebar_1oaey_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_1oaey_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_1oaey_9::-webkit-scrollbar{width:var(--scale-2)}._sidebar_1oaey_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_1oaey_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-1)}}._sticky_1oaey_45{position:-webkit-sticky;position:sticky;top:0}@media (width <= 1024px){._sidebar_1oaey_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;width:100vw;z-index:2;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sidebar_1oaey_9>nav{display:none}._sidebar_1oaey_9>header{margin-bottom:0}._sidebar_1oaey_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_1oaey_9 [data-sidebar-toggle]:after{content:"";position:absolute;inset:var(--utils-tokens-negative-unit)}._sidebar_1oaey_9._open_1oaey_81{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl))}._sidebar_1oaey_9._open_1oaey_81>header{margin-bottom:var(--shape-spacing-md)}._sidebar_1oaey_9._open_1oaey_81>nav{display:block}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),y=require("../button/index.cjs"),b=require("../icon/index.cjs"),f="_aside_1oaey_3",p="_sidebar_1oaey_9",x="_sticky_1oaey_45",k="_open_1oaey_81",e={aside:f,sidebar:p,sticky:x,open:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:i="default"})=>{const[t,o]=_.useState(!1);return s.jsxs("aside",{className:l.t(n&&n,t&&e.open,e.aside,d&&e.sticky,m[i]),onClick:u=>{var r;const a=u.target.closest("a[href]");a&&!((r=a.getAttribute("href"))!=null&&r.startsWith("#"))&&o(!1)},"data-component":"aside",children:[i==="sidebar"&&s.jsx(y.Button,{"data-sidebar-toggle":"true",onClick:()=>o(!t),variant:"tertiary",children:s.jsx(b.Icon,{name:t?"x":"menu"})}),c]})};exports.Aside=g;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { t as m } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { useState as p } from "react";
|
|
4
4
|
import { Button as _ } from "../button/index.js";
|
|
5
|
-
import { Icon as
|
|
6
|
-
import '../../assets/index25.css';const
|
|
7
|
-
aside:
|
|
8
|
-
sidebar:
|
|
5
|
+
import { Icon as y } from "../icon/index.js";
|
|
6
|
+
import '../../assets/index25.css';const u = "_aside_1oaey_3", b = "_sidebar_1oaey_9", k = "_sticky_1oaey_45", h = "_open_1oaey_81", e = {
|
|
7
|
+
aside: u,
|
|
8
|
+
sidebar: b,
|
|
9
9
|
sticky: k,
|
|
10
|
-
open:
|
|
11
|
-
},
|
|
12
|
-
default:
|
|
13
|
-
sidebar:
|
|
14
|
-
},
|
|
10
|
+
open: h
|
|
11
|
+
}, g = {
|
|
12
|
+
default: e.default,
|
|
13
|
+
sidebar: e.sidebar
|
|
14
|
+
}, B = ({
|
|
15
15
|
children: d,
|
|
16
16
|
className: s,
|
|
17
17
|
sticky: c = !1,
|
|
18
|
-
variant:
|
|
18
|
+
variant: o = "default"
|
|
19
19
|
}) => {
|
|
20
|
-
const [
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
const [t, a] = p(!1);
|
|
21
|
+
return /* @__PURE__ */ l("aside", { className: m(s && s, t && e.open, e.aside, c && e.sticky, g[o]), onClick: (f) => {
|
|
22
22
|
var r;
|
|
23
|
-
const
|
|
24
|
-
|
|
23
|
+
const i = f.target.closest("a[href]");
|
|
24
|
+
i && !((r = i.getAttribute("href")) != null && r.startsWith("#")) && a(!1);
|
|
25
25
|
}, "data-component": "aside", children: [
|
|
26
|
-
|
|
26
|
+
o === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => a(!t), variant: "tertiary", children: /* @__PURE__ */ n(y, { name: t ? "x" : "menu" }) }),
|
|
27
27
|
d
|
|
28
28
|
] });
|
|
29
29
|
};
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
B as Aside
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED