jvetrau-ds 0.2.24 → 0.2.25

package/index.cjs

@@ -37,6 +37,7 @@ var header = require('./patterns/header');
 var footer = require('./patterns/footer');
 var screenHeader = require('./patterns/screen-header');
 var form = require('./patterns/form');
+var formComp = require('./patterns/form-comp');
 var masthead = require('./patterns/masthead');
 var modal = require('./patterns/modal');
 var foundation = require('./layouts/foundation');
@@ -82,6 +83,7 @@ var header__default = /*#__PURE__*/_interopDefault(header);
 var footer__default = /*#__PURE__*/_interopDefault(footer);
 var screenHeader__default = /*#__PURE__*/_interopDefault(screenHeader);
 var form__default = /*#__PURE__*/_interopDefault(form);
+var formComp__default = /*#__PURE__*/_interopDefault(formComp);
 var masthead__default = /*#__PURE__*/_interopDefault(masthead);
 var modal__default = /*#__PURE__*/_interopDefault(modal);
 var foundation__default = /*#__PURE__*/_interopDefault(foundation);
@@ -239,6 +241,10 @@ Object.defineProperty(exports, "Form", {
   enumerable: true,
   get: function () { return form__default.default; }
 });
+Object.defineProperty(exports, "FormComp", {
+  enumerable: true,
+  get: function () { return formComp__default.default; }
+});
 Object.defineProperty(exports, "Masthead", {
   enumerable: true,
   get: function () { return masthead__default.default; }

package/index.d.ts

@@ -76,6 +76,8 @@ export { default as ScreenHeader } from './patterns/screen-header';
 export type { ScreenHeaderProps } from './patterns/screen-header';
 export { default as Form } from './patterns/form';
 export type { FormProps } from './patterns/form';
+export { default as FormComp } from './patterns/form-comp';
+export type { FormCompProps } from './patterns/form-comp';
 export { default as Masthead } from './patterns/masthead';
 export type { MastheadProps } from './patterns/masthead';
 export { default as Modal } from './patterns/modal';

package/index.js

@@ -35,6 +35,7 @@ export { default as Header } from './patterns/header';
 export { default as Footer } from './patterns/footer';
 export { default as ScreenHeader } from './patterns/screen-header';
 export { default as Form } from './patterns/form';
+export { default as FormComp } from './patterns/form-comp';
 export { default as Masthead } from './patterns/masthead';
 export { default as Modal } from './patterns/modal';
 export { default as LayoutFoundation } from './layouts/foundation';

package/package.json

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

package/patterns/form-comp/form-comp.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./form-comp.css');
+var classnames = require('../../components/helpers/classnames');
+
+const FormComp = ({
+  className = "",
+  children,
+  ...props
+}) => {
+  const classes = classnames.classnames(
+    "form-comp",
+    className,
+    {}
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: classes,
+      ...props,
+      children
+    }
+  );
+};
+var form_comp_default = FormComp;
+
+module.exports = form_comp_default;
+//# sourceMappingURL=form-comp.cjs.map
+//# sourceMappingURL=form-comp.cjs.map

package/patterns/form-comp/form-comp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/patterns/form-comp/form-comp.tsx"],"names":["classnames","jsx"],"mappings":";;;;;;AAQA,MAAM,WAAoC,CAAC;AAAA,EACzC,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,iBAAA,GAAQ","file":"form-comp.cjs","sourcesContent":["import React from 'react';\n\nimport './form-comp.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface FormCompProps\n  extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormComp: React.FC<FormCompProps> = ({\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'form-comp',\n    className,\n    {},\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default FormComp;\n"]}

package/patterns/form-comp/form-comp.css

@@ -0,0 +1,16 @@
+.form-comp {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: flex;
+  flex-direction: column;
+  gap: var(--margin-item);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}

package/patterns/form-comp/form-comp.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './form-comp.css';
+export interface FormCompProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const FormComp: React.FC<FormCompProps>;
+export default FormComp;

package/patterns/form-comp/form-comp.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import './form-comp.css';
+import { classnames } from '../../components/helpers/classnames';
+
+const FormComp = ({
+  className = "",
+  children,
+  ...props
+}) => {
+  const classes = classnames(
+    "form-comp",
+    className,
+    {}
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes,
+      ...props,
+      children
+    }
+  );
+};
+var form_comp_default = FormComp;
+
+export { form_comp_default as default };
+//# sourceMappingURL=form-comp.js.map
+//# sourceMappingURL=form-comp.js.map

