@solibo/solibo-ui 1.2.3 → 2.0.0

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.
Files changed (38) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/assets/index10.css +1 -1
  3. package/dist/assets/index19.css +1 -1
  4. package/dist/assets/index3.css +1 -1
  5. package/dist/assets/index30.css +1 -1
  6. package/dist/assets/index31.css +1 -1
  7. package/dist/assets/index40.css +1 -1
  8. package/dist/assets/index42.css +1 -1
  9. package/dist/assets/index49.css +1 -1
  10. package/dist/components/branding/index.cjs +15 -1
  11. package/dist/components/branding/index.cjs.map +1 -1
  12. package/dist/components/branding/index.js +25 -26
  13. package/dist/components/branding/index.js.map +1 -1
  14. package/dist/components/button/index.cjs +1 -1
  15. package/dist/components/button/index.js +24 -24
  16. package/dist/components/dropdown/index.cjs +1 -1
  17. package/dist/components/dropdown/index.cjs.map +1 -1
  18. package/dist/components/dropdown/index.js +71 -71
  19. package/dist/components/dropdown/index.js.map +1 -1
  20. package/dist/components/editor/index.cjs +21 -21
  21. package/dist/components/editor/index.cjs.map +1 -1
  22. package/dist/components/editor/index.js +1510 -1496
  23. package/dist/components/editor/index.js.map +1 -1
  24. package/dist/components/header/index.cjs +1 -1
  25. package/dist/components/header/index.js +19 -19
  26. package/dist/components/link/index.cjs +1 -1
  27. package/dist/components/link/index.cjs.map +1 -1
  28. package/dist/components/link/index.js +11 -11
  29. package/dist/components/portal/index.cjs +1 -1
  30. package/dist/components/portal/index.cjs.map +1 -1
  31. package/dist/components/portal/index.js +19 -19
  32. package/dist/components/portal/index.js.map +1 -1
  33. package/dist/components/toggle/index.cjs +1 -1
  34. package/dist/components/toggle/index.js +16 -16
  35. package/dist/index.d.ts +10 -21
  36. package/dist/tokens.css +173 -142
  37. package/dist/tokens.json +617 -912
  38. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_ex2by_1",m="_controls_ex2by_68",b="_cta_ex2by_95",j="_jumbo_ex2by_145",e={header:_,controls:m,cta:b,"header-content":"_header-content_ex2by_107",jumbo:j},x={default:e.default,jumbo:e.jumbo},y=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const c=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),n=s?t.jsxs("div",{className:e.controls,children:[c,s]}):c;return t.jsxs("header",{className:u.t(e.header,x[h],r&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[n,a]}):n,d]})};exports.Header=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_grfw1_1",m="_controls_grfw1_68",j="_cta_grfw1_95",f="_jumbo_grfw1_145",e={header:_,controls:m,cta:j,"header-content":"_header-content_grfw1_107",jumbo:f},b={default:e.default,jumbo:e.jumbo},g=({backButton:n,capitalize:o=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const r=t.jsxs("div",{className:e["header-content"],children:[n,l,i]}),c=s?t.jsxs("div",{className:e.controls,children:[r,s]}):r;return t.jsxs("header",{className:u.t(e.header,b[h],o&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[c,a]}):c,d]})};exports.Header=g;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,41 +1,41 @@
1
1
  import { jsxs as t } from "react/jsx-runtime";
2
2
  import { t as _ } from "../../classix-DG18itHa.js";
3
- import '../../assets/index19.css';const i = "_header_ex2by_1", b = "_controls_ex2by_68", u = "_cta_ex2by_95", x = "_jumbo_ex2by_145", e = {
3
+ import '../../assets/index19.css';const i = "_header_grfw1_1", f = "_controls_grfw1_68", u = "_cta_grfw1_95", j = "_jumbo_grfw1_145", e = {
4
4
  header: i,
5
- controls: b,
5
+ controls: f,
6
6
  cta: u,
7
- "header-content": "_header-content_ex2by_107",
8
- jumbo: x
9
- }, f = {
7
+ "header-content": "_header-content_grfw1_107",
8
+ jumbo: j
9
+ }, b = {
10
10
  default: e.default,
11
11
  jumbo: e.jumbo
12
- }, p = ({
13
- backButton: r,
12
+ }, w = ({
13
+ backButton: n,
14
14
  capitalize: s = !1,
15
15
  children: d,
16
16
  controls: a,
17
- cta: o,
17
+ cta: r,
18
18
  header: l,
19
19
  subHeader: h,
20
20
  variant: m = "default"
21
21
  }) => {
22
- const c = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
23
- r,
22
+ const o = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
23
+ n,
24
24
  l,
25
25
  h
26
- ] }), n = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
27
- c,
26
+ ] }), c = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
27
+ o,
28
28
  a
