@symbo.ls/preview 0.0.22 → 0.0.23

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.
@@ -2,8 +2,7 @@
2
2
 
3
3
  import { CATEGORIES } from '../categories'
4
4
 
5
- import style from './style'
6
- import { Notification } from '@symbo.ls/components'
5
+ import { Notification } from 'smbls'
7
6
 
8
7
  const key = 'notification'
9
8
  const title = 'Notification'
@@ -11,11 +10,8 @@ const description = ''
11
10
  const category = CATEGORIES[4]
12
11
 
13
12
  const component = {
14
- style,
15
13
  extend: Notification,
16
- props: {
17
- theme: 'alert'
18
- }
14
+ props: { theme: 'alert' }
19
15
  }
20
16
 
21
17
  const code = `{
@@ -10,7 +10,9 @@ const description = ''
10
10
  const category = CATEGORIES[CATEGORIES.length - 1]
11
11
 
12
12
  const component = {
13
- extend: Pills
13
+ extend: Pills,
14
+ state: { active: 1 },
15
+ ...[{}, {}, {}, {}, {}]
14
16
  }
15
17
 
16
18
  const code = `{}`
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@symbo.ls/preview",
3
3
  "description": "",
4
4
  "author": "",
5
- "version": "0.0.22",
5
+ "version": "0.0.23",
6
6
  "repository": "https://github.com/rackai/editor",
7
7
  "main": "src/index.js",
8
8
  "scripts": {
package/src/app.js CHANGED
@@ -51,10 +51,10 @@ const App = {
51
51
  },
52
52
 
53
53
  content: {
54
- style: { position: 'relative' }
54
+ props: { position: 'relative' }
55
55
  },
56
56
 
57
- Modal,
57
+ modal: Modal,
58
58
 
59
59
  on: {
60
60
  render: element => {
package/src/index.js CHANGED
@@ -26,7 +26,7 @@ export default DOM.create({
26
26
  extend: App,
27
27
  style,
28
28
 
29
- Header,
29
+ header: Header,
30
30
  routes: {
31
31
  '/': Library
32
32
  }
@@ -10,10 +10,9 @@ import scene from './scene'
10
10
  import tools from './tools'
11
11
  import description from './description'
12
12
 
13
- import { LIBRARY } from '../../../.symbols'
14
13
  import { COMPONENT_ROUTES } from './const'
15
14
 
16
- const componentState = () => LIBRARY.filter(v => {
15
+ const componentState = (context) => context.LIBRARY.filter(v => {
17
16
  const key = window.location.pathname.split('component/')[1]
18
17
  return v.key === key
19
18
  })
@@ -28,8 +27,8 @@ export const Export = {
28
27
  padding: '0 Y2'
29
28
  },
30
29
 
31
- state: () => ({
32
- ...componentState()[0],
30
+ state: ({ context }) => ({
31
+ ...componentState(context)[0],
33
32
  ...state
34
33
  }),
35
34
 
@@ -1,5 +0,0 @@
1
- 'use strict'
2
-
3
- export default {
4
- borderBottomLeftRadius: '.4em',
5
- }