jvetrau-ds 0.2.35 → 0.2.36

package/layouts/auth/auth.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var LayoutBase = require('../base');
 require('./auth.css');
+var classnames = require('../../components/helpers/classnames');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -12,8 +13,14 @@ const LayoutAuth = ({
   brand,
   footer,
   children,
+  className = "",
   ...props
 }) => {
+  const classes = classnames.classnames(
+    "layout-auth",
+    className,
+    {}
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     LayoutBase__default.default,
     {
@@ -22,6 +29,7 @@ const LayoutAuth = ({
       mainAlign: "center",
       header: brand,
       footer,
+      className: classes,
       ...props,
       children
     }

package/layouts/auth/auth.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/auth/auth.tsx"],"names":["jsx","LayoutBase"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACEA,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,WAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,MAAA,EAAQ,KAAA;AAAA,MACR,MAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"auth.cjs","sourcesContent":["import React from 'react';\nimport LayoutBase from '../base';\nimport './auth.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface LayoutAuthProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nconst LayoutAuth: React.FC<LayoutAuthProps> = ({\n  brand,\n  footer,\n  children,\n  ...props\n}) => {\n  return (\n    <LayoutBase\n      width=\"narrow\"\n      headerAlign=\"end\"\n      mainAlign=\"center\"\n      header={brand}\n      footer={footer}\n      {...props}\n    >\n      {children}\n    </LayoutBase>\n  );\n};\n\nexport default LayoutAuth;"]}
+{"version":3,"sources":["../../../src/layouts/auth/auth.tsx"],"names":["classnames","jsx","LayoutBase"],"mappings":";;;;;;;;;;;AAWA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,aAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,WAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,MAAA,EAAQ,KAAA;AAAA,MACR,MAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"auth.cjs","sourcesContent":["import React from 'react';\nimport LayoutBase from '../base';\nimport './auth.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface LayoutAuthProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nconst LayoutAuth: React.FC<LayoutAuthProps> = ({\n  brand,\n  footer,\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'layout-auth',\n    className,\n    {},\n  );\n\n  return (\n    <LayoutBase\n      width=\"narrow\"\n      headerAlign=\"end\"\n      mainAlign=\"center\"\n      header={brand}\n      footer={footer}\n      className={classes}\n      {...props}\n    >\n      {children}\n    </LayoutBase>\n  );\n};\n\nexport default LayoutAuth;\n"]}

package/layouts/auth/auth.css

@@ -0,0 +1,19 @@
+.layout-auth .panel h1 {
+  /* color */
+
+  /* typography */
+  font-family: var(--font-h2-family);
+  font-size: var(--font-h2);
+  font-weight: var(--font-h2-weight);
+  line-height: var(--font-h2-line);
+  letter-spacing: var(--font-h2-letter-spacing);
+
+  /* size */
+  margin: 0 0 var(--font-h2-margin) 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}

package/layouts/auth/auth.js

@@ -1,13 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
 import LayoutBase from '../base';
 import './auth.css';
+import { classnames } from '../../components/helpers/classnames';
 
 const LayoutAuth = ({
   brand,
   footer,
   children,
+  className = "",
   ...props
 }) => {
+  const classes = classnames(
+    "layout-auth",
+    className,
+    {}
+  );
   return /* @__PURE__ */ jsx(
     LayoutBase,
     {
@@ -16,6 +23,7 @@ const LayoutAuth = ({
       mainAlign: "center",
       header: brand,
       footer,
+      className: classes,
       ...props,
       children
     }

package/layouts/auth/auth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/auth/auth.tsx"],"names":[],"mappings":";;;;AAWA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,WAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,MAAA,EAAQ,KAAA;AAAA,MACR,MAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"auth.js","sourcesContent":["import React from 'react';\nimport LayoutBase from '../base';\nimport './auth.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface LayoutAuthProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nconst LayoutAuth: React.FC<LayoutAuthProps> = ({\n  brand,\n  footer,\n  children,\n  ...props\n}) => {\n  return (\n    <LayoutBase\n      width=\"narrow\"\n      headerAlign=\"end\"\n      mainAlign=\"center\"\n      header={brand}\n      footer={footer}\n      {...props}\n    >\n      {children}\n    </LayoutBase>\n  );\n};\n\nexport default LayoutAuth;"]}
+{"version":3,"sources":["../../../src/layouts/auth/auth.tsx"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,aAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,WAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,MAAA,EAAQ,KAAA;AAAA,MACR,MAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"auth.js","sourcesContent":["import React from 'react';\nimport LayoutBase from '../base';\nimport './auth.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface LayoutAuthProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nconst LayoutAuth: React.FC<LayoutAuthProps> = ({\n  brand,\n  footer,\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'layout-auth',\n    className,\n    {},\n  );\n\n  return (\n    <LayoutBase\n      width=\"narrow\"\n      headerAlign=\"end\"\n      mainAlign=\"center\"\n      header={brand}\n      footer={footer}\n      className={classes}\n      {...props}\n    >\n      {children}\n    </LayoutBase>\n  );\n};\n\nexport default LayoutAuth;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.35",
+  "version": "0.2.36",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -6563,7 +6563,25 @@
 }
 
 /* src/layouts/auth/auth.css */
+.layout-auth .panel h1 {
+  /* color */
+
+  /* typography */
+  font-family: var(--font-h2-family);
+  font-size: var(--font-h2);
+  font-weight: var(--font-h2-weight);
+  line-height: var(--font-h2-line);
+  letter-spacing: var(--font-h2-letter-spacing);
 
+  /* size */
+  margin: 0 0 var(--font-h2-margin) 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
 
 /* src/layouts/base/base.css */
 .layout-base .layout-foundation__grid {