29
- ] }) : c;
30
- return /* @__PURE__ */ t("header", { className: _(e.header, f[m], s && e.capitalize), "data-component": "header", children: [
31
- o ? /* @__PURE__ */ t("div", { className: e.cta, children: [
32
- n,
33
- o
34
- ] }) : n,
29
+ ] }) : o;
30
+ return /* @__PURE__ */ t("header", { className: _(e.header, b[m], s && e.capitalize), "data-component": "header", children: [
31
+ r ? /* @__PURE__ */ t("div", { className: e.cta, children: [
32
+ c,
33
+ r
34
+ ] }) : c,
35
35
  d
36
36
  ] });
37
37
  };
38
38
  export {
39
- p as Header
39
+ w as Header
40
40
  };
41
41
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_link_xhd9q_1",o="_primary_xhd9q_7",c="_danger_xhd9q_13",_="_minimal_xhd9q_21",n={link:m,primary:o,danger:c,minimal:_},d=({children:i,className:r,to:e="#",variant:t="primary",...a})=>s.jsx("a",{className:l.t(r,n.link,n[t]),href:e,...a,"data-component":"link",children:i});exports.Link=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_link_fsphh_1",o="_primary_fsphh_19",c="_danger_fsphh_25",_="_minimal_fsphh_33",n={link:m,primary:o,danger:c,minimal:_},p=({children:i,className:r,to:s="#",variant:e="primary",...t})=>a.jsx("a",{className:l.t(r,n.link,n[e]),href:s,...t,"data-component":"link",children:i});exports.Link=p;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n children: React.ReactNode;\n className?: string;\n to?: string;\n variant?: 'danger' | 'minimal' | 'primary';\n};\n\nexport const Link = ({\n children,\n className,\n to = '#',\n variant = 'primary',\n ...props\n}: LinkProps) => {\n return (\n <a\n className={cx(className, styles.link, styles[variant])}\n href={to}\n {...props}\n >\n {children}\n </a>\n );\n};\n"],"names":["Link","children","className","to","variant","props","cx","styles","link"],"mappings":"uRAWaA,EAAOA,CAAC,CACnBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EAAK,IACLC,QAAAA,EAAU,UACV,GAAGC,CACM,UAEN,IAAA,CACC,UAAWC,EAAAA,EAAGJ,EAAWK,EAAOC,KAAMD,EAAOH,CAAO,CAAC,EACrD,KAAMD,EACN,GAAIE,EAAM,iBAAA,OAETJ,SAAAA,EACH"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n children: React.ReactNode;\n className?: string;\n to?: string;\n variant?: 'danger' | 'minimal' | 'primary';\n};\n\nexport const Link = ({\n children,\n className,\n to = '#',\n variant = 'primary',\n ...props\n}: LinkProps) => {\n return (\n <a\n className={cx(className, styles.link, styles[variant])}\n href={to}\n {...props}\n >\n {children}\n </a>\n );\n};\n"],"names":["Link","children","className","to","variant","props","cx","styles","link"],"mappings":"wRAWaA,EAAOA,CAAC,CACnBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EAAK,IACLC,QAAAA,EAAU,UACV,GAAGC,CACM,UAEN,IAAA,CACC,UAAWC,EAAAA,EAAGJ,EAAWK,EAAOC,KAAMD,EAAOH,CAAO,CAAC,EACrD,KAAMD,EACN,GAAIE,EAAM,iBAAA,OAETJ,SAAAA,EACH"}
@@ -1,18 +1,18 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { t as _ } from "../../classix-DG18itHa.js";
3
- import '../../assets/index49.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
4
- link: s,
5
- primary: l,
6
- danger: e,
7
- minimal: c
8
- }, k = ({
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { t as o } from "../../classix-DG18itHa.js";
3
+ import '../../assets/index49.css';const p = "_link_fsphh_1", _ = "_primary_fsphh_19", l = "_danger_fsphh_25", e = "_minimal_fsphh_33", n = {
4
+ link: p,
5
+ primary: _,
6
+ danger: l,
7
+ minimal: e
8
+ }, f = ({
9
9
  children: r,
10
10
  className: i,
11
11
  to: m = "#",
12
12
  variant: a = "primary",
13
- ...t
14
- }) => /* @__PURE__ */ o("a", { className: _(i, n.link, n[a]), href: m, ...t, "data-component": "link", children: r });
13
+ ...s
14
+ }) => /* @__PURE__ */ t("a", { className: o(i, n.link, n[a]), href: m, ...s, "data-component": "link", children: r });
15
15
  export {
16
- k as Link
16
+ f as Link
17
17
  };
