senangwebs-aframe-editor 1.6.5

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 (104) hide show
  1. package/.babelrc +3 -0
  2. package/.editorconfig +12 -0
  3. package/.eslintignore +2 -0
  4. package/.eslintrc +40 -0
  5. package/.github/workflows/ci.yml +39 -0
  6. package/.husky/pre-commit +4 -0
  7. package/.prettierignore +1 -0
  8. package/.prettierrc.json +5 -0
  9. package/.stylelintrc +12 -0
  10. package/LICENSE +21 -0
  11. package/README.md +75 -0
  12. package/assets/gltf.svg +49 -0
  13. package/dist/aframe-inspector.js +106250 -0
  14. package/dist/aframe-inspector.js.map +1 -0
  15. package/dist/aframe-inspector.min.js +29040 -0
  16. package/dist/aframe-inspector.min.js.LICENSE.txt +56 -0
  17. package/dist/aframe-inspector.min.js.map +1 -0
  18. package/examples/360video.html +48 -0
  19. package/examples/colors.html +18 -0
  20. package/examples/controllers.html +60 -0
  21. package/examples/embedded-zoom.html +78 -0
  22. package/examples/embedded.html +79 -0
  23. package/examples/empty.html +13 -0
  24. package/examples/index-aframe.html +66 -0
  25. package/examples/index.html +71 -0
  26. package/examples/supercraft.html +6 -0
  27. package/index.html +8 -0
  28. package/package.json +84 -0
  29. package/senangwebs-webverse-editor.png +0 -0
  30. package/src/components/AwesomeIcon.js +53 -0
  31. package/src/components/Collapsible.js +57 -0
  32. package/src/components/EntityRepresentation.js +83 -0
  33. package/src/components/Main.js +222 -0
  34. package/src/components/__tests__/Collapsible.test.js +30 -0
  35. package/src/components/components/AddComponent.js +104 -0
  36. package/src/components/components/CommonComponents.js +160 -0
  37. package/src/components/components/Component.js +151 -0
  38. package/src/components/components/ComponentsContainer.js +52 -0
  39. package/src/components/components/DefaultComponents.js +1 -0
  40. package/src/components/components/Mixins.js +83 -0
  41. package/src/components/components/PropertyRow.js +145 -0
  42. package/src/components/components/Sidebar.js +51 -0
  43. package/src/components/icons/BackViewIcon.js +27 -0
  44. package/src/components/icons/BottomViewIcon.js +26 -0
  45. package/src/components/icons/FrontViewIcon.js +23 -0
  46. package/src/components/icons/LeftViewIcon.js +24 -0
  47. package/src/components/icons/PerspectiveIcon.js +23 -0
  48. package/src/components/icons/PrimitiveBoxIcon.js +143 -0
  49. package/src/components/icons/PrimitiveConeIcon.js +44 -0
  50. package/src/components/icons/PrimitiveCylinderIcon.js +51 -0
  51. package/src/components/icons/PrimitiveEmptyEntityIcon.js +78 -0
  52. package/src/components/icons/PrimitiveImageIcon.js +86 -0
  53. package/src/components/icons/PrimitiveLightIcon.js +107 -0
  54. package/src/components/icons/PrimitivePlaneIcon.js +87 -0
  55. package/src/components/icons/PrimitiveSphereIcon.js +39 -0
  56. package/src/components/icons/PrimitiveTextIcon.js +89 -0
  57. package/src/components/icons/PrimitiveTorusIcon.js +31 -0
  58. package/src/components/icons/RightViewIcon.js +24 -0
  59. package/src/components/icons/TopViewIcon.js +24 -0
  60. package/src/components/modals/Modal.js +107 -0
  61. package/src/components/modals/ModalHelp.js +97 -0
  62. package/src/components/modals/ModalPrimitive.js +114 -0
  63. package/src/components/modals/ModalTextures.js +430 -0
  64. package/src/components/scenegraph/Entity.js +142 -0
  65. package/src/components/scenegraph/SceneGraph.js +337 -0
  66. package/src/components/scenegraph/Toolbar.js +147 -0
  67. package/src/components/viewport/CameraToolbar.js +122 -0
  68. package/src/components/viewport/TransformToolbar.js +102 -0
  69. package/src/components/viewport/ViewportHUD.js +33 -0
  70. package/src/components/widgets/BooleanWidget.js +49 -0
  71. package/src/components/widgets/ColorWidget.js +89 -0
  72. package/src/components/widgets/InputWidget.js +42 -0
  73. package/src/components/widgets/NumberWidget.js +179 -0
  74. package/src/components/widgets/SelectWidget.js +58 -0
  75. package/src/components/widgets/TextureWidget.js +252 -0
  76. package/src/components/widgets/Vec2Widget.js +55 -0
  77. package/src/components/widgets/Vec3Widget.js +58 -0
  78. package/src/components/widgets/Vec4Widget.js +61 -0
  79. package/src/components/widgets/index.js +9 -0
  80. package/src/index.js +301 -0
  81. package/src/lib/EditorControls.js +336 -0
  82. package/src/lib/Events.js +6 -0
  83. package/src/lib/TransformControls.js +1365 -0
  84. package/src/lib/assetsLoader.js +43 -0
  85. package/src/lib/assetsUtils.js +30 -0
  86. package/src/lib/cameras.js +121 -0
  87. package/src/lib/entity.js +556 -0
  88. package/src/lib/history.js +30 -0
  89. package/src/lib/raycaster.js +129 -0
  90. package/src/lib/shortcuts.js +211 -0
  91. package/src/lib/utils.js +118 -0
  92. package/src/lib/viewport.js +268 -0
  93. package/src/style/components.styl +275 -0
  94. package/src/style/entity.styl +22 -0
  95. package/src/style/help.styl +40 -0
  96. package/src/style/index.styl +358 -0
  97. package/src/style/lib.styl +41 -0
  98. package/src/style/primitiveModal.styl +90 -0
  99. package/src/style/scenegraph.styl +173 -0
  100. package/src/style/select.styl +71 -0
  101. package/src/style/textureModal.styl +220 -0
  102. package/src/style/viewport.styl +168 -0
  103. package/src/style/widgets.styl +71 -0
  104. package/webpack.config.js +65 -0
