@solibo/solibo-ui 1.0.22 → 1.0.24

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_header_xu8zs_1",d="_jumbo_xu8zs_96",e={header:u,jumbo:d},n={default:e.default,jumbo:e.jumbo},c=({capitalize:t=!1,children:a,variant:s="default"})=>r.jsx("header",{className:o.t(e.header,n[s],t&&e.capitalize),"data-component":"header",children:a});exports.Header=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_ct7nd_1",m="_controls_ct7nd_67",j="_cta_ct7nd_94",b="_jumbo_ct7nd_143",e={header:_,controls:m,cta:j,"header-content":"_header-content_ct7nd_106",jumbo:b},x={default:e.default,jumbo:e.jumbo},f=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:c,header:l,subHeader:i,variant:h="default"})=>{const n=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),a=s?t.jsxs("div",{className:e.controls,children:[n,s]}):n;return t.jsxs("header",{className:u.t(e.header,x[h],r&&e.capitalize),"data-component":"header",children:[c?t.jsxs("div",{className:e.cta,children:[a,c]}):a,d]})};exports.Header=f;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"0NAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  backButton?: React.ReactNode;\n  capitalize?: boolean;\n  children?: React.ReactNode;\n  controls?: React.ReactNode;\n  cta?: React.ReactNode;\n  header?: React.ReactNode;\n  subHeader?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({\n  backButton,\n  capitalize = false,\n  children,\n  controls,\n  cta,\n  header,\n  subHeader,\n  variant = 'default',\n}: HeaderProps) => {\n  const headerElement = (\n    <div className={styles['header-content']}>\n      {backButton}\n      {header}\n      {subHeader}\n    </div>\n  );\n\n  const headerWithControls = controls ? (\n    <div className={styles.controls}>\n      {headerElement}\n      {controls}\n    </div>\n  ) : (\n    headerElement\n  );\n\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {cta ? (\n        <div className={styles.cta}>\n          {headerWithControls}\n          {cta}\n        </div>\n      ) : (\n        headerWithControls\n      )}\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","backButton","capitalize","children","controls","cta","header","subHeader","variant","headerElement","jsxs","headerWithControls","cx"],"mappings":"kUAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAaaC,EAASA,CAAC,CACrBC,WAAAA,EACAC,WAAAA,EAAa,GACbC,SAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,SACC,IAAM,CACjB,MAAMC,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAO,gBAAgB,EACpCG,SAAAA,CAAAA,EACAK,EACAC,CAAAA,EACH,EAGII,EAAqBP,EACzBM,OAAC,MAAA,CAAI,UAAWZ,EAAOM,SACpBK,SAAAA,CAAAA,EACAL,CAAAA,CAAAA,CACH,EAEAK,EAGF,OACEC,EAAAA,KAAC,SAAA,CAAO,UAAWE,EAAAA,EAAGd,EAAOQ,OAAQV,EAASY,CAAO,EAAGN,GAAcJ,EAAOI,UAAU,EAAE,iBAAA,SACtFG,SAAAA,CAAAA,EACCK,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAOO,IACpBM,SAAAA,CAAAA,EACAN,CAAAA,CAAAA,CACH,EAEAM,EAEDR,CAAAA,EACH,CAEJ"}

package/dist/components/header/index.js

