@solibo/solibo-ui 1.2.2 → 1.2.3
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/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._nav_xrgjg_3 a{display:block}._label_xrgjg_9{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._item_xrgjg_17{align-items:center;border-radius:var(--shape-border-radius-radius-md);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto}._item_xrgjg_17>a{display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:subgrid;margin-bottom:0}._item_xrgjg_17>a>[data-component=badge]{grid-column:3}._actions_xrgjg_36{grid-column:4;grid-row:1;justify-self:end;margin-right:var(--shape-spacing-2xs);margin-top:var(--shape-spacing-2xs);width:-moz-max-content;width:max-content;z-index:1}._actions_xrgjg_36:has([data-component=popover]){display:none}._item_xrgjg_17:hover ._actions_xrgjg_36,._item_xrgjg_17:focus-within ._actions_xrgjg_36{display:block}._item_xrgjg_17:hover ._actions_xrgjg_36 [data-component=popover],._item_xrgjg_17:focus-within ._actions_xrgjg_36 [data-component=popover]{visibility:visible}._highlighted_xrgjg_60>a{background:var(--colors-semantic-primary-primary-subtle);border-color:var(--colors-semantic-primary-primary-subtle-border);color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-semibold)}._horizontal_xrgjg_64 a,._horizontal_xrgjg_64 li{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar_xrgjg_74 a{align-items:center;border:var(--scale-1) solid transparent;border-radius:var(--shape-border-radius-radius-md);color:var(--colors-semantic-content-secondary);display:flex;line-height:var(--utils-tokens-unit);overflow:hidden;padding:var(--shape-spacing-md) var(--shape-spacing-sm);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._sidebar_xrgjg_74 a [data-component=badge]{margin-left:auto}._sidebar_xrgjg_74 a[aria-current=page]{background:var(--colors-semantic-primary-primary-subtle);border-color:var(--colors-semantic-primary-primary-subtle-border);color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-semibold)}._sidebar_xrgjg_74 a:has(~a){margin-bottom:var(--shape-spacing-2xs)}._sidebar_xrgjg_74 ._item_xrgjg_17>a{display:grid}._sidebar_xrgjg_74 input{margin:3px 0!important}._sidebar_xrgjg_74~._sidebar_xrgjg_74{border-top:solid 1px var(--colors-semantic-border-default);margin-top:var(--shape-spacing-lg);padding-top:var(--shape-spacing-2xs)}._nav_xrgjg_3._tabs_xrgjg_117._tabs_xrgjg_117{display:flex;gap:var(--utils-tokens-unit)}._nav_xrgjg_3._tabs_xrgjg_117._tabs_xrgjg_117 a,._nav_xrgjg_3._tabs_xrgjg_117._tabs_xrgjg_117 li{color:var(--colors-semantic-content-tertiary);display:inline-block;font-weight:var(--font-font-weight-semibold);padding:var(--scale-4) var(--scale-2) var(--scale-8) var(--scale-2);text-align:center;text-decoration:none}._nav_xrgjg_3._tabs_xrgjg_117._tabs_xrgjg_117 a[aria-current=page],._nav_xrgjg_3._tabs_xrgjg_117._tabs_xrgjg_117 li[aria-current=page]{border-bottom:var(--shape-border-width-default) solid var(--colors-semantic-content-primary);color:var(--colors-semantic-content-primary)}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137{-webkit-backdrop-filter:blur(var(--scale-8));backdrop-filter:blur(var(--scale-8));background-color:var(--colors-translucent);border:var(--scale-2) solid var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-2xl);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:flex;left:50%;margin:0 auto;position:sticky;top:var(--utils-tokens-unit);transform:translate(-50%);width:-moz-fit-content;width:fit-content;z-index:2}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137:has(>:only-child){display:none}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137:before{background:var(--colors-purple-500);border-radius:var(--shape-border-radius-radius-2xl);content:"";inset-block:0;left:anchor(left);position:absolute;position-anchor:--current;transition:left var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),top var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),width var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:anchor-size(width);z-index:0}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a{border-radius:var(--scale-32);color:var(--colors-semantic-primary-primary);display:inline-block;font-weight:var(--font-font-weight-bold);padding:var(--utils-tokens-unit);position:relative;text-decoration:none;text-overflow:ellipsis;transition:color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),padding var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);white-space:nowrap;z-index:2}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a[aria-current=page]{anchor-name:--current;color:var(--colors-semantic-bg-surface)}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a[aria-current=page]:hover{color:var(--colors-semantic-bg-surface)}@media (width <= 1024px){._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137{flex-direction:column}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a[aria-current=page]{background-color:var(--colors-purple-500)}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a[aria-current=page]:after{background-color:var(--colors-semantic-bg-surface);content:"";display:inline-block;height:var(--utils-tokens-unit);margin-left:var(--scale-8);-webkit-mask-image:var(--icon-svg);mask-image:var(--icon-svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);vertical-align:middle;width:var(--utils-tokens-unit)}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137 a:not([aria-current=page]){display:none}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137:before{display:none}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137[data-open=true] a{display:block}._nav_xrgjg_3._pills_xrgjg_137._pills_xrgjg_137[data-open=true] a[aria-current=page]:after{transform:rotateX(180deg)}}@supports not (position-anchor: --x){._pills_xrgjg_137:before{display:none}._pills_xrgjg_137 a[aria-current=page]{background:var(--colors-purple-500);color:var(--colors-semantic-bg-surface)}}._sidebar_xrgjg_74 a:hover:not([aria-current=page]),._sidebar_xrgjg_74 ._item_xrgjg_17:hover>a:not([aria-current=page]){background:var(--colors-semantic-interactive-hover-subtle);border-color:var(--colors-semantic-interactive-hover-subtle);color:var(--colors-semantic-content-primary)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const l=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const l=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),u=require("react"),b=require("../../icons-Dv_p0bUF.cjs"),m="_nav_xrgjg_3",v="_label_xrgjg_9",p="_item_xrgjg_17",x="_actions_xrgjg_36",j="_highlighted_xrgjg_60",f="_horizontal_xrgjg_64",N="_sidebar_xrgjg_74",w="_tabs_xrgjg_117",q="_pills_xrgjg_137",t={nav:m,label:v,item:p,actions:x,highlighted:j,horizontal:f,sidebar:N,tabs:w,pills:q},y={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},z=({className:a,...e})=>l.jsx("span",{className:r.t(a,t.label),...e,"data-component":"navlabel"}),S=({actions:a,children:e,className:o,highlighted:n=!1,...s})=>l.jsxs("div",{className:r.t(t.item,n&&t.highlighted,o),"data-nav-item":!0,...s,"data-component":"navitem",children:[e,a&&l.jsx("span",{className:t.actions,children:a})]}),C=({animation:a,children:e,className:o,horizontal:n=!1,variant:s="default",...g})=>{const[d,c]=u.useState(!1),_={"--icon-svg":b.iconSVG("CaretDown")};return l.jsx("nav",{className:r.t(o,n&&t.horizontal,t.nav,y[s]),"data-animation":a,"data-open":d?"true":"false","data-orientation":n?"horizontal":"vertical",onBlurCapture:i=>{if(s!=="pills"||window.innerWidth>960)return;const h=i.relatedTarget;i.currentTarget.contains(h)||c(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||c(i=>!i)},style:_,...g,"data-component":"nav",children:e})};exports.Nav=C;exports.NavItem=S;exports.NavLabel=z;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as l, jsxs as
|
|
1
|
+
import { jsx as l, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import { t as r } from "../../classix-DG18itHa.js";
|
|
3
|
-
import { useState as
|
|
4
|
-
import { i as
|
|
5
|
-
import '../../assets/index13.css';const
|
|
6
|
-
nav:
|
|
7
|
-
label:
|
|
8
|
-
item:
|
|
9
|
-
actions:
|
|
10
|
-
highlighted:
|
|
11
|
-
horizontal:
|
|
12
|
-
sidebar:
|
|
13
|
-
tabs:
|
|
14
|
-
pills:
|
|
3
|
+
import { useState as p } from "react";
|
|
4
|
+
import { i as b } from "../../icons-dUP7sKyt.js";
|
|
5
|
+
import '../../assets/index13.css';const f = "_nav_xrgjg_3", v = "_label_xrgjg_9", x = "_item_xrgjg_17", u = "_actions_xrgjg_36", j = "_highlighted_xrgjg_60", N = "_horizontal_xrgjg_64", w = "_sidebar_xrgjg_74", z = "_tabs_xrgjg_117", C = "_pills_xrgjg_137", t = {
|
|
6
|
+
nav: f,
|
|
7
|
+
label: v,
|
|
8
|
+
item: x,
|
|
9
|
+
actions: u,
|
|
10
|
+
highlighted: j,
|
|
11
|
+
horizontal: N,
|
|
12
|
+
sidebar: w,
|
|
13
|
+
tabs: z,
|
|
14
|
+
pills: C
|
|
15
15
|
}, y = {
|
|
16
16
|
default: t.default,
|
|
17
17
|
pills: t.pills,
|
|
@@ -19,34 +19,34 @@ import '../../assets/index13.css';const v = "_nav_1h1i0_3", u = "_label_1h1i0_9"
|
|
|
19
19
|
tabs: t.tabs
|
|
20
20
|
}, k = ({
|
|
21
21
|
className: a,
|
|
22
|
-
...
|
|
23
|
-
}) => /* @__PURE__ */ l("span", { className: r(a, t.label), ...
|
|
22
|
+
...n
|
|
23
|
+
}) => /* @__PURE__ */ l("span", { className: r(a, t.label), ...n, "data-component": "navlabel" }), B = ({
|
|
24
24
|
actions: a,
|
|
25
|
-
children:
|
|
25
|
+
children: n,
|
|
26
26
|
className: o,
|
|
27
|
-
highlighted:
|
|
28
|
-
...
|
|
29
|
-
}) => /* @__PURE__ */
|
|
30
|
-
|
|
27
|
+
highlighted: e = !1,
|
|
28
|
+
...s
|
|
29
|
+
}) => /* @__PURE__ */ h("div", { className: r(t.item, e && t.highlighted, o), "data-nav-item": !0, ...s, "data-component": "navitem", children: [
|
|
30
|
+
n,
|
|
31
31
|
a && /* @__PURE__ */ l("span", { className: t.actions, children: a })
|
|
32
32
|
] }), D = ({
|
|
33
33
|
animation: a,
|
|
34
|
-
children:
|
|
34
|
+
children: n,
|
|
35
35
|
className: o,
|
|
36
|
-
horizontal:
|
|
37
|
-
variant:
|
|
38
|
-
...
|
|
36
|
+
horizontal: e = !1,
|
|
37
|
+
variant: s = "default",
|
|
38
|
+
...g
|
|
39
39
|
}) => {
|
|
40
|
-
const [d, c] =
|
|
41
|
-
"--icon-svg":
|
|
40
|
+
const [d, c] = p(!1), _ = {
|
|
41
|
+
"--icon-svg": b("CaretDown")
|
|
42
42
|
};
|
|
43
|
-
return /* @__PURE__ */ l("nav", { className: r(o,
|
|
44
|
-
if (
|
|
45
|
-
const m =
|
|
46
|
-
|
|
43
|
+
return /* @__PURE__ */ l("nav", { className: r(o, e && t.horizontal, t.nav, y[s]), "data-animation": a, "data-open": d ? "true" : "false", "data-orientation": e ? "horizontal" : "vertical", onBlurCapture: (i) => {
|
|
44
|
+
if (s !== "pills" || window.innerWidth > 960) return;
|
|
45
|
+
const m = i.relatedTarget;
|
|
46
|
+
i.currentTarget.contains(m) || c(!1);
|
|
47
47
|
}, onClick: () => {
|
|
48
|
-
|
|
49
|
-
}, style: _, ...
|
|
48
|
+
s !== "pills" || window.innerWidth > 960 || c((i) => !i);
|
|
49
|
+
}, style: _, ...g, "data-component": "nav", children: n });
|
|
50
50
|
};
|
|
51
51
|
export {
|
|
52
52
|
D as Nav,
|
package/dist/tokens.json
CHANGED