@symbo.ls/preview 2.11.276 → 2.11.315

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 (14) hide show
  1. package/articles/Colors.js +8 -5
  2. package/articles/Shadows.js +1 -2
  3. package/articles/Shapes.js +1 -3
  4. package/articles/Spacing.js +1 -3
  5. package/articles/Themes.js +1 -2
  6. package/articles/Typography.js +0 -1
  7. package/blocks/Default.js +1 -1
  8. package/blocks/color.js +1 -2
  9. package/blocks/icon.js +1 -1
  10. package/blocks/section.js +1 -1
  11. package/blocks/shadow.js +1 -1
  12. package/index.js +1 -1
  13. package/package.json +3 -4
  14. package/pages/Styleguide.js +9 -6
package/articles/Colors.js CHANGED
@@ -1,24 +1,27 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
- import { Banner } from '@symbo.ls/banner'
5
3
  import { ColorBlock } from '../blocks'
6
4
 
7
5
  export const Colors = {
8
6
  tag: 'article',
9
- extend: Flex,
7
+ extend: 'Flex',
8
+
10
9
  props: {
11
10
  margin: 'auto',
12
11
  minWidth: '100%'
13
12
  },
14
13
 
15
- Header: {
14
+ Banner: {
16
15
  tag: 'header',
17
- extend: Banner,
16
+ props: {},
17
+
18
18
  Title: { text: 'Colors' },
19
+
19
20
  Paragraph: {
21
+ props: {},
20
22
  P: {},
21
23
  Flex: {
24
+ props: {},
22
25
  Title: {},
23
26
  Paragraph: [{
24
27
  props: { text: 'Brand color pallete' }
package/articles/Shadows.js CHANGED
@@ -1,7 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
- import { Banner } from '@symbo.ls/banner'
3
+ import { Flex, Banner } from '@symbo.ls/uikit'
5
4
  import { shadow } from '../blocks'
6
5
 
7
6
  export const Shadows = {
package/articles/Shapes.js CHANGED
@@ -1,8 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
-
5
- import { Banner } from '@symbo.ls/banner'
3
+ import { Flex, Banner } from '@symbo.ls/uikit'
6
4
  import { shape } from '../blocks'
7
5
 
8
6
  export const Shapes = {
package/articles/Spacing.js CHANGED
@@ -1,8 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
-
5
- import { Banner } from '@symbo.ls/banner'
3
+ import { Flex, Banner } from '@symbo.ls/uikit'
6
4
 
7
5
  export const Spacing = {
8
6
  tag: 'article',
package/articles/Themes.js CHANGED
@@ -1,7 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
- import { Icon } from '@symbo.ls/icon'
3
+ import { Flex, Icon } from '@symbo.ls/uikit'
5
4
  import { ColorBlock } from '../blocks'
6
5
 
7
6
  export const Themes = {
package/articles/Typography.js CHANGED
@@ -1,6 +1,5 @@
1
1
  'use strict'
2
2
 
3
- // import { font } from '../Sections'
4
3
  import { FontsBlock } from '../blocks'
5
4
 
6
5
  export const Typography = {
package/blocks/Default.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Hgroup } from '@symbo.ls/hgroup'
3
+ import { Hgroup } from 'smbls'
4
4
 
5
5
  export const DefaultBlock = {
6
6
  tag: 'section',
package/blocks/color.js CHANGED
@@ -1,6 +1,5 @@
1
1
  'use strict'
2
2
 
3
- import { Grid } from '@symbo.ls/atoms'
4
3
  import { DefaultBlock } from './section'
5
4
 
6
5
  const ColorTemplate = {
@@ -36,7 +35,7 @@ export const ColorBlock = {
36
35
  },
37
36
 
38
37
  Paragraph: {
39
- extend: Grid,
38
+ extend: 'Grid',
40
39
 
41
40
  props: {
42
41
  columns: 'repeat(4, 1fr)',
package/blocks/icon.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Grid } from '@symbo.ls/atoms'
3
+ import { Grid } from '@symbo.ls/uikit'
4
4
  import { DefaultBlock } from './section'
5
5
 
6
6
  export const icon = {
package/blocks/section.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Hgroup } from '@symbo.ls/hgroup'
3
+ import { Hgroup } from '@symbo.ls/uikit'
4
4
 
5
5
  export const DefaultBlock = {
6
6
  tag: 'section',
package/blocks/shadow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict'
2
2
 
3
- import { Grid } from '@symbo.ls/atoms'
3
+ import { Grid } from '@symbo.ls/uikit'
4
4
  import { DefaultBlock } from './section'
5
5
 
6
6
  export const shadow = {
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  'use strict'
2
2
 
3
- export * from './pages/Components'
4
3
  export * from './pages/Styleguide'
4
+ export * from './pages/Components'
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "@symbo.ls/preview",
3
- "version": "2.11.276",
3
+ "version": "2.11.315",
4
4
  "main": "index.js",
5
5
  "license": "MIT",
6
- "gitHead": "ce33b49ad632d606b7304fbda48bade4aa368667",
6
+ "gitHead": "f7e5836ff0fad163a721cd8a823e2da1a7f346ef",
7
7
  "dependencies": {
8
- "@symbo.ls/atoms": "latest",
9
- "@symbo.ls/button": "latest"
8
+ "smbls": "latest"
10
9
  },
11
10
  "source": "src/index.js"
12
11
  }
package/pages/Styleguide.js CHANGED
@@ -1,12 +1,11 @@
1
1
  'use strict'
2
2
 
3
- import { Flex } from '@symbo.ls/atoms'
4
-
5
3
  import { Colors, Typography, Shadows, Icons, Spacing, Shapes } from '../articles'
6
4
 
7
5
  export const StyleguidePage = {
8
- extend: Flex,
6
+ extend: 'Flex',
9
7
  tag: 'main',
8
+
10
9
  props: {
11
10
  theme: 'document',
12
11
  position: 'relative',
@@ -16,13 +15,17 @@ export const StyleguidePage = {
16
15
  width: '100%',
17
16
  '@tabletM': {
18
17
  fontSize: 'Z1'
19
- },
20
- '> article': {
18
+ }
19
+ },
20
+
21
+ childExtend: {
22
+ props: {
21
23
  flow: 'column',
22
24
  '> header': {
23
25
  border: 'solid, white .15',
24
26
  borderWidth: '.5px 0 .5px 0'
25
- }
27
+ },
28
+ theme: null
26
29
  }
27
30
  },
28
31