@symbo.ls/preview 2.7.20 → 2.7.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.
Files changed (149) hide show
  1. package/.eslintrc.js +2 -8
  2. package/.vscode/settings.json +4 -1
  3. package/README.md +1 -0
  4. package/config.js +6 -0
  5. package/define.js +10 -0
  6. package/index.html +5 -5
  7. package/index.js +6 -9
  8. package/package.json +9 -28
  9. package/src/app.js +26 -40
  10. package/state.js +14 -0
  11. package/svgSprite.config.js +2 -2
  12. package/.babelrc.js +0 -5
  13. package/.coveralls.yml +0 -1
  14. package/.eslintignore +0 -1
  15. package/.legacy/_tools_old.js +0 -49
  16. package/.legacy/boxModel.js +0 -3
  17. package/.legacy/index copy.js +0 -45
  18. package/.legacy/preview.js +0 -133
  19. package/.legacy/sequence.js +0 -3
  20. package/.legacy/style.js +0 -30
  21. package/.prettierrc +0 -4
  22. package/.vscode/extensions.json +0 -5
  23. package/src/assets/dark.png +0 -0
  24. package/src/assets/fonts/FiraGO/FiraGO-Bold.woff2 +0 -0
  25. package/src/assets/fonts/FiraGO/FiraGO-Light.woff2 +0 -0
  26. package/src/assets/fonts/FiraGO/FiraGO-Medium.woff2 +0 -0
  27. package/src/assets/fonts/FiraGO/FiraGO-Regular.woff2 +0 -0
  28. package/src/assets/fonts/europa-bold-webfont.woff2 +0 -0
  29. package/src/assets/fonts/europa-bolditalic-webfont.woff2 +0 -0
  30. package/src/assets/fonts/europa-light-webfont.woff2 +0 -0
  31. package/src/assets/fonts/europa-lightitalic-webfont.woff2 +0 -0
  32. package/src/assets/fonts/europa-regular-webfont.woff2 +0 -0
  33. package/src/assets/fonts/europa-regularitalic-webfont.woff2 +0 -0
  34. package/src/assets/mask1.png +0 -0
  35. package/src/assets/mask2.png +0 -0
  36. package/src/assets/ovalCircle.svg +0 -9
  37. package/src/assets/shapes.png +0 -0
  38. package/src/assets/space.png +0 -0
  39. package/src/assets/type.png +0 -0
  40. package/src/components/Aside.js +0 -101
  41. package/src/components/Banner.js +0 -58
  42. package/src/components/ColorText.js +0 -29
  43. package/src/components/ColorsPalette.js +0 -69
  44. package/src/components/ColumnParagrphs.js +0 -22
  45. package/src/components/ContinueButton.js +0 -14
  46. package/src/components/DesignComponent.js +0 -81
  47. package/src/components/FontText.js +0 -193
  48. package/src/components/Header.js +0 -53
  49. package/src/components/HeaderHeading.js +0 -23
  50. package/src/components/IconsGroup.js +0 -64
  51. package/src/components/Page.js +0 -135
  52. package/src/components/ResponsivePreview.js +0 -44
  53. package/src/components/Route.js +0 -1
  54. package/src/components/ShapePreview.js +0 -63
  55. package/src/components/ShapeSet.js +0 -85
  56. package/src/components/SlidersWithResponsive.js +0 -23
  57. package/src/components/SpacingButton/actionButtons.js +0 -41
  58. package/src/components/SpacingButton/dropdown.js +0 -114
  59. package/src/components/SpacingButton/index.js +0 -248
  60. package/src/components/SpacingButton/props.js +0 -45
  61. package/src/components/SpacingPreview.js +0 -154
  62. package/src/components/SpacingTable.js +0 -210
  63. package/src/components/ThemeButtons.js +0 -41
  64. package/src/components/UploadImage.js +0 -31
  65. package/src/components/Widget.js +0 -1
  66. package/src/components/index.js +0 -25
  67. package/src/pages/Account/Personal.js +0 -59
  68. package/src/pages/Account/Project.js +0 -40
  69. package/src/pages/Account/fields.js +0 -74
  70. package/src/pages/Account/fieldsGridProps.js +0 -15
  71. package/src/pages/Account/index.js +0 -117
  72. package/src/pages/Color/globalThemes.js +0 -32
  73. package/src/pages/Color/index.js +0 -18
  74. package/src/pages/Color/palette.js +0 -37
  75. package/src/pages/Color/themes.js +0 -38
  76. package/src/pages/Components/grid.js +0 -99
  77. package/src/pages/Components/index.js +0 -37
  78. package/src/pages/Components/sidebar.js +0 -28
  79. package/src/pages/Components/style.js +0 -16
  80. package/src/pages/DesignSystem/Dashboard/banners.js +0 -38
  81. package/src/pages/DesignSystem/Dashboard/designElements.js +0 -124
  82. package/src/pages/DesignSystem/Dashboard/index.js +0 -22
  83. package/src/pages/DesignSystem/Dashboard/quickstart.js +0 -84
  84. package/src/pages/DesignSystem/Dashboard/state.js +0 -142
  85. package/src/pages/DesignSystem/Dashboard/summary.js +0 -52
  86. package/src/pages/DesignSystem/index.js +0 -187
  87. package/src/pages/Editor/index.js +0 -46
  88. package/src/pages/Editor/layers.js +0 -126
  89. package/src/pages/Editor/scene.js +0 -95
  90. package/src/pages/Editor/style.js +0 -13
  91. package/src/pages/Editor/tools.js +0 -360
  92. package/src/pages/Export/const.js +0 -19
  93. package/src/pages/Export/description.js +0 -88
  94. package/src/pages/Export/gist.js +0 -23
  95. package/src/pages/Export/index.js +0 -82
  96. package/src/pages/Export/scene.js +0 -59
  97. package/src/pages/Export/state.js +0 -23
  98. package/src/pages/Export/tools.js +0 -101
  99. package/src/pages/Fonts/fontFaces.js +0 -50
  100. package/src/pages/Fonts/fontFamilies.js +0 -47
  101. package/src/pages/Fonts/index.js +0 -15
  102. package/src/pages/Fonts/state.js +0 -5
  103. package/src/pages/Icons/index.js +0 -92
  104. package/src/pages/Icons/style.js +0 -1
  105. package/src/pages/Init/ChooseEnvironment.js +0 -146
  106. package/src/pages/Init/ChooseProject.js +0 -61
  107. package/src/pages/Init/CreateDocumentTheme.js +0 -173
  108. package/src/pages/Init/CreatePalette.js +0 -94
  109. package/src/pages/Init/FontText.js +0 -33
  110. package/src/pages/Init/Personalize/fields.js +0 -120
  111. package/src/pages/Init/Personalize/icon.js +0 -76
  112. package/src/pages/Init/Personalize/index.js +0 -120
  113. package/src/pages/Init/index.js +0 -39
  114. package/src/pages/Library/disabled.js +0 -38
  115. package/src/pages/Library/index.js +0 -33
  116. package/src/pages/MediaQuery/index.js +0 -46
  117. package/src/pages/MediaQuery/lists.js +0 -299
  118. package/src/pages/MediaQuery/state.js +0 -149
  119. package/src/pages/MediaQuery/typeScale.js +0 -69
  120. package/src/pages/Shapes/index.js +0 -75
  121. package/src/pages/Shapes/shapeSet.js +0 -133
  122. package/src/pages/Shapes/style.js +0 -11
  123. package/src/pages/Spaces/index.js +0 -32
  124. package/src/pages/Spaces/sequence.js +0 -32
  125. package/src/pages/Spaces/state.js +0 -20
  126. package/src/pages/State/index.js +0 -87
  127. package/src/pages/Theme/buttonTitlesGrid.js +0 -47
  128. package/src/pages/Theme/buttonsHeader.js +0 -33
  129. package/src/pages/Theme/friendTheme.js +0 -30
  130. package/src/pages/Theme/index.js +0 -273
  131. package/src/pages/Theme/interactivity.js +0 -115
  132. package/src/pages/Theme/ntc.js +0 -1689
  133. package/src/pages/Theme/preview.js +0 -153
  134. package/src/pages/Theme/selectsGrid.js +0 -73
  135. package/src/pages/Theme/style.js +0 -38
  136. package/src/pages/Theme/themingTools.js +0 -106
  137. package/src/pages/Typography/collection.js +0 -115
  138. package/src/pages/Typography/documentStyles.js +0 -113
  139. package/src/pages/Typography/index.js +0 -69
  140. package/src/pages/Typography/rangeButtons.js +0 -58
  141. package/src/pages/Typography/shared.js +0 -9
  142. package/src/pages/Typography/stylesHelpers.js +0 -30
  143. package/src/pages/Typography/typeScale.js +0 -86
  144. package/src/pages/__Account/__/index.js +0 -241
  145. package/src/pages/__Account/__/setUpProject.js +0 -142
  146. package/src/pages/__Account/index.js +0 -111
  147. package/src/pages/index.js +0 -17
  148. package/src/state.js +0 -20
  149. package/src/style.js +0 -20
