cleanplate 0.0.2 → 0.0.4

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 (3) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1 +1 @@
1
- const e={AppShell:({children:e})=>React.createElement("div",{className:"cp-app-shell"},e),Typography:({children:e,variant:a})=>{switch(a){case"h1":return React.createElement("h1",{className:"cp-typography"},e);case"h2":return React.createElement("h2",{className:"cp-typography"},e);case"h3":return React.createElement("h3",{className:"cp-typography"},e);case"h4":return React.createElement("h4",{className:"cp-typography"},e);case"h5":return React.createElement("h5",{className:"cp-typography"},e);case"h6":return React.createElement("h6",{className:"cp-typography"},e);default:return React.createElement("p",{className:"cp-typography"},e)}},Modal:({children:e})=>React.createElement("p",{className:"cp-modal"},e),Button:({children:e})=>React.createElement("button",{className:"cp-button"},e),FormControls:{Input:({name:e,id:a,onChange:t,defaultValue:c,value:l,label:r="",isDisabled:n=!1,type:s="text",className:m=""})=>{const p=`cp-form-field cp-input-field ${m}`;return React.createElement("div",{className:p},r&&React.createElement("label",{className:"cp-form-label"},r),React.createElement("input",{className:"cp-form-control",type:s,disabled:n,name:e,id:a,defaultValue:c,value:l,onChange:e=>{t&&t(e)}}))},TextArea:({name:e,id:a,onChange:t,defaultValue:c,value:l,label:r="",isDisabled:n=!1,type:s="text",className:m=""})=>{const p=`cp-form-field cp-textarea-field ${m}`;return React.createElement("div",{className:p},r&&React.createElement("label",{className:"cp-form-label"},r),React.createElement("textarea",{className:"cp-form-control",type:s,disabled:n,name:e,id:a,defaultValue:c,value:l,onChange:e=>{t&&t(e)}}))}},Badge:({label:e})=>React.createElement("p",{className:"cp-badge"},e),Icon:({name:e=""})=>{const a=`cp-icon ${e}`;return React.createElement("i",{className:a})}};export{e as default};
1
+ import e from"react";const a=({children:a,variant:t})=>{switch(t){case"h1":return e.createElement("h1",{className:"cp-typography"},a);case"h2":return e.createElement("h2",{className:"cp-typography"},a);case"h3":return e.createElement("h3",{className:"cp-typography"},a);case"h4":return e.createElement("h4",{className:"cp-typography"},a);case"h5":return e.createElement("h5",{className:"cp-typography"},a);case"h6":return e.createElement("h6",{className:"cp-typography"},a);default:return e.createElement("p",{className:"cp-typography"},a)}},t=({children:e})=>React.createElement("div",{className:"cp-app-shell"},e),l=({children:a})=>e.createElement("p",{className:"cp-modal"},a),c=({label:a})=>e.createElement("p",{className:"cp-badge"},a);var r={Input:({name:a,id:t,onChange:l,defaultValue:c,value:r,label:s="",isDisabled:n=!1,type:m="text",className:p=""})=>{const o=`cp-form-field cp-input-field ${p}`;return e.createElement("div",{className:o},s&&e.createElement("label",{className:"cp-form-label"},s),e.createElement("input",{className:"cp-form-control",type:m,disabled:n,name:a,id:t,defaultValue:c,value:r,onChange:e=>{l&&l(e)}}))},TextArea:({name:a,id:t,onChange:l,defaultValue:c,value:r,label:s="",isDisabled:n=!1,type:m="text",className:p=""})=>{const o=`cp-form-field cp-textarea-field ${p}`;return e.createElement("div",{className:o},s&&e.createElement("label",{className:"cp-form-label"},s),e.createElement("textarea",{className:"cp-form-control",type:m,disabled:n,name:a,id:t,defaultValue:c,value:r,onChange:e=>{l&&l(e)}}))}};const s=({children:a})=>e.createElement("button",{className:"cp-button"},a),n=({name:a=""})=>{const t=`cp-icon ${a}`;return e.createElement("i",{className:t})};export{t as AppShell,c as Badge,s as Button,r as FormControls,n as Icon,l as Modal,a as Typography};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e={AppShell:({children:e})=>React.createElement("div",{className:"cp-app-shell"},e),Typography:({children:e,variant:a})=>{switch(a){case"h1":return React.createElement("h1",{className:"cp-typography"},e);case"h2":return React.createElement("h2",{className:"cp-typography"},e);case"h3":return React.createElement("h3",{className:"cp-typography"},e);case"h4":return React.createElement("h4",{className:"cp-typography"},e);case"h5":return React.createElement("h5",{className:"cp-typography"},e);case"h6":return React.createElement("h6",{className:"cp-typography"},e);default:return React.createElement("p",{className:"cp-typography"},e)}},Modal:({children:e})=>React.createElement("p",{className:"cp-modal"},e),Button:({children:e})=>React.createElement("button",{className:"cp-button"},e),FormControls:{Input:({name:e,id:a,onChange:t,defaultValue:c,value:l,label:r="",isDisabled:s=!1,type:n="text",className:m=""})=>{const p=`cp-form-field cp-input-field ${m}`;return React.createElement("div",{className:p},r&&React.createElement("label",{className:"cp-form-label"},r),React.createElement("input",{className:"cp-form-control",type:n,disabled:s,name:e,id:a,defaultValue:c,value:l,onChange:e=>{t&&t(e)}}))},TextArea:({name:e,id:a,onChange:t,defaultValue:c,value:l,label:r="",isDisabled:s=!1,type:n="text",className:m=""})=>{const p=`cp-form-field cp-textarea-field ${m}`;return React.createElement("div",{className:p},r&&React.createElement("label",{className:"cp-form-label"},r),React.createElement("textarea",{className:"cp-form-control",type:n,disabled:s,name:e,id:a,defaultValue:c,value:l,onChange:e=>{t&&t(e)}}))}},Badge:({label:e})=>React.createElement("p",{className:"cp-badge"},e),Icon:({name:e=""})=>{const a=`cp-icon ${e}`;return React.createElement("i",{className:a})}};module.exports=e;
1
+ "use strict";var e=require("react");var a={Input:({name:a,id:t,onChange:l,defaultValue:c,value:r,label:s="",isDisabled:n=!1,type:p="text",className:m=""})=>{const o=`cp-form-field cp-input-field ${m}`;return e.createElement("div",{className:o},s&&e.createElement("label",{className:"cp-form-label"},s),e.createElement("input",{className:"cp-form-control",type:p,disabled:n,name:a,id:t,defaultValue:c,value:r,onChange:e=>{l&&l(e)}}))},TextArea:({name:a,id:t,onChange:l,defaultValue:c,value:r,label:s="",isDisabled:n=!1,type:p="text",className:m=""})=>{const o=`cp-form-field cp-textarea-field ${m}`;return e.createElement("div",{className:o},s&&e.createElement("label",{className:"cp-form-label"},s),e.createElement("textarea",{className:"cp-form-control",type:p,disabled:n,name:a,id:t,defaultValue:c,value:r,onChange:e=>{l&&l(e)}}))}};exports.AppShell=({children:e})=>React.createElement("div",{className:"cp-app-shell"},e),exports.Badge=({label:a})=>e.createElement("p",{className:"cp-badge"},a),exports.Button=({children:a})=>e.createElement("button",{className:"cp-button"},a),exports.FormControls=a,exports.Icon=({name:a=""})=>{const t=`cp-icon ${a}`;return e.createElement("i",{className:t})},exports.Modal=({children:a})=>e.createElement("p",{className:"cp-modal"},a),exports.Typography=({children:a,variant:t})=>{switch(t){case"h1":return e.createElement("h1",{className:"cp-typography"},a);case"h2":return e.createElement("h2",{className:"cp-typography"},a);case"h3":return e.createElement("h3",{className:"cp-typography"},a);case"h4":return e.createElement("h4",{className:"cp-typography"},a);case"h5":return e.createElement("h5",{className:"cp-typography"},a);case"h6":return e.createElement("h6",{className:"cp-typography"},a);default:return e.createElement("p",{className:"cp-typography"},a)}};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cleanplate",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "CleanPlate - A Headless React UI Framework",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",