@@ -1,17 +1,41 @@
-import { jsx as r } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';const d = "_header_xu8zs_1", m = "_jumbo_xu8zs_96", e = {
-  header: d,
-  jumbo: m
-}, u = {
+import { jsxs as t } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import '../../assets/index18.css';const i = "_header_ct7nd_1", u = "_controls_ct7nd_67", f = "_cta_ct7nd_94", j = "_jumbo_ct7nd_143", e = {
+  header: i,
+  controls: u,
+  cta: f,
+  "header-content": "_header-content_ct7nd_106",
+  jumbo: j
+}, b = {
   default: e.default,
   jumbo: e.jumbo
-}, l = ({
-  capitalize: a = !1,
-  children: t,
-  variant: o = "default"
-}) => /* @__PURE__ */ r("header", { className: s(e.header, u[o], a && e.capitalize), "data-component": "header", children: t });
+}, N = ({
+  backButton: d,
+  capitalize: r = !1,
+  children: s,
+  controls: a,
+  cta: c,
+  header: l,
+  subHeader: h,
+  variant: m = "default"
+}) => {
+  const n = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
+    d,
+    l,
+    h
+  ] }), o = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
+    n,
+    a
+  ] }) : n;
+  return /* @__PURE__ */ t("header", { className: _(e.header, b[m], r && e.capitalize), "data-component": "header", children: [
+    c ? /* @__PURE__ */ t("div", { className: e.cta, children: [
+      o,
+      c
+    ] }) : o,
+    s
+  ] });
+};
 export {
-  l as Header
+  N as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":";;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAQaC,IAASA,CAAC;AAAA,EAAEC,YAAAA,IAAa;AAAA,EAAOC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAEpF,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGP,EAAOQ,QAAQV,EAASO,CAAO,GAAGF,KAAcH,EAAOG,UAAU,GAAE,kBAAA,UACtFC,UAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  backButton?: React.ReactNode;\n  capitalize?: boolean;\n  children?: React.ReactNode;\n  controls?: React.ReactNode;\n  cta?: React.ReactNode;\n  header?: React.ReactNode;\n  subHeader?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({\n  backButton,\n  capitalize = false,\n  children,\n  controls,\n  cta,\n  header,\n  subHeader,\n  variant = 'default',\n}: HeaderProps) => {\n  const headerElement = (\n    <div className={styles['header-content']}>\n      {backButton}\n      {header}\n      {subHeader}\n    </div>\n  );\n\n  const headerWithControls = controls ? (\n    <div className={styles.controls}>\n      {headerElement}\n      {controls}\n    </div>\n  ) : (\n    headerElement\n  );\n\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {cta ? (\n        <div className={styles.cta}>\n          {headerWithControls}\n          {cta}\n        </div>\n      ) : (\n        headerWithControls\n      )}\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","backButton","capitalize","children","controls","cta","header","subHeader","variant","headerElement","jsxs","headerWithControls","cx"],"mappings":";;;;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAaaC,IAASA,CAAC;AAAA,EACrBC,YAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AACC,MAAM;AACjB,QAAMC,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAWZ,EAAO,gBAAgB,GACpCG,UAAAA;AAAAA,IAAAA;AAAAA,IACAK;AAAAA,IACAC;AAAAA,EAAAA,GACH,GAGII,IAAqBP,IACzB,gBAAAM,EAAC,OAAA,EAAI,WAAWZ,EAAOM,UACpBK,UAAAA;AAAAA,IAAAA;AAAAA,IACAL;AAAAA,EAAAA,EAAAA,CACH,IAEAK;AAGF,SACE,gBAAAC,EAAC,UAAA,EAAO,WAAWE,EAAGd,EAAOQ,QAAQV,EAASY,CAAO,GAAGN,KAAcJ,EAAOI,UAAU,GAAE,kBAAA,UACtFG,UAAAA;AAAAA,IAAAA,IACC,gBAAAK,EAAC,OAAA,EAAI,WAAWZ,EAAOO,KACpBM,UAAAA;AAAAA,MAAAA;AAAAA,MACAN;AAAAA,IAAAA,EAAAA,CACH,IAEAM;AAAAA,IAEDR;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/index.d.ts

@@ -329,11 +329,16 @@ declare type GroupProps = React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
 };
 
-export declare const Header: ({ capitalize, children, variant }: HeaderProps) => JSX.Element;
+export declare const Header: ({ backButton, capitalize, children, controls, cta, header, subHeader, variant, }: HeaderProps) => JSX.Element;
 
 declare type HeaderProps = {
+    backButton?: React.ReactNode;
     capitalize?: boolean;
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    controls?: React.ReactNode;
+    cta?: React.ReactNode;
+    header?: React.ReactNode;
+    subHeader?: React.ReactNode;
     variant?: keyof typeof variants_7;
 };
 

package/dist/tokens.json

@@ -365,7 +365,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "1.0.22"
+      "packageVersion": "1.0.24"
     }
   },
   "$name": "Solibo UI Tokens",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",