package/.eslintrc.js CHANGED
@@ -1,15 +1,9 @@
1
1
  module.exports = {
2
- "extends": "standard",
3
- "plugins": ["jest"],
2
+ "extend": "standard",
4
3
  "env": {
5
4
  "es6": true,
6
5
  "browser": true,
7
6
  "node": true,
8
7
  "jest": true
9
- },
10
- overrides: [{
11
- files: [ 'test/**/*.test.js' ],
12
- env: { jest: true },
13
- plugins: [ 'jest' ]
14
- }]
8
+ }
15
9
  }
package/.vscode/settings.json CHANGED
@@ -1,3 +1,6 @@
1
1
  {
2
- "standard.enable": true
2
+ "search.exclude": {
3
+ "**/*.code-search": false,
4
+ "**/node_modules": false
5
+ }
3
6
  }
package/README.md ADDED
@@ -0,0 +1 @@
1
+ # Editor
package/config.js ADDED
@@ -0,0 +1,6 @@
1
+ 'use strict'
2
+
3
+ import { init } from '@symbo.ls/components'
4
+ import SYMBOLS_CONF from '@symbo.ls/config'
5
+
6
+ export default init({ verbose: false, ...SYMBOLS_CONF })
package/define.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict'
2
+
3
+ import DOM from 'domql'
4
+ import * as smbls from '@symbo.ls/components'
5
+
6
+ DOM.define({
7
+ __filepath: param => param,
8
+ $setCollection: smbls.Collection.define.$setCollection,
9
+ $setStateCollection: smbls.Collection.define.$setStateCollection
10
+ })
package/index.html CHANGED
@@ -1,12 +1,12 @@
1
+ <!DOCTYPE html>
1
2
  <html background="#000">
