@solibo/solibo-ui 1.0.25 → 1.0.26
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/index10.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/components/portal/index.cjs +1 -1
- package/dist/components/portal/index.js +11 -11
- package/dist/components/widget/index.cjs +1 -1
- package/dist/components/widget/index.js +6 -6
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pseudo-selected-width: 3px}@keyframes
|
|
1
|
+
:root{--pseudo-selected-width: 3px}@keyframes _reveal_1co65_1{0%{opacity:0}to{opacity:1}}@property --portal-left{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-middle{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-right{inherits: true; initial-value: white; syntax: "<color>";}@property --gradient-angle{inherits: true; initial-value: 180deg; syntax: "<angle>";}._portal_1co65_41{align-self:start;animation:_reveal_1co65_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_1co65_41:has(nav [data-portal=blue][data-active]),._portal_1co65_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1co65_41:has(nav [data-portal=green][data-active]),._portal_1co65_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_1co65_41:has(nav [data-portal=red][data-active]),._portal_1co65_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1co65_41 figure{align-self:center;display:flex;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_1co65_41 figure figcaption{display:none}._portal_1co65_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_1co65_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 nav a,._portal_1co65_41 nav summary{color:var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-regular);overflow:hidden;padding:var(--shape-spacing-xs);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._portal_1co65_41 nav a [data-component=icon],._portal_1co65_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_1co65_41 nav a[aria-current=page],._portal_1co65_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav details>summary{white-space:nowrap}._portal_1co65_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_1co65_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_1co65_41 nav details a{border-bottom-right-radius:var(--shape-border-radius-radius-sm);border-top-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_1co65_41 nav details a:before{background-color:var(--colors-neutral-0);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_1co65_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_1co65_41 nav details a[aria-current=page]{background-color:#00000017}._portal_1co65_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_1co65_41 nav details a:last-child:not([aria-current=page]){margin-bottom:var(--utils-tokens-unit)}._portal_1co65_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);justify-content:center;justify-self:center;margin-bottom:var(--utils-tokens-unit);width:100%}._portal_1co65_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_1co65_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_1co65_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_1co65_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_1co65_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_1co65_41 select:active,._portal_1co65_41 select:focus{outline:none}._portal_1co65_41 ._content_1co65_254{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 ._toggle_1co65_261{display:none}@media (width <= 1024px){._portal_1co65_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_1co65_41 ._content_1co65_254{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_1co65_41 ._toggle_1co65_261{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-webkit-min-content;width:-moz-min-content;width:min-content}._portal_1co65_41 ._toggle_1co65_261 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_1co65_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_1co65_41._open_1co65_314{--gradient-angle: 180deg;height:100vh;width:calc(var(--utils-tokens-unit) * 30)}._portal_1co65_41._open_1co65_314 ._content_1co65_254{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;transition:opacity 1s,visibility 0s;visibility:visible}._portal_1co65_41._open_1co65_314 ._toggle_1co65_261>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_1co65_41._open_1co65_314{width:100vw}}@media (width <= 1024px){._menu_1co65_347{padding:0}._menu_1co65_347>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._widget_tzwji_1 ol,._widget_tzwji_1 ul{max-height:80vh;overflow-y:auto;padding:0 var(--scale-8);scrollbar-track-color:rgba(0 0 0 / 0%);scrollbar-width:thin}._widget_tzwji_1 [data-component=card]{cursor:default}._widget_tzwji_1 [data-content=google-maps]{border-radius:var(--shape-border-radius-radius-md);height:calc(var(--utils-tokens-unit) * 20);margin:var(--utils-tokens-negative-unit);overflow:hidden;width:calc(100% + (var(--utils-tokens-unit) * 2))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),i=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),g="_portal_1co65_41",p="_content_1co65_254",x="_toggle_1co65_261",m="_open_1co65_314",n={portal:g,content:p,toggle:x,open:m},j=({children:o,portals:t,open:s,setOpen:c})=>e.jsxs(l.Aside,{className:r.t(n.portal,s&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(i.Button,{className:n.toggle,onClick:()=>c(!s),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[t&&e.jsx(u.Nav,{horizontal:!0,children:t}),o&&o]})]});exports.Portal=j;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { t as a } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Button as m } from "../button/index.js";
|
|
4
4
|
import { Icon as l } from "../icon/index.js";
|
|
5
5
|
import { Aside as s } from "../aside/index.js";
|
|
6
6
|
import { Branding as p } from "../branding/index.js";
|
|
7
7
|
import { Figure as _ } from "../figure/index.js";
|
|
8
8
|
import { Nav as g } from "../nav/index.js";
|
|
9
|
-
import '../../assets/index10.css';const d = "
|
|
9
|
+
import '../../assets/index10.css';const d = "_portal_1co65_41", f = "_content_1co65_254", h = "_toggle_1co65_261", u = "_open_1co65_314", t = {
|
|
10
10
|
portal: d,
|
|
11
11
|
content: f,
|
|
12
12
|
toggle: h,
|
|
13
|
-
open:
|
|
14
|
-
},
|
|
13
|
+
open: u
|
|
14
|
+
}, b = ({
|
|
15
15
|
children: r,
|
|
16
16
|
portals: n,
|
|
17
17
|
open: e,
|
|
18
|
-
setOpen:
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */ o(
|
|
18
|
+
setOpen: i
|
|
19
|
+
}) => /* @__PURE__ */ c(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
|
|
20
|
+
/* @__PURE__ */ o(m, { className: t.toggle, onClick: () => i(!e), variant: "tertiary", children: /* @__PURE__ */ o(l, { name: "sidebar" }) }),
|
|
21
21
|
/* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
|
|
22
|
-
/* @__PURE__ */
|
|
22
|
+
/* @__PURE__ */ c("div", { className: t.content, children: [
|
|
23
23
|
n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
|
|
24
24
|
r && r
|
|
25
25
|
] })
|
|
26
26
|
] });
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
b as Portal
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),d=require("../card/index.cjs"),n="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),d=require("../card/index.cjs"),n="_widget_tzwji_1",s={widget:n},o=({children:t,...i})=>e.jsx("div",{className:s.widget,...i,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { Card as
|
|
3
|
-
import '../../assets/index2.css';const o = "
|
|
2
|
+
import { Card as d } from "../card/index.js";
|
|
3
|
+
import '../../assets/index2.css';const o = "_widget_tzwji_1", r = {
|
|
4
4
|
widget: o
|
|
5
|
-
},
|
|
5
|
+
}, c = ({
|
|
6
6
|
children: e,
|
|
7
|
-
...
|
|
8
|
-
}) => /* @__PURE__ */ t("div", { className: r.widget, ...
|
|
7
|
+
...i
|
|
8
|
+
}) => /* @__PURE__ */ t("div", { className: r.widget, ...i, "data-component": "widget", children: /* @__PURE__ */ t(d, { children: e }) });
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
c as Widget
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED