@symbo.ls/input 3.1.1 → 3.2.3

package/Checkbox.js

@@ -18,7 +18,7 @@ export const Checkbox = {
       opacity: '1'
     },
     attr: {
-      checked: (el) => el.call('exec', el.parent.props.checked)
+      checked: el => el.call('exec', el.parent.props.checked)
     }
   },
 
@@ -39,7 +39,7 @@ export const Checkbox = {
 }
 
 export const CheckboxHgroup = {
-  extends: 'Flex',
+  display: 'flex',
   tag: 'label',
 
   boxSize: 'fit-content',

package/Input.js

@@ -5,15 +5,13 @@ export const Input = {
 
   tag: 'input',
 
-  props: {
-    border: 'none',
-    type: 'input',
-    theme: 'field',
-    fontSize: 'A',
-    round: 'C',
-    lineHeight: '1',
-    padding: 'Z2 B'
-  },
+  border: 'none',
+  type: 'input',
+  theme: 'field',
+  fontSize: 'A',
+  round: 'C',
+  lineHeight: '1',
+  padding: 'Z2 B',
 
   attr: {
     pattern: ({ props }) => props.pattern,
@@ -22,7 +20,7 @@ export const Input = {
     name: ({ props }) => props.name,
     autocomplete: ({ props }) => props.autocomplete,
     placeholder: ({ props }) => props.placeholder,
-    value: (el) => {
+    value: el => {
       if (!el.props || !el.props.value) return
       const val = el.call('exec', el.props.value, el)
       if (el.call('isString', val) && val.includes('{{')) {
@@ -30,7 +28,7 @@ export const Input = {
       }
       return val
     },
-    checked: (el) => el.call('exec', el.props.checked, el),
+    checked: el => el.call('exec', el.props.checked, el),
     disabled: ({ props }) => props.disabled || null,
     readonly: ({ props }) => props.readonly,
     required: ({ props }) => props.required,

package/Textarea.js

@@ -4,46 +4,41 @@ export const Textarea = {
   tag: 'textarea',
   extends: ['Input', 'Flex'],
 
-  props: {
-    variant: 'outlined',
-    fontfamily: 'Avenir',
-    round: 'Z1',
-    placeholder: 'Leave us a message...',
-    padding: 'A',
-    theme: 'field',
-    border: 'none',
-    maxWidth: 'G1_default',
-    minHeight: 'E_default',
-    width: '100%',
-    height: 'E1_default',
-    fontFamily: 'inherit',
-    style: { resize: 'none' }
-  },
+  variant: 'outlined',
+  fontfamily: 'Avenir',
+  round: 'Z1',
+  placeholder: 'Leave us a message...',
+  padding: 'A',
+  theme: 'field',
+  border: 'none',
+  maxWidth: 'G1_default',
+  minHeight: 'E_default',
+  width: '100%',
+  height: 'E1_default',
+  fontFamily: 'inherit',
+  style: { resize: 'none' },
 
   '.simple': {
-    props: {
-      theme: 'field',
-      round: 'Z2',
-      lineHeight: 1.4
-    }
+    theme: 'field',
+    round: 'Z2',
+    lineHeight: 1.4
   },
 
   '.outlined': {
-    props: {
-      theme: 'field',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      lineHeight: 1.4,
-      placeholder: 'Leave us a message...',
-      resize: 'none'
-    }
+    theme: 'field',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    lineHeight: 1.4,
+    placeholder: 'Leave us a message...',
+    resize: 'none'
   },
 
   html: (el, s) => el.props.value
 }
 
 export const TextareaWithButton = {
-  props: { display: 'flex', gap: 'Y2' },
+  display: 'flex',
+  gap: 'Y2',
   Textarea: {
     height: 'C2+W',
     minWidth: 'H',

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/input",
-  "version": "3.1.1",
+  "version": "3.2.3",
   "main": "index.js",
   "source": "index.js",
   "license": "MIT",
-  "gitHead": "39fb7a8c07355468ccce79e2f787ca3fa0715692",
+  "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "dependencies": {
-    "@domql/utils": "^3.1.1",
-    "@symbo.ls/atoms": "^3.1.1"
+    "@domql/utils": "^3.2.3",
+    "@symbo.ls/atoms": "^3.2.3"
   }
 }