package/patterns/form-comp/form-comp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/patterns/form-comp/form-comp.tsx"],"names":[],"mappings":";;;;AAQA,MAAM,WAAoC,CAAC;AAAA,EACzC,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,iBAAA,GAAQ","file":"form-comp.js","sourcesContent":["import React from 'react';\n\nimport './form-comp.css';\nimport { classnames } from '../../components/helpers/classnames';\n\nexport interface FormCompProps\n  extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormComp: React.FC<FormCompProps> = ({\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'form-comp',\n    className,\n    {},\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default FormComp;\n"]}

package/patterns/form-comp/form-comp.meta.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentMeta } from '../../catalog/types';
+export declare const formCompMeta: ComponentMeta;

package/patterns/form-comp/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formComp = require('./form-comp');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var formComp__default = /*#__PURE__*/_interopDefault(formComp);
+
+
+
+Object.defineProperty(exports, "FormComp", {
+  enumerable: true,
+  get: function () { return formComp__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return formComp__default.default; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/patterns/form-comp/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs","sourcesContent":[]}

package/patterns/form-comp/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './form-comp';
+export { default as FormComp } from './form-comp';
+export type { FormCompProps } from './form-comp';

package/patterns/form-comp/index.js

@@ -0,0 +1,3 @@
+export { default as FormComp, default } from './form-comp';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/patterns/form-comp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/patterns/index.cjs

@@ -4,6 +4,7 @@ var header = require('./header');
 var footer = require('./footer');
 var screenHeader = require('./screen-header');
 var form = require('./form');
+var formComp = require('./form-comp');
 var masthead = require('./masthead');
 var modal = require('./modal');
 
@@ -13,6 +14,7 @@ var header__default = /*#__PURE__*/_interopDefault(header);
 var footer__default = /*#__PURE__*/_interopDefault(footer);
 var screenHeader__default = /*#__PURE__*/_interopDefault(screenHeader);
 var form__default = /*#__PURE__*/_interopDefault(form);
+var formComp__default = /*#__PURE__*/_interopDefault(formComp);
 var masthead__default = /*#__PURE__*/_interopDefault(masthead);
 var modal__default = /*#__PURE__*/_interopDefault(modal);
 
@@ -34,6 +36,10 @@ Object.defineProperty(exports, "Form", {
   enumerable: true,
   get: function () { return form__default.default; }
 });
+Object.defineProperty(exports, "FormComp", {
+  enumerable: true,
+  get: function () { return formComp__default.default; }
+});
 Object.defineProperty(exports, "Masthead", {
   enumerable: true,
   get: function () { return masthead__default.default; }

package/patterns/index.d.ts

@@ -6,6 +6,8 @@ export { default as ScreenHeader } from './screen-header';
 export type { ScreenHeaderProps } from './screen-header';
 export { default as Form } from './form';
 export type { FormProps } from './form';
+export { default as FormComp } from './form-comp';
+export type { FormCompProps } from './form-comp';
 export { default as Masthead } from './masthead';
 export type { MastheadProps } from './masthead';
 export { default as Modal } from './modal';

package/patterns/index.js

@@ -2,6 +2,7 @@ export { default as Header } from './header';
 export { default as Footer } from './footer';
 export { default as ScreenHeader } from './screen-header';
 export { default as Form } from './form';
+export { default as FormComp } from './form-comp';
 export { default as Masthead } from './masthead';
 export { default as Modal } from './modal';
 //# sourceMappingURL=index.js.map

package/styles.css

@@ -5695,6 +5695,24 @@
   /* motion */
 }
 
+/* src/patterns/form-comp/form-comp.css */
+.form-comp {
+  /* color */
+
+  /* typography */
+
+  /* size */
+  display: flex;
+  flex-direction: column;
+  gap: var(--margin-item);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 /* src/patterns/header/header.css */
 .header {
   /* color */