@@ -0,0 +1,143 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveBoxIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-326 -1044)">
11
+ <path
12
+ d="M416.5 1058.5 416.5 1360.86"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
17
+ strokeMiterlimit="10"
18
+ fill="none"
19
+ fillRule="evenodd"
20
+ />
21
+ <path
22
+ d="M718.5 1058.5 718.5 1360.86"
23
+ stroke={color}
24
+ strokeWidth="26.6667"
25
+ strokeLinecap="round"
26
+ strokeLinejoin="round"
27
+ strokeMiterlimit="10"
28
+ fill="none"
29
+ fillRule="evenodd"
30
+ />
31
+ <path
32
+ d="M0 0 302.362 0.000104987"
33
+ stroke={color}
34
+ strokeWidth="26.6667"
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ strokeMiterlimit="10"
38
+ fill="none"
39
+ fillRule="evenodd"
40
+ transform="matrix(-1 0 0 1 718.862 1361.5)"
41
+ />
42
+ <path
43
+ d="M0 0 302.362 0.000104987"
44
+ stroke={color}
45
+ strokeWidth="26.6667"
46
+ strokeLinecap="round"
47
+ strokeLinejoin="round"
48
+ strokeMiterlimit="10"
49
+ fill="none"
50
+ fillRule="evenodd"
51
+ transform="matrix(-1 0 0 1 718.862 1058.5)"
52
+ />
53
+ <path
54
+ d="M340.5 1134.5 340.5 1436.86"
55
+ stroke={color}
56
+ strokeWidth="26.6667"
57
+ strokeLinecap="round"
58
+ strokeLinejoin="round"
59
+ strokeMiterlimit="10"
60
+ fill="none"
61
+ fillRule="evenodd"
62
+ />
63
+ <path
64
+ d="M643.5 1134.5 643.5 1436.86"
65
+ stroke={color}
66
+ strokeWidth="26.6667"
67
+ strokeLinecap="round"
68
+ strokeLinejoin="round"
69
+ strokeMiterlimit="10"
70
+ fill="none"
71
+ fillRule="evenodd"
72
+ />
73
+ <path
74
+ d="M0 0 302.362 0.000104987"
75
+ stroke={color}
76
+ strokeWidth="26.6667"
77
+ strokeLinecap="round"
78
+ strokeLinejoin="round"
79
+ strokeMiterlimit="10"
80
+ fill="none"
81
+ fillRule="evenodd"
82
+ transform="matrix(-1 0 0 1 642.862 1436.5)"
83
+ />
84
+ <path
85
+ d="M0 0 302.362 0.000104987"
86
+ stroke={color}
87
+ strokeWidth="26.6667"
88
+ strokeLinecap="round"
89
+ strokeLinejoin="round"
90
+ strokeMiterlimit="10"
91
+ fill="none"
92
+ fillRule="evenodd"
93
+ transform="matrix(-1 0 0 1 642.862 1134.5)"
94
+ />
95
+ <path
96
+ d="M0 0 75.5907 75.5905"
97
+ stroke={color}
98
+ strokeWidth="26.6667"
99
+ strokeLinecap="round"
100
+ strokeLinejoin="round"
101
+ strokeMiterlimit="10"
102
+ fill="none"
103
+ fillRule="evenodd"
104
+ transform="matrix(-1 0 0 1 719.091 1361.5)"
105
+ />
106
+ <path
107
+ d="M0 0 75.5907 75.5905"
108
+ stroke={color}
109
+ strokeWidth="26.6667"
110
+ strokeLinecap="round"
111
+ strokeLinejoin="round"
112
+ strokeMiterlimit="10"
113
+ fill="none"
114
+ fillRule="evenodd"
115
+ transform="matrix(-1 0 0 1 416.091 1361.5)"
116
+ />
117
+ <path
118
+ d="M0 0 75.5907 75.5905"
119
+ stroke={color}
120
+ strokeWidth="26.6667"
121
+ strokeLinecap="round"
122
+ strokeLinejoin="round"
123
+ strokeMiterlimit="10"
124
+ fill="none"
125
+ fillRule="evenodd"
126
+ transform="matrix(-1 0 0 1 416.091 1058.5)"
127
+ />
128
+ <path
129
+ d="M0 0 75.5907 75.5905"
130
+ stroke={color}
131
+ strokeWidth="26.6667"
132
+ strokeLinecap="round"
133
+ strokeLinejoin="round"
134
+ strokeMiterlimit="10"
135
+ fill="none"
136
+ fillRule="evenodd"
137
+ transform="matrix(-1 0 0 1 719.091 1058.5)"
138
+ />
139
+ </g>
140
+ </svg>
141
+ );
142
+
143
+ export default PrimitiveBoxIcon;
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveConeIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-1800 -1044)">
11
+ <path
12
+ d="M1814.5 1361C1814.5 1319.3 1899.12 1285.5 2003.5 1285.5 2107.88 1285.5 2192.5 1319.3 2192.5 1361 2192.5 1402.7 2107.88 1436.5 2003.5 1436.5 1899.12 1436.5 1814.5 1402.7 1814.5 1361Z"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeMiterlimit="8"
16
+ fill="none"
17
+ fillRule="evenodd"
18
+ />
19
+ <path
20
+ d="M0 0 188.976 291.024"
21
+ stroke={color}
22
+ strokeWidth="26.6667"
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ strokeMiterlimit="10"
26
+ fill="none"
27
+ fillRule="evenodd"
28
+ transform="matrix(-1 0 0 1 2003.48 1058.5)"
29
+ />
30
+ <path
31
+ d="M2003.5 1058.5 2192.48 1349.52"
32
+ stroke={color}
33
+ strokeWidth="26.6667"
34
+ strokeLinecap="round"
35
+ strokeLinejoin="round"
36
+ strokeMiterlimit="10"
37
+ fill="none"
38
+ fillRule="evenodd"
39
+ />
40
+ </g>
41
+ </svg>
42
+ );
43
+
44
+ export default PrimitiveConeIcon;
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveCylinderIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-1309 -1044)">
11
+ <path
12
+ d="M1323.5 1134C1323.5 1092.3 1408.12 1058.5 1512.5 1058.5 1616.88 1058.5 1701.5 1092.3 1701.5 1134 1701.5 1175.7 1616.88 1209.5 1512.5 1209.5 1408.12 1209.5 1323.5 1175.7 1323.5 1134Z"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeMiterlimit="8"
16
+ fill="none"
17
+ fillRule="evenodd"
18
+ />
19
+ <path
20
+ d="M1323.5 1361C1323.5 1319.3 1408.12 1285.5 1512.5 1285.5 1616.88 1285.5 1701.5 1319.3 1701.5 1361 1701.5 1402.7 1616.88 1436.5 1512.5 1436.5 1408.12 1436.5 1323.5 1402.7 1323.5 1361Z"
21
+ stroke={color}
22
+ strokeWidth="26.6667"
23
+ strokeMiterlimit="8"
24
+ fill="none"
25
+ fillRule="evenodd"
26
+ />
27
+ <path
28
+ d="M1323.5 1134.5 1323.5 1361.27"
29
+ stroke={color}
30
+ strokeWidth="26.6667"
31
+ strokeLinecap="round"
32
+ strokeLinejoin="round"
33
+ strokeMiterlimit="10"
34
+ fill="none"
35
+ fillRule="evenodd"
36
+ />
37
+ <path
38
+ d="M1701.5 1134.5 1701.5 1361.27"
39
+ stroke={color}
40
+ strokeWidth="26.6667"
41
+ strokeLinecap="round"
42
+ strokeLinejoin="round"
43
+ strokeMiterlimit="10"
44
+ fill="none"
45
+ fillRule="evenodd"
46
+ />
47
+ </g>
48
+ </svg>
49
+ );
50
+
51
+ export default PrimitiveCylinderIcon;
@@ -0,0 +1,78 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveEmptyEntityIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-2292 -1574)">
11
+ <path
12
+ d="M2306.5 1587.5 2306.5 1965.45"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
17
+ strokeMiterlimit="10"
18
+ fill="none"
19
+ fillRule="evenodd"
20
+ />
21
+ <path
22
+ d="M2683.5 1587.5 2683.5 1965.45"
23
+ stroke={color}
24
+ strokeWidth="26.6667"
25
+ strokeLinecap="round"
26
+ strokeLinejoin="round"
27
+ strokeMiterlimit="10"
28
+ fill="none"
29
+ fillRule="evenodd"
30
+ />
31
+ <path
32
+ d="M0 0 377.953 0.000104987"
33
+ stroke={color}
34
+ strokeWidth="26.6667"
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ strokeMiterlimit="10"
38
+ fill="none"
39
+ fillRule="evenodd"
40
+ transform="matrix(-1 0 0 1 2684.45 1965.5)"
41
+ />
42
+ <path
43
+ d="M0 0 377.953 0.000104987"
44
+ stroke={color}
45
+ strokeWidth="26.6667"
46
+ strokeLinecap="round"
47
+ strokeLinejoin="round"
48
+ strokeMiterlimit="10"
49
+ fill="none"
50
+ fillRule="evenodd"
51
+ transform="matrix(-1 0 0 1 2684.45 1587.5)"
52
+ />
53
+ <path
54
+ d="M0 0 377.953 377.953"
55
+ stroke={color}
56
+ strokeWidth="26.6667"
57
+ strokeLinecap="round"
58
+ strokeLinejoin="round"
59
+ strokeMiterlimit="10"
60
+ fill="none"
61
+ fillRule="evenodd"
62
+ transform="matrix(-1 0 0 1 2684.45 1587.5)"
63
+ />
64
+ <path
65
+ d="M2684.48 1965.48 2495.5 1776.5"
66
+ stroke={color}
67
+ strokeWidth="26.6667"
68
+ strokeLinecap="round"
69
+ strokeLinejoin="round"
70
+ strokeMiterlimit="10"
71
+ fill="none"
72
+ fillRule="evenodd"
73
+ />
74
+ </g>
75
+ </svg>
76
+ );
77
+
78
+ export default PrimitiveEmptyEntityIcon;
@@ -0,0 +1,86 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveImageIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-818 -1574)">
11
+ <path
12
+ d="M1209.5 1587.5 1209.5 1889.86"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
17
+ strokeMiterlimit="10"
18
+ fill="none"
19
+ fillRule="evenodd"
20
+ />
21
+ <path
22
+ d="M832.5 1663.5 832.5 1965.86"
23
+ stroke={color}
24
+ strokeWidth="26.6667"
25
+ strokeLinecap="round"
26
+ strokeLinejoin="round"
27
+ strokeMiterlimit="10"
28
+ fill="none"
29
+ fillRule="evenodd"
30
+ />
31
+ <path
32
+ d="M0 0 377.953 75.5905"
33
+ stroke={color}
34
+ strokeWidth="26.6667"
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ strokeMiterlimit="10"
38
+ fill="none"
39
+ fillRule="evenodd"
40
+ transform="matrix(-1 0 0 1 1210.45 1890.5)"
41
+ />
42
+ <path
43
+ d="M0 0 377.953 75.5905"
44
+ stroke={color}
45
+ strokeWidth="26.6667"
46
+ strokeLinecap="round"
47
+ strokeLinejoin="round"
48
+ strokeMiterlimit="10"
49
+ fill="none"
50
+ fillRule="evenodd"
51
+ transform="matrix(-1 0 0 1 1210.45 1587.5)"
52
+ />
53
+ <path
54
+ d="M1058.5 1720C1058.5 1688.8 1075.51 1663.5 1096.5 1663.5 1117.49 1663.5 1134.5 1688.8 1134.5 1720 1134.5 1751.2 1117.49 1776.5 1096.5 1776.5 1075.51 1776.5 1058.5 1751.2 1058.5 1720Z"
55
+ stroke={color}
56
+ strokeWidth="26.6667"
57
+ strokeMiterlimit="8"
58
+ fill="none"
59
+ fillRule="evenodd"
60
+ />
61
+ <path
62
+ d="M0 0 113.386 226.772"
63
+ stroke={color}
64
+ strokeWidth="26.6667"
65
+ strokeLinecap="round"
66
+ strokeLinejoin="round"
67
+ strokeMiterlimit="10"
68
+ fill="none"
69
+ fillRule="evenodd"
70
+ transform="matrix(-1 0 0 1 945.886 1739.5)"
71
+ />
72
+ <path
73
+ d="M945.5 1739.5 1096.68 1913.36"
74
+ stroke={color}
75
+ strokeWidth="26.6667"
76
+ strokeLinecap="round"
77
+ strokeLinejoin="round"
78
+ strokeMiterlimit="10"
79
+ fill="none"
80
+ fillRule="evenodd"
81
+ />
82
+ </g>
83
+ </svg>
84
+ );
85
+
86
+ export default PrimitiveImageIcon;
@@ -0,0 +1,107 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveLightIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-1800 -1574)">
11
+ <path
12
+ d="M2003.5 1587.5 2003.5 1663.09"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
17
+ strokeMiterlimit="10"
18
+ fill="none"
19
+ fillRule="evenodd"
20
+ />
21
+ <path
22
+ d="M2003.5 1890.5 2003.5 1966.09"
23
+ stroke={color}
24
+ strokeWidth="26.6667"
25
+ strokeLinecap="round"
26
+ strokeLinejoin="round"
27
+ strokeMiterlimit="10"
28
+ fill="none"
29
+ fillRule="evenodd"
30
+ />
31
+ <path
32
+ d="M0 0 75.5905 0.000104987"
33
+ stroke={color}
34
+ strokeWidth="26.6667"
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ strokeMiterlimit="10"
38
+ fill="none"
39
+ fillRule="evenodd"
40
+ transform="matrix(-1 0 0 1 1890.09 1776.5)"
41
+ />
42
+ <path
43
+ d="M0 0 75.5905 0.000104987"
44
+ stroke={color}
45
+ strokeWidth="26.6667"
46
+ strokeLinecap="round"
47
+ strokeLinejoin="round"
48
+ strokeMiterlimit="10"
49
+ fill="none"
50
+ fillRule="evenodd"
51
+ transform="matrix(-1 0 0 1 2193.09 1776.5)"
52
+ />
53
+ <path
54
+ d="M2083.5 1857.5 2136.95 1910.95"
55
+ stroke={color}
56
+ strokeWidth="26.6667"
57
+ strokeLinecap="round"
58
+ strokeLinejoin="round"
59
+ strokeMiterlimit="10"
60
+ fill="none"
61
+ fillRule="evenodd"
62
+ />
63
+ <path
64
+ d="M1923.95 1696.95 1870.5 1643.5"
65
+ stroke={color}
66
+ strokeWidth="26.6667"
67
+ strokeLinecap="round"
68
+ strokeLinejoin="round"
69
+ strokeMiterlimit="10"
70
+ fill="none"
71
+ fillRule="evenodd"
72
+ />
73
+ <path
74
+ d="M0 0 53.4506 53.4506"
75
+ stroke={color}
76
+ strokeWidth="26.6667"
77
+ strokeLinecap="round"
78
+ strokeLinejoin="round"
79
+ strokeMiterlimit="10"
80
+ fill="none"
81
+ fillRule="evenodd"
82
+ transform="matrix(1 0 0 -1 2083.5 1696.95)"
83
+ />
84
+ <path
85
+ d="M0 0 53.4506 53.4506"
86
+ stroke={color}
87
+ strokeWidth="26.6667"
88
+ strokeLinecap="round"
89
+ strokeLinejoin="round"
90
+ strokeMiterlimit="10"
91
+ fill="none"
92
+ fillRule="evenodd"
93
+ transform="matrix(-1 0 0 1 1923.95 1857.5)"
94
+ />
95
+ <path
96
+ d="M1965.5 1777C1965.5 1756.29 1982.51 1739.5 2003.5 1739.5 2024.49 1739.5 2041.5 1756.29 2041.5 1777 2041.5 1797.71 2024.49 1814.5 2003.5 1814.5 1982.51 1814.5 1965.5 1797.71 1965.5 1777Z"
97
+ stroke={color}
98
+ strokeWidth="26.6667"
99
+ strokeMiterlimit="8"
100
+ fill="none"
101
+ fillRule="evenodd"
102
+ />
103
+ </g>
104
+ </svg>
105
+ );
106
+
107
+ export default PrimitiveLightIcon;
@@ -0,0 +1,87 @@
1
+ import React from 'react';
2
+
3
+ const PrimitivePlaneIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-326 -1574)">
11
+ <path
12
+ d="M718.5 1587.5 718.5 1889.86"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
17
+ strokeMiterlimit="10"
18
+ fill="none"
19
+ fillRule="evenodd"
20
+ />
21
+ <path
22
+ d="M340.5 1663.5 340.5 1965.86"
23
+ stroke={color}
24
+ strokeWidth="26.6667"
25
+ strokeLinecap="round"
26
+ strokeLinejoin="round"
27
+ strokeMiterlimit="10"
28
+ fill="none"
29
+ fillRule="evenodd"
30
+ />
31
+ <path
32
+ d="M0 0 377.953 75.5905"
33
+ stroke={color}
34
+ strokeWidth="26.6667"
35
+ strokeLinecap="round"
36
+ strokeLinejoin="round"
37
+ strokeMiterlimit="10"
38
+ fill="none"
39
+ fillRule="evenodd"
40
+ transform="matrix(-1 0 0 1 718.453 1890.5)"
41
+ />
42
+ <path
43
+ d="M0 0 377.953 75.5905"
44
+ stroke={color}
45
+ strokeWidth="26.6667"
46
+ strokeLinecap="round"
47
+ strokeLinejoin="round"
48
+ strokeMiterlimit="10"
49
+ fill="none"
50
+ fillRule="evenodd"
51
+ transform="matrix(-1 0 0 1 718.453 1587.5)"
52
+ />
53
+ <path
54
+ d="M529.5 1625.5 529.5 1927.86"
55
+ stroke={color}
56
+ strokeWidth="26.6667"
57
+ strokeLinecap="round"
58
+ strokeLinejoin="round"
59
+ strokeMiterlimit="10"
60
+ fill="none"
61
+ fillRule="evenodd"
62
+ />
63
+ <path
64
+ d="M624.5 1606.5 624.5 1908.86"
65
+ stroke={color}
66
+ strokeWidth="26.6667"
67
+ strokeLinecap="round"
68
+ strokeLinejoin="round"
69
+ strokeMiterlimit="10"
70
+ fill="none"
71
+ fillRule="evenodd"
72
+ />
73
+ <path
74
+ d="M435.5 1644.5 435.5 1946.86"
75
+ stroke={color}
76
+ strokeWidth="26.6667"
77
+ strokeLinecap="round"
78
+ strokeLinejoin="round"
79
+ strokeMiterlimit="10"
80
+ fill="none"
81
+ fillRule="evenodd"
82
+ />
83
+ </g>
84
+ </svg>
85
+ );
86
+
87
+ export default PrimitivePlaneIcon;
@@ -0,0 +1,39 @@
1
+ import React from 'react';
2
+
3
+ const PrimitiveSphereIcon = ({ color = '#A3A3A3' }) => (
4
+ <svg
5
+ width="100%"
6
+ height="100%"
7
+ viewBox="0 0 406 406"
8
+ style={{ overflow: 'hidden' }}
9
+ >
10
+ <g transform="translate(-818 -1044)">
11
+ <path
12
+ d="M832.5 1247.5C832.5 1143.12 916.894 1058.5 1021 1058.5 1125.11 1058.5 1209.5 1143.12 1209.5 1247.5 1209.5 1351.88 1125.11 1436.5 1021 1436.5 916.894 1436.5 832.5 1351.88 832.5 1247.5Z"
13
+ stroke={color}
14
+ strokeWidth="26.6667"
15
+ strokeMiterlimit="8"
16
+ fill="none"
17
+ fillRule="evenodd"
18
+ />
19
+ <path
20
+ d="M945.5 1247.5C945.5 1143.12 979.303 1058.5 1021 1058.5 1062.7 1058.5 1096.5 1143.12 1096.5 1247.5 1096.5 1351.88 1062.7 1436.5 1021 1436.5 979.303 1436.5 945.5 1351.88 945.5 1247.5Z"
21
+ stroke={color}
22
+ strokeWidth="26.6667"
23
+ strokeMiterlimit="8"
24
+ fill="none"
25
+ fillRule="evenodd"
26
+ />
27
+ <path
28
+ d="M832.5 1248C832.5 1206.3 916.894 1172.5 1021 1172.5 1125.11 1172.5 1209.5 1206.3 1209.5 1248 1209.5 1289.7 1125.11 1323.5 1021 1323.5 916.894 1323.5 832.5 1289.7 832.5 1248Z"
29
+ stroke={color}
30
+ strokeWidth="26.6667"
31
+ strokeMiterlimit="8"
32
+ fill="none"
33
+ fillRule="evenodd"
34
+ />
35
+ </g>
36
+ </svg>
37
+ );
38
+
39
+ export default PrimitiveSphereIcon;