2
- <head>
3
- <title>Symbols preview</title>
3
+ <title>Editor - Symbols</title>
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
5
5
  <meta name="apple-mobile-web-app-capable" content="yes">
6
6
 
7
7
  <meta charset="UTF-8">
8
8
  </head>
9
- <body background="#000">
10
- <script src="./index.js"></script>
9
+ <body>
11
10
  </body>
12
- </html>
11
+ <script src="./index.js"></script>
12
+ </html>
package/index.js CHANGED
@@ -13,13 +13,11 @@ import { router, lastLevel } from '@domql/router'
13
13
  import { Main } from './src/pages'
14
14
 
15
15
  const designSystem = init(system)
16
- state.PROJECT_SYSTEM = designSystem
17
16
 
18
17
  const app = DOM.create({
19
18
  extend: App,
20
-
21
- HeaderOfMember: { maxWidth: '100%' },
22
19
  state,
20
+ header: { extend: components.Header },
23
21
 
24
22
  define: { routes: param => param },
25
23
  routes: {
@@ -27,14 +25,13 @@ const app = DOM.create({
27
25
  },
28
26
 
29
27
  on: {
30
- render: (el, s) => {
28
+ render: (el) => {
31
29
  const { pathname, hash } = window.location
32
30
  const url = pathname + hash
33
- router(el, url, {})
34
- },
35
-
36
- update: (el, s, changes) => {
37
- smbls.openModal(el, s)
31
+ router(el, url, {}, {
32
+ level: lastLevel,
33
+ pushState: false
34
+ })
38
35
  }
39
36
  }
40
37
  }, undefined, 'app', {
package/package.json CHANGED
@@ -1,44 +1,25 @@
1
1
  {
2
2
  "name": "@symbo.ls/preview",
3
- "description": "",
3
+ "description": "Symbols editor",
4
4
  "author": "symbo.ls",
5
- "version": "2.7.20",
5
+ "version": "2.7.23",
6
+ "repository": "https://github.com/symbo-ls/editor",
6
7
  "main": "src/app.js",
7
8
  "scripts": {
8
- "link:all": "yarn link smbls domql css-in-props @symbo.ls/icons @symbo.ls/config @symbo.ls/components @symbo.ls/scratch @symbo.ls/playground @symbo.ls/utils @symbo.ls/init @symbo.ls/config-default @domql/router @domql/utils @domql/router",
9
- "clean": "rm -rf .cache dist",
10
- "clean:modules": "rm -rf node_modules/**/node_modules/@symbo.ls node_modules/**/node_modules/@domql node_modules/**/node_modules/domql node_modules/**/node_modules/smbls",
11
- "prestart": "yarn clean && yarn clean:modules",
12
- "start": "parcel index.html --port 1200 --no-cache",
13
- "prebuild": "rm -rf .cache dist",
9
+ "prestart": "rm -rf .cache dist",
10
+ "start": "parcel index.html --port 1300 --no-cache",
11
+ "prebuild": "rm -rf dist",
14
12
  "build": "parcel build index.html",
15
13
  "reinstall": "rm -rf node_modules/@symbo.ls node_modules/@domql node_modules/domql node_modules/smbls dist yarn.lock .cache && yarn"
16
14
  },
17
- "targets": {
18
- "main": {
19
- "context": "browser",
20
- "outputFormat": "commonjs",
21
- "includeNodeModules": true
22
- }
23
- },
24
15
  "dependencies": {
25
- "@domql/router": "latest",
26
- "@domql/tags": "latest",
27
- "@symbo.ls/based": "^2.6.16",
28
- "@symbo.ls/components": "latest",
29
- "@symbo.ls/fetch": "^2.7.10",
30
- "@symbo.ls/icons": "latest",
31
- "@symbo.ls/scratch": "latest",
32
- "@symbo.ls/temp-db": "latest",
33
- "@symbo.ls/utils": "latest"
16
+ "@symbo.ls/components": "latest"
34
17
  },
35
18
  "devDependencies": {
19
+ "@domql/router": "latest",
20
+ "domql": "^1.5.2",
36
21
  "@babel/core": "^7.11.5",
37
- "@symbo.ls/platform-define": "latest",
38
- "@symbo.ls/platform-init": "latest",
39
- "@symbo.ls/platform-state": "latest",
40
22
  "babel-eslint": "^10.0.3",
41
- "domql": "^1.5.35",
42
23
  "eslint": "^6.1.0",
43
24
  "parcel-bundler": "^1.12.4",
44
25
  "parcel-plugin-svg-sprite": "^1.4.1",
package/src/app.js CHANGED
@@ -1,48 +1,34 @@
1
1
  'use strict'
2
2
 
3
- import style from './style'
4
- import { Flex } from '@symbo.ls/components'
5
-
6
- import {
7
- Init,
8
- Components,
9
- DesignSystem,
10
- Export,
11
- Library,
12
- Account
13
- } from './pages'
3
+ import { Iframe } from '@symbo.ls/components'
4
+
5
+ const Preview = {
6
+ key: 'app',
7
+
8
+ props: {
9
+ boxSize: '100% 100%',
10
+ position: 'absolute',
11
+ top: '0',
12
+ left: '0',
13
+ theme: 'document',
14
+ flexFlow: 'column',
15
+ flexAlign: 'center flex-start'
16
+ },
14
17
 
15
- const SUB_ROUTES = {}
16
- Object.keys(DesignSystem.routes).map(route => {
17
- SUB_ROUTES[route] = {
18
- extend: DesignSystem,
19
- page: {
20
- DesignSystemNavbar: {},
21
- Page: {
22
- extend: DesignSystem.routes[route]
18
+ routes: {
19
+ '/preview': {
20
+ frame: {
21
+ extend: Iframe,
22
+ props: (el, s) => ({
23
+ boxSize: '100% 100%',
24
+ position: 'absolute',
25
+ inset: '0 0 0 0',
26
+ border: '0',
27
+ src: `https://${s.appKey}/`
28
+ })
23
29
  }
24
30
  }
25
31
  }
26
- })
27
-
28
- const App = {
29
- extend: Flex,
30
-
31
- props: style,
32
-
33
- routes: {
34
- '/init': Init,
35
- '/account': Account,
36
- '/library': Library,
37
- '/design-system': DesignSystem,
38
- '/components': Components,
39
- '/component': Export,
40
- ...SUB_ROUTES
41
- },
42
-
43
- content: {},
44
-
45
- Modal: {}
46
32
  }
47
33
 
48
- export default App
34
+ export default Preview
package/state.js ADDED
@@ -0,0 +1,14 @@
1
+ 'use strict'
2
+
3
+ import PROJECT_SYSTEM from './config'
4
+ import { CASES } from '@symbo.ls/scratch' // eslint-disable-line no-unused-vars
5
+ import { getCookie } from 'domql/packages/cookie'
6
+
7
+ export const state = {
8
+ globalTheme: getCookie('globalTheme') || 'dark',
9
+ framework: getCookie('framework') || 'react',
10
+ language: getCookie('language') || 'javascript',
11
+ PROJECT_SYSTEM,
12
+ appKey: '4it.symbo.ls'
13
+ // globalTheme: CASES.isDark ? 'dark' : 'light'
14
+ }
package/svgSprite.config.js CHANGED
@@ -3,6 +3,6 @@ const path = require('path')
3
3
  module.exports = {
4
4
  getSymbolId: (filePath, fileContent, fileHash) => {
5
5
  return path.basename(filePath, '.svg')
6
- },
7
- exclude: ['**/components/**', '**/Modals/**']
6
+ }
7
+ // exclude: ['**/assets/**']
8
8
  }
package/.babelrc.js DELETED
@@ -1,5 +0,0 @@
1
- module.exports = {
2
- "presets": [
3
- ["@babel/preset-env"]
4
- ]
5
- }
package/.coveralls.yml DELETED
@@ -1 +0,0 @@
1
- repo_token: jmDeY99lLJ2iGLoz74cFs3X0Z2h5bYo1j
package/.eslintignore DELETED
@@ -1 +0,0 @@
1
- dist/**/*.js
package/.legacy/_tools_old.js DELETED
@@ -1,49 +0,0 @@
1
- 'use strict'
2
-
3
- import {
4
- screenButton,
5
- activeScreenButton,
6
- styleKangoroo
7
- } from './style'
8
-
9
- import { Button, Icon } from '@symbo.ls/components'
10
-
11
- export const KangorooButton = {
12
- style: styleKangoroo,
13
- tag: 'button',
14
- icon: { extend: Icon, name: 'sun' },
15
- text: 'light mode',
16
- button: {
17
- icon: { extend: Icon, name: 'moon' },
18
- text: 'go dark'
19
- }
20
- }
21
-
22
- export const ResponsiveToolBar = {
23
- tag: 'nav',
24
-
25
- childExtend: {
26
- extend: Button,
27
- style: screenButton,
28
- define: { active: param => param },
29
- class: {
30
- active: (el, s) => el.key === s.previewSize
31
- ? activeScreenButton
32
- : {}
33
- },
34
- on: {
35
- click: (ev, el, s) => {
36
- s.update({
37
- previewSize: el.key !== s.previewSize ? el.key : 'unset'
38
- })
39
- }
40
- }
41
- },
42
- ...[
43
- { key: 'mobile', icon: 'deviceMobile' },
44
- { key: 'tabletPortrait', icon: 'deviceTabletPortrait' },
45
- { key: 'tabletLangdscape', icon: 'deviceTabletLandscape' },
46
- { key: 'small', icon: 'deviceSmall' },
47
- { key: 'big', icon: 'deviceBig' }
48
- ]
49
- }
package/.legacy/boxModel.js DELETED
@@ -1,3 +0,0 @@
1
- 'use strict'
2
-
3
- export default {}
package/.legacy/index copy.js DELETED
@@ -1,45 +0,0 @@
1
- 'use strict'
2
-
3
- import { SectionHeader } from '@symbo.ls/components'
4
-
5
- import preview from './preview'
6
- import sequence from './sequence'
7
- import boxModel from './boxModel'
8
-
9
- export const Spaces = {
10
- key: 'spaces',
11
-
12
- state: {
13
- activePage: 'spaces',
14
- activeTab: 'preview',
15
-
16
- title: 'Spacing',
17
- p: 'Unlike typography, component may has the properties of padding, gap, width and rest.'
18
- },
19
-
20
- define: { routes: param => param },
21
-
22
- routes: {
23
- preview,
24
- sequence,
25
- boxModel
26
- },
27
-
28
- on: {
29
- init: (el, s) => {
30
- var route = window.location.pathname
31
- var routes = route.slice(1).split('/')
32
- s.activeTab = routes[1] || s.activeTab
33
- }
34
- },
35
-
36
- header: {
37
- extend: SectionHeader
38
- },
39
-
40
- preview
41
-
42
- // page: {
43
- // content: (el, s) => ({ extend: el.parent.routes[s.activeTab] })
44
- // }
45
- }
package/.legacy/preview.js DELETED
@@ -1,133 +0,0 @@
1
- 'use strict'
2
-
3
- import { stylePreview, styleScene } from './style'
4
-
5
- import { Block, Button, Flex, Text, ResponsiveToolBar, Scene, SequenceGraph, StaticSpacing, CommonField, RangeFieldWithCaption, SelectFieldWithCaption } from '@symbo.ls/components'
6
-
7
- const buttonDownload = {
8
- extend: Button,
9
- state: {},
10
- style: {
11
- svg: { marginRight: `${6 / 16}em` }
12
- },
13
- props: {
14
- icon: 'arrowDown',
15
- theme: 'primary',
16
- text: 'Download',
17
- padding: ['Z2', 'A2'],
18
- round: 'C'
19
- }
20
- }
21
-
22
- export default {
23
- style: stylePreview,
24
-
25
- cnt: {
26
- aside: {
27
- tag: 'aside',
28
- extend: [ResponsiveToolBar, Flex]
29
- },
30
- nameSequence: {
31
- style: { marginRight: '5.6em' },
32
- childExtend: {
33
- extend: CommonField
34
- },
35
- ...[
36
- // {
37
- // caption: { text: 'Name the sequence' },
38
- // element: {
39
- // tag: 'input',
40
- // extend: Shape,
41
- // props: { theme: 'quaternary', round: 'Y1' },
42
- // attr: (el, s) => ({
43
- // autofocus: true
44
- // // value: s.tabs[s.activeTab].name
45
- // }),
46
- // on: {
47
- // render: el => {
48
- // el.node.select() // .focus(),
49
- // },
50
- // input: (ev, el, s) => {
51
- // s.tabs[s.activeTab].name = el.node.value
52
- // s.update()
53
- // }
54
- // }
55
- // }
56
- // },
57
-
58
- {
59
- extend: SelectFieldWithCaption,
60
- style: { marginTop: `${26 / 16}em` },
61
- caption: { props: { text: 'Used for' } },
62
- element: {
63
- title: {
64
- props: {
65
- icon: 'fontSize',
66
- text: 'Font size'
67
- },
68
- style: { '> svg': { paddingTop: '2px' } }
69
- }
70
- }
71
- }
72
- ]
73
- },
74
-
75
- baseSize: {
76
- childExtend: CommonField,
77
- ...[
78
- {
79
- extend: RangeFieldWithCaption,
80
- caption: { text: 'Base size' },
81
- element: {
82
- button0: {},
83
- value: { text: '16px' }
84
- }
85
- },
86
- {
87
- style: { marginTop: `${26 / 16}em` },
88
- caption: { text: 'Sequence ratio' },
89
- element: {
90
- extend: StaticSpacing
91
- }
92
- }
93
- ]
94
- },
95
- scene: {
96
- extend: CommonField,
97
- style: {
98
- flex: 1,
99
- marginLeft: `${110 / 16}em`
100
- },
101
- caption: { text: 'Preview' },
102
- element: {
103
- style: styleScene,
104
- extend: [Scene, Block],
105
- props: {
106
- width: 'H2',
107
- height: 'G'
108
- },
109
- scene: {
110
- buttonDownload
111
- }
112
- }
113
- }
114
- },
115
-
116
- footer: {
117
- caption: {
118
- extend: [Text, Block],
119
- props: {
120
- size: 'Y',
121
- padding: '0 0 B 0'
122
- },
123
- text: 'Sizing generated by this setting'
124
- },
125
- Sequence: {
126
- extend: [SequenceGraph, Block, Text],
127
- style: { alignItems: 'center' },
128
- props: {
129
- size: 'X'
130
- }
131
- }
132
- }
133
- }
package/.legacy/sequence.js DELETED
@@ -1,3 +0,0 @@
1
- 'use strict'
2
-
3
- export default {}
package/.legacy/style.js DELETED
@@ -1,30 +0,0 @@
1
- 'use strict'
2
-
3
- export const styleScene = {
4
- padding: `${10 / 16}em`,
5
- width: '100%',
6
- '> div': {
7
- height: '100%'
8
- }
9
- }
10
-
11
- export const stylePreview = {
12
- '> div': {
13
- display: 'flex'
14
- },
15
-
16
- aside: {
17
- flexDirection: 'column-reverse',
18
- justifyContent: 'flex-end',
19
- marginRight: '4.2em',
20
- gap: '1em'
21
- },
22
-
23
- footer: {
24
- marginTop: `${68 / 16}em`,
25
- caption: {
26
- whiteSpace: 'nowrap',
27
- opacity: '.35'
28
- }
29
- }
30
- }
package/.prettierrc DELETED
@@ -1,4 +0,0 @@
1
- {
2
- "tabWidth": 2,
3
- "useTabs": false
4
- }
package/.vscode/extensions.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "recommendations": [
3
- "GitHub.copilot"
4
- ]
5
- }
package/src/assets/dark.png DELETED
Binary file
package/src/assets/mask1.png DELETED
Binary file
package/src/assets/mask2.png DELETED
Binary file
package/src/assets/ovalCircle.svg DELETED
@@ -1,9 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <title>background</title>
4
- <g id="Shapes" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <g id="Layout-/-search-Copy-2" transform="translate(-108.000000, -692.000000)" fill="#343434">
6
- <path d="M128.953339,692 C136.09022,692 142.88754,693.896232 146.769521,699.700559 C149.021728,702.985154 150,708.965227 150,713.663937 C150,719.129426 146.368619,723.297044 143.147153,727.241113 C139.362853,731.875632 135.358188,734 128.953339,734 C122.595297,734 118.147575,732.011998 114.203089,727.241113 C111.092387,723.479398 108,719.177968 108,713.663937 C108,708.660879 111.44532,702.199107 114.203089,698.395557 C117.970817,693.19769 122.107179,692 128.953339,692 Z" id="background"></path>
7
- </g>
8
- </g>
9
- </svg>
package/src/assets/shapes.png DELETED
Binary file
package/src/assets/space.png DELETED
Binary file
package/src/assets/type.png DELETED
Binary file