18
18
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c=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"),p="_portal_korl3_41",g="_content_korl3_260",m="_toggle_korl3_267",x="_open_korl3_320",n={portal:p,content:g,toggle:m,open:x},j=({children:o,portals:t,open:r,setOpen:s})=>e.jsxs(l.Aside,{className:i.t(n.portal,r&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>s(!r),variant:"tertiary",children:e.jsx(a.Icon,{name:"SidebarSimple"})}),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;
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"),p="_portal_sc6cd_23",x="_content_sc6cd_282",g="_toggle_sc6cd_289",m="_open_sc6cd_340",n={portal:p,content:x,toggle:g,open:m},j=({children:t,portals:o,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:"SidebarSimple"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(u.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=j;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n accessibleLabel?: string;\n children?: React.ReactNode;\n portals?: React.ReactNode;\n open: boolean;\n setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n <Aside\n className={cx(styles.portal, open && styles.open)}\n sticky\n >\n <Button\n className={styles.toggle}\n onClick={() => setOpen(!open)}\n variant={'tertiary'}\n >\n <Icon name='SidebarSimple' />\n </Button>\n <Figure>\n <Branding\n name='logo'\n size={48}\n variant='white'\n />\n </Figure>\n <div className={styles.content}>\n {portals && <Nav horizontal>{portals}</Nav>}\n {children && children}\n </div>\n </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":"4dAmBaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAASC,KAAAA,EAAMC,QAAAA,CAAqB,IACrEC,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQN,GAAQK,EAAOL,IAAI,EAChD,OAAM,GAAA,iBAAA,SAEN,SAAA,CAAAO,MAACC,EAAAA,QACC,UAAWH,EAAOI,OAClB,QAAS,IAAMR,EAAQ,CAACD,CAAI,EAC5B,QAAS,WAET,SAAAO,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,gBAAe,EAC5B,EACAH,EAAAA,IAACI,EAAAA,OAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CACC,KAAK,OACL,KAAM,GACN,QAAQ,OAAA,CAAO,CAAA,CAEnB,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAOQ,QACpBd,SAAAA,CAAAA,GAAWQ,EAAAA,IAACO,MAAA,CAAI,WAAU,GAAEf,SAAAA,EAAQ,EACpCD,GAAYA,CAAAA,CAAAA,CACf,CAAA,CAAA,CACF"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n accessibleLabel?: string;\n children?: React.ReactNode;\n portals?: React.ReactNode;\n open: boolean;\n setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n <Aside\n className={cx(styles.portal, open && styles.open)}\n sticky\n >\n <Button\n className={styles.toggle}\n onClick={() => setOpen(!open)}\n variant={'tertiary'}\n >\n <Icon name='SidebarSimple' />\n </Button>\n <Figure>\n <Branding />\n </Figure>\n <div className={styles.content}>\n {portals && <Nav horizontal>{portals}</Nav>}\n {children && children}\n </div>\n </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":"4dAmBaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAASC,KAAAA,EAAMC,QAAAA,CAAqB,IACrEC,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQN,GAAQK,EAAOL,IAAI,EAChD,OAAM,GAAA,iBAAA,SAEN,SAAA,CAAAO,MAACC,EAAAA,QACC,UAAWH,EAAOI,OAClB,QAAS,IAAMR,EAAQ,CAACD,CAAI,EAC5B,QAAS,WAET,SAAAO,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,gBAAe,EAC5B,EACAH,EAAAA,IAACI,EAAAA,OAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAA,CAAQ,EACX,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAOQ,QACpBd,SAAAA,CAAAA,GAAWQ,EAAAA,IAACO,MAAA,CAAI,WAAU,GAAEf,SAAAA,EAAQ,EACpCD,GAAYA,CAAAA,CAAAA,CACf,CAAA,CAAA,CACF"}
@@ -1,30 +1,30 @@
1
- import { jsxs as i, 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
- import { Icon as c } from "../icon/index.js";
5
- import { Aside as s } from "../aside/index.js";
1
+ import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
+ import { t as m } from "../../classix-DG18itHa.js";
3
+ import { Button as s } from "../button/index.js";
4
+ import { Icon as a } from "../icon/index.js";
5
+ import { Aside as l } from "../aside/index.js";
6
6
  import { Branding as p } from "../branding/index.js";
7
- import { Figure as _ } from "../figure/index.js";
8
- import { Nav as g } from "../nav/index.js";
9
- import '../../assets/index10.css';const d = "_portal_korl3_41", f = "_content_korl3_260", h = "_toggle_korl3_267", k = "_open_korl3_320", t = {
10
- portal: d,
7
+ import { Figure as d } from "../figure/index.js";
8
+ import { Nav as _ } from "../nav/index.js";
9
+ import '../../assets/index10.css';const g = "_portal_sc6cd_23", f = "_content_sc6cd_282", h = "_toggle_sc6cd_289", u = "_open_sc6cd_340", t = {
10
+ portal: g,
11
11
  content: f,
12
12
  toggle: h,
13
- open: k
14
- }, S = ({
13
+ open: u
14
+ }, b = ({
15
15
  children: r,
16
16
  portals: n,
17
- open: e,
18
- setOpen: l
19
- }) => /* @__PURE__ */ i(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
20
- /* @__PURE__ */ o(m, { className: t.toggle, onClick: () => l(!e), variant: "tertiary", children: /* @__PURE__ */ o(c, { name: "SidebarSimple" }) }),
21
- /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
22
- /* @__PURE__ */ i("div", { className: t.content, children: [
23
- n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
17
+ open: c,
18
+ setOpen: i
19
+ }) => /* @__PURE__ */ e(l, { className: m(t.portal, c && t.open), sticky: !0, "data-component": "portal", children: [
20
+ /* @__PURE__ */ o(s, { className: t.toggle, onClick: () => i(!c), variant: "tertiary", children: /* @__PURE__ */ o(a, { name: "SidebarSimple" }) }),
21
+ /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(p, {}) }),
22
+ /* @__PURE__ */ e("div", { className: t.content, children: [
23
+ n && /* @__PURE__ */ o(_, { horizontal: !0, children: n }),
24
24
  r && r
25
25
  ] })
26
26
  ] });
27
27
  export {
28
- S as Portal
28
+ b as Portal
29
29
  };
30
30
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n accessibleLabel?: string;\n children?: React.ReactNode;\n portals?: React.ReactNode;\n open: boolean;\n setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n <Aside\n className={cx(styles.portal, open && styles.open)}\n sticky\n >\n <Button\n className={styles.toggle}\n onClick={() => setOpen(!open)}\n variant={'tertiary'}\n >\n <Icon name='SidebarSimple' />\n </Button>\n <Figure>\n <Branding\n name='logo'\n size={48}\n variant='white'\n />\n </Figure>\n <div className={styles.content}>\n {portals && <Nav horizontal>{portals}</Nav>}\n {children && children}\n </div>\n </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":";;;;;;;;;;;;;GAmBaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,MAAAA;AAAAA,EAAMC,SAAAA;AAAqB,MACrE,gBAAAC,EAACC,GAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQN,KAAQK,EAAOL,IAAI,GAChD,QAAM,IAAA,kBAAA,UAEN,UAAA;AAAA,EAAA,gBAAAO,EAACC,KACC,WAAWH,EAAOI,QAClB,SAAS,MAAMR,EAAQ,CAACD,CAAI,GAC5B,SAAS,YAET,UAAA,gBAAAO,EAACG,GAAA,EAAK,MAAK,iBAAe,GAC5B;AAAA,EACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EACC,MAAK,QACL,MAAM,IACN,SAAQ,QAAA,CAAO,EAAA,CAEnB;AAAA,EACA,gBAAAV,EAAC,OAAA,EAAI,WAAWG,EAAOQ,SACpBd,UAAAA;AAAAA,IAAAA,KAAW,gBAAAQ,EAACO,GAAA,EAAI,YAAU,IAAEf,UAAAA,GAAQ;AAAA,IACpCD,KAAYA;AAAAA,EAAAA,EAAAA,CACf;AAAA,EAAA,CACF;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n accessibleLabel?: string;\n children?: React.ReactNode;\n portals?: React.ReactNode;\n open: boolean;\n setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n <Aside\n className={cx(styles.portal, open && styles.open)}\n sticky\n >\n <Button\n className={styles.toggle}\n onClick={() => setOpen(!open)}\n variant={'tertiary'}\n >\n <Icon name='SidebarSimple' />\n </Button>\n <Figure>\n <Branding />\n </Figure>\n <div className={styles.content}>\n {portals && <Nav horizontal>{portals}</Nav>}\n {children && children}\n </div>\n </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":";;;;;;;;;;;;;GAmBaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,MAAAA;AAAAA,EAAMC,SAAAA;AAAqB,MACrE,gBAAAC,EAACC,GAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQN,KAAQK,EAAOL,IAAI,GAChD,QAAM,IAAA,kBAAA,UAEN,UAAA;AAAA,EAAA,gBAAAO,EAACC,KACC,WAAWH,EAAOI,QAClB,SAAS,MAAMR,EAAQ,CAACD,CAAI,GAC5B,SAAS,YAET,UAAA,gBAAAO,EAACG,GAAA,EAAK,MAAK,iBAAe,GAC5B;AAAA,EACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAQ,GACX;AAAA,EACA,gBAAAV,EAAC,OAAA,EAAI,WAAWG,EAAOQ,SACpBd,UAAAA;AAAAA,IAAAA,KAAW,gBAAAQ,EAACO,GAAA,EAAI,YAAU,IAAEf,UAAAA,GAAQ;AAAA,IACpCD,KAAYA;AAAAA,EAAAA,EAAAA,CACf;AAAA,EAAA,CACF;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),g=require("../loading/index.cjs"),i="_toggle_1cuao_1",u="_thumb_1cuao_10",d="_track_1cuao_21",e={toggle:i,thumb:u,track:d},m=({checked:o,disabled:c,isLoading:s,label:a,onChange:n})=>{const l=o!==void 0&&n===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:o,disabled:c||s,onChange:n,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:s?t.jsx(g.Loading,{}):t.jsx("span",{className:e.thumb})}),a&&t.jsx("span",{className:"toggle",children:a})]})};exports.Toggle=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),g=require("../loading/index.cjs"),i="_toggle_ypbpl_1",p="_thumb_ypbpl_10",d="_track_ypbpl_21",e={toggle:i,thumb:p,track:d},u=({checked:s,disabled:a,isLoading:o,label:n,onChange:l})=>{const c=s!==void 0&&l===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:a||o,onChange:l,readOnly:c,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(g.Loading,{}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=u;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,21 +1,21 @@
1
- import { jsxs as g, jsx as t } from "react/jsx-runtime";
2
- import { Loading as i } from "../loading/index.js";
3
- import '../../assets/index3.css';const m = "_toggle_1cuao_1", d = "_thumb_1cuao_10", p = "_track_1cuao_21", o = {
4
- toggle: m,
5
- thumb: d,
6
- track: p
1
+ import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
+ import { Loading as g } from "../loading/index.js";
3
+ import '../../assets/index3.css';const i = "_toggle_ypbpl_1", m = "_thumb_ypbpl_10", d = "_track_ypbpl_21", o = {
4
+ toggle: i,
5
+ thumb: m,
6
+ track: d
7
7
  }, h = ({
8
- checked: a,
9
- disabled: l,
10
- isLoading: s,
11
- label: c,
12
- onChange: e
8
+ checked: s,
9
+ disabled: c,
10
+ isLoading: a,
11
+ label: e,
12
+ onChange: l
13
13
  }) => {
14
- const n = a !== void 0 && e === void 0;
15
- return /* @__PURE__ */ g("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
16
- /* @__PURE__ */ t("input", { checked: a, disabled: l || s, onChange: e, readOnly: n, type: "checkbox" }),
17
- /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: s ? /* @__PURE__ */ t(i, {}) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
18
- c && /* @__PURE__ */ t("span", { className: "toggle", children: c })
14
+ const n = s !== void 0 && l === void 0;
15
+ return /* @__PURE__ */ p("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
16
+ /* @__PURE__ */ t("input", { checked: s, disabled: c || a, onChange: l, readOnly: n, type: "checkbox" }),
17
+ /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: a ? /* @__PURE__ */ t(g, {}) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
18
+ e && /* @__PURE__ */ t("span", { className: "toggle", children: e })
19
19
  ] });
20
20
  };
21
21
  export {
package/dist/index.d.ts CHANGED
@@ -76,16 +76,10 @@ declare type BaseCardProps = {
76
76
  onClick?: React.MouseEventHandler<HTMLElement>;
77
77
  };
78
78
 
79
- export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.Element;
79
+ export declare const Branding: ({ size }: BrandingProps) => JSX.Element;
80
80
 
81
81
  declare type BrandingProps = {
82
- name: keyof typeof brandingSVG;
83
82
  size?: number | string;
84
- variant?: keyof typeof variants_4;
85
- };
86
-
87
- declare const brandingSVG: {
88
- logo: string;
89
83
  };
90
84
 
91
85
  export declare function Button({ badge, children, className, disabled, icon, intent, isLoading, onClick, ref, size, variant, ...props }: ButtonProps): JSX.Element;
@@ -100,7 +94,7 @@ declare type ButtonProps = React.ComponentPropsWithRef<'button'> & {
100
94
  isLoading?: boolean;
101
95
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
102
96
  size?: keyof typeof sizes_2;
103
- variant?: keyof typeof variants_5;
97
+ variant?: keyof typeof variants_4;
104
98
  };
105
99
 
106
100
  export declare const Card: ({ actions, badge, checkbox, children, emphasis, header, icon, image, imagePosition, onClick, preview, variant, }: CardProps) => JSX.Element;
@@ -149,7 +143,7 @@ export declare type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {
149
143
  maxVisibleButtons?: number;
150
144
  overflow?: 'menu';
151
145
  overflowAccessibleLabel?: string;
152
- variant?: keyof typeof variants_6;
146
+ variant?: keyof typeof variants_5;
153
147
  };
154
148
 
155
149
  export declare const Croppable: ({ children, fill, height, image, label, onCroppableChange, onFileChange, onImageChange, onTransformChange, transform, standalone, }: CroppableProps) => JSX.Element;
@@ -354,7 +348,7 @@ declare type HeaderProps = {
354
348
  cta?: React.ReactNode;
355
349
  header?: React.ReactNode;
356
350
  subHeader?: React.ReactNode;
357
- variant?: keyof typeof variants_7;
351
+ variant?: keyof typeof variants_6;
358
352
  };
359
353
 
360
354
  export declare const Icon: ({ gap, name, size, variant, weight }: IconProps) => JSX.Element;
@@ -731,7 +725,7 @@ export declare type NavProps = React.HTMLAttributes<HTMLElement> & {
731
725
  children?: React.ReactNode;
732
726
  className?: string;
733
727
  horizontal?: boolean;
734
- variant?: keyof typeof variants_8;
728
+ variant?: keyof typeof variants_7;
735
729
  };
736
730
 
737
731
  declare const Object_2: ({ accessibleLabel, url, ...props }: ObjectProps) => JSX.Element;
@@ -953,7 +947,7 @@ export declare const Tooltip: ({ variant, children, iconName, ...props }: Toolti
953
947
  declare type TooltipProps = {
954
948
  children?: React.ReactNode;
955
949
  iconName?: IconName;
956
- variant?: keyof typeof variants_9;
950
+ variant?: keyof typeof variants_8;
957
951
  };
958
952
 
959
953
  declare type UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;
@@ -983,37 +977,32 @@ declare const variants_3: {
983
977
  };
984
978
 
985
979
  declare const variants_4: {
986
- default: string;
987
- white: string;
988
- };
989
-
990
- declare const variants_5: {
991
980
  primary: string;
992
981
  secondary: string;
993
982
  simple: string;
994
983
  tertiary: string;
995
984
  };
996
985
 
997
- declare const variants_6: {
986
+ declare const variants_5: {
998
987
  default: string;
999
988
  embedded: string;
1000
989
  fixed: string;
1001
990
  inline: string;
1002
991
  };
1003
992
 
1004
- declare const variants_7: {
993
+ declare const variants_6: {
1005
994
  default: string;
1006
995
  jumbo: string;
1007
996
  };
1008
997
 
1009
- declare const variants_8: {
998
+ declare const variants_7: {
1010
999
  default: string;
1011
1000
  pills: string;
1012
1001
  sidebar: string;
1013
1002
  tabs: string;
1014
1003
  };
1015
1004
 
1016
- declare const variants_9: {
1005
+ declare const variants_8: {
1017
1006
  default: string;
1018
1007
  static: string;
1019
1008
  };