smbls 0.15.31 → 0.15.32

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI Library built on Scratch and DOMQL",
   "private": false,
   "author": "symbo.ls",
-  "version": "0.15.31",
+  "version": "0.15.32",
   "repository": "https://github.com/symbo-ls/smbls",
   "main": "src/index.js",
   "files": [

package/src/atoms/Interaction.js

@@ -7,55 +7,3 @@ export const Interaction = {
     cursor: ({ props }) => props.cursor && ({ cursor: props.cursor })
   }
 }
-
-export const Hoverable = {
-  props: {
-    transition: 'B default-bezier',
-    transitionProperty: 'opacity, transform',
-    opacity: 0.85,
-
-    ':hover': {
-      opacity: 0.9,
-      transform: 'scale(1.015)'
-    },
-    ':active': {
-      opacity: 1,
-      transform: 'scale(1.015)'
-    },
-    '.active': {
-      opacity: 1,
-      transform: 'scale(1.015)',
-
-      ':hover': { opacity: 1 }
-    }
-  }
-}
-
-export const Clickable = {
-  extend: Hoverable,
-  props: {
-    ':active': {
-      opacity: 1,
-      transform: 'scale(1.015)'
-    },
-    '.active': {
-      opacity: 1
-    }
-  }
-}
-
-export const Focusable = {
-  props: {
-    border: 'none',
-    outline: 'solid, 0, blue .3',
-    ':focus-visible': {
-      opacity: 1,
-      outline: 'solid, X, blue .3'
-    }
-  },
-
-  attr: {
-    placeholder: ({ props }) => props.placeholder,
-    tabIndex: ({ props }) => props.tabIndex
-  }
-}

package/src/atoms/index.js

@@ -7,7 +7,6 @@ export * from './Grid'
 export * from './Img'
 export * from './Media'
 export * from './Interaction'
-export * from './FocusableComponent'
 export * from './Overflow'
 export * from './Position'
 export * from './Pseudo'

package/src/atoms/FocusableComponent.js

@@ -1,28 +0,0 @@
-'use strict'
-
-import { Focusable } from '.'
-
-const style = {
-  appearance: 'none',
-  border: 'none',
-  cursor: 'pointer',
-  fontFamily: 'inherit'
-}
-
-export const FocusableComponent = {
-  extend: Focusable,
-  tag: 'button',
-  props: {
-    fontSize: 'A',
-    type: 'button',
-    border: 'none',
-    textDecoration: 'none',
-    lineHeight: '1',
-    whiteSpace: 'nowrap',
-    fontFamily: 'inherit',
-    style
-  },
-  attr: {
-    type: ({ props }) => props.type
-  }
-}