Add atoms implementation

Author: twharmon

frameworks/keyed/rendrjs-atoms/package-lock.json

@@ -10,7 +10,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@rendrjs/core": "0.1.236"
+    "@rendrjs/core": "0.1.237"
   },
   "js-framework-benchmark": {
     "frameworkVersionFromPackage": "@rendrjs/core",

frameworks/keyed/rendrjs-atoms/package.json

@@ -1,10 +1,8 @@
 import { button, div } from '@rendrjs/core';
-import { colSm6 } from './classes';
 
-let className = colSm6 + ' smallpad';
 export let Button = (props) => {
   return div({
-    class: className,
+    class: 'col-sm-6 smallpad',
     slot: button({
       id: props.id,
       onclick: props.cb,

frameworks/keyed/rendrjs-atoms/src/Button.js

@@ -1,10 +1,9 @@
 import { div, h1, rendr, useAtomSetter } from '@rendrjs/core';
 import { Button } from './Button';
-import { colMd6 } from './classes';
 import { dataAtom, selectedAtom } from './store';
 
 let header = div({
-  class: colMd6,
+  class: 'col-md-6',
   slot: h1({ slot: 'Rendrjs atoms keyed' }),
 });
 
@@ -78,7 +77,7 @@ export let Jumbotron = () => {
       slot: [
         header,
         div({
-          class: colMd6,
+          class: 'col-md-6',
           slot: div({
             class: 'row',
             slot: [

frameworks/keyed/rendrjs-atoms/src/Jumbotron.js

@@ -1,10 +1,9 @@
 import { a, td, tr, useAtomSelector, useAtomSetter } from '@rendrjs/core';
-import { colMd1, colMd4, colMd6 } from './classes';
 import { makeIcon } from './RemoveIcon';
 import { dataAtom, selectedAtom } from './store';
 
 let icon = makeIcon();
-let emptyTd = td({ class: colMd6 });
+let emptyTd = td({ class: 'col-md-6' });
 
 export let Row = ({ item }) => {
   let setData = useAtomSetter(dataAtom);
@@ -19,16 +18,16 @@ export let Row = ({ item }) => {
   return tr({
     class: selected ? 'danger' : undefined,
     slot: [
-      td({ class: colMd1, slot: `${item.id}` }),
+      td({ class: 'col-md-1', slot: `${item.id}` }),
       td({
-        class: colMd4,
+        class: 'col-md-4',
         slot: a({
           onclick: () => setSelected(item.id),
           slot: item.label,
         }),
       }),
       td({
-        class: colMd1,
+        class: 'col-md-1',
         slot: a({
           onclick: () => del(item.id),
           slot: icon,