npm - @symbo.ls/preview - Versions diffs - 2.7.24 → 2.11.265 - Mend

@symbo.ls/preview 2.7.24 → 2.11.265

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 (33) hide show

package/sections/shape.js ADDED Viewed

@@ -0,0 +1,34 @@
+'use strict'
+import { shadow } from './shadow'
+export const shape = {
+  extend: shadow,
+  Title: null,
+  Paragraph: {
+    props: {
+      // gap: 'E',
+      columns: 'repeat(8, 1fr)',
+      childProps: {
+        border: 'solid, white .05',
+        borderWidth: '2px',
+        style: {
+          boxShadow: 'rgba(38, 57, 77, 0.12) 0px 2px 4px 0px, rgba(38, 57, 77, 0.32) 0px 2px 16px 0px'
+        },
+        ':first-child': { round: 'A 0 0 0' },
+        ':nth-child(2)': { round: 'E A 0 0' },
+        ':nth-child(3)': {
+          round: '100%',
+          aspectRatio: '1/1'
+        },
+        ':nth-child(4)': { round: '0 D 0 A' },
+        ':nth-child(5)': { round: '0 0 G 0' },
+        ':nth-child(7)': { round: '0 0 E1 E1' },
+        ':nth-child(8)': { round: 'G 0 0 0' }
+      }
+    },
+    ...[
+      {}, {}, {}, {}, {}, {}, {}, {}
+    ]
+  }
+}

package/state/color.js ADDED Viewed

@@ -0,0 +1,3 @@
+export default {
+}

package/state/icon.js ADDED Viewed

@@ -0,0 +1,3 @@
+export default {
+}

package/state/index.js ADDED Viewed

@@ -0,0 +1,13 @@
+'use strict'
+import color from './color'
+import icon from './icon'
+import shadow from './shadow'
+import typography from './typography'
+export default {
+  color,
+  icon,
+  shadow,
+  typography
+}

package/state/shadow.js ADDED Viewed

@@ -0,0 +1,3 @@
+export default {
+}

package/state/typography.js ADDED Viewed

@@ -0,0 +1,15 @@
+export default {
+  title: 'Colors',
+  paragraph: 'Our color palette is led by a bold, distinct primary color and rounded out by a select set of secondary colors that give depth and diversity to our designs.',
+  list: {
+    title: 'What you’ll find',
+    data: [
+      'Primary colors',
+      'Secondary colors',
+      'Greyscale',
+      'System colors',
+      'Background colors'
+    ]
+  }
+}

package/.eslintrc.js DELETED Viewed

@@ -1,9 +0,0 @@
-module.exports = {
-  "extend": "standard",
-  "env": {
-    "es6": true,
-    "browser": true,
-    "node": true,
-    "jest": true
-  }
-}

package/.vscode/settings.json DELETED Viewed

@@ -1,6 +0,0 @@
-{
-  "search.exclude": {
-    "**/*.code-search": false,
-    "**/node_modules": false
-  }
-}

package/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # Editor

package/config.js DELETED Viewed

@@ -1,6 +0,0 @@
-'use strict'
-import { init } from '@symbo.ls/components'
-import SYMBOLS_CONF from '@symbo.ls/config'
-export default init({ verbose: false, ...SYMBOLS_CONF })

package/define.js DELETED Viewed

@@ -1,10 +0,0 @@
-'use strict'
-import DOM from 'domql'
-import * as smbls from '@symbo.ls/components'
-DOM.define({
-  __filepath: param => param,
-  $setCollection: smbls.Collection.define.$setCollection,
-  $setStateCollection: smbls.Collection.define.$setStateCollection
-})

package/index.html DELETED Viewed

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html background="#000">
-  <title>Editor - Symbols</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta charset="UTF-8">
-</head>
-<body>
-</body>
-<script src="./index.js"></script>
-</html>

package/src/app.js DELETED Viewed

@@ -1,43 +0,0 @@
-'use strict'
-import { Flex } from '@symbo.ls/components'
-const Preview = {
-  key: 'app',
-  props: {
-    boxSize: '100% 100%',
-    position: 'absolute',
-    top: '0',
-    left: '0',
-    theme: 'document',
-    flexFlow: 'column',
-    flexAlign: 'center flex-start'
-  },
-  routes: {
-    '/preview': {
-      extend: Flex,
-      props: {
-        padding: 'D+Z Z Z Z',
-        boxSize: '100% 100%',
-        position: 'absolute',
-        top: '0',
-        left: '0',
-        theme: 'document',
-        flexFlow: 'column',
-        flexAlign: 'center flex-start'
-      },
-      Iframe: {
-        props: (el, s) => ({
-          boxSize: '100% 100%',
-          round: 'Z',
-          border: '0',
-          src: `https://${s.appKey}/`
-        })
-      }
-    }
-  }
-}
-export default Preview

package/state.js DELETED Viewed

@@ -1,14 +0,0 @@
-'use strict'
-import PROJECT_SYSTEM from './config'
-import { CASES } from '@symbo.ls/scratch' // eslint-disable-line no-unused-vars
-import { getCookie } from 'domql/packages/cookie'
-export const state = {
-  globalTheme: getCookie('globalTheme') || 'dark',
-  framework: getCookie('framework') || 'react',
-  language: getCookie('language') || 'javascript',
-  PROJECT_SYSTEM,
-  appKey: '4it.symbo.ls'
-  // globalTheme: CASES.isDark ? 'dark' : 'light'
-}

package/svgSprite.config.js DELETED Viewed

@@ -1,8 +0,0 @@
-const path = require('path')
-module.exports = {
-  getSymbolId: (filePath, fileContent, fileHash) => {
-    return path.basename(filePath, '.svg')
-  }
-  // exclude: ['**/assets/**']
-}