occam-styles 4.1.8 → 4.1.13

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 (22) hide show
  1. package/example.js +2237 -581
  2. package/lib/index.js +6 -6
  3. package/lib/svg/close.js +185 -16
  4. package/lib/svg/directory/add.js +219 -50
  5. package/lib/svg/directory.js +209 -40
  6. package/lib/svg/file/add.js +214 -45
  7. package/lib/svg/file.js +204 -35
  8. package/lib/svg/marker.js +187 -18
  9. package/lib/svg/pen.js +184 -15
  10. package/lib/svg/rubbishBin/closed.js +230 -61
  11. package/lib/svg/rubbishBin/open.js +235 -66
  12. package/package.json +1 -1
  13. package/src/index.js +2 -2
  14. package/src/svg/close.js +16 -9
  15. package/src/svg/directory/add.js +16 -9
  16. package/src/svg/directory.js +16 -9
  17. package/src/svg/file/add.js +16 -9
  18. package/src/svg/file.js +16 -9
  19. package/src/svg/marker.js +16 -9
  20. package/src/svg/pen.js +16 -9
  21. package/src/svg/rubbishBin/closed.js +16 -9
  22. package/src/svg/rubbishBin/open.js +16 -9
package/src/svg/pen.js CHANGED
@@ -2,24 +2,31 @@
2
2
 
3
3
  import withStyle from "easy-with-style"; ///
4
4
 
5
- import { commonColour } from "../scheme/common";
5
+ import { Element } from "easy";
6
6
 
7
- const PenSVG = (properties) => {
8
- const { className } = properties;
7
+ import { commonColour } from "../scheme/common";
9
8
 
10
- return (
9
+ class PenSVG extends Element {
10
+ childElements() {
11
+ return (
11
12
 
12
- <svg width="25mm" height="25mm" viewBox="0 0 25 25" className={`${className} pen`}>
13
13
  <g stroke="none">
14
14
  <path d="M 1.5237345,18.904425 0,25 6.0953323,23.475909 14.476266,15.095182 16,13.571485 11.428403,9 9.9046684,10.523697 Z m 8.3813272,-5.33294 1.5237343,-1.523697 1.523736,1.523697 -1.523736,1.523697 z"/>
15
15
  </g>
16
- </svg>
17
16
 
18
- );
19
- };
17
+ );
18
+ }
19
+
20
+ static tagName = "svg";
21
+
22
+ static defaultProperties = {
23
+ viewBox: "0 0 25 25",
24
+ className: "pen"
25
+ };
26
+ }
20
27
 
21
28
  export default withStyle(PenSVG)`
22
29
 
23
- fill: ${commonColour};
30
+ stroke: ${commonColour};
24
31
 
25
32
  `;
package/src/svg/rubbishBin/closed.js CHANGED
@@ -2,14 +2,14 @@
2
2
 
3
3
  import withStyle from "easy-with-style"; ///
4
4
 
5
- import { commonColour } from "../../scheme/common";
5
+ import { Element } from "easy";
6
6
 
7
- const ClosedRubbishBinSVG = (properties) => {
8
- const { className } = properties;
7
+ import { commonColour } from "../../scheme/common";
9
8
 
10
- return (
9
+ class ClosedRubbishBinSVG extends Element {
10
+ childElements() {
11
+ return (
11
12
 
12
- <svg width="25mm" height="25mm" viewBox="0 0 25 25" className={`${className} closed-rubbish-bin`}>
13
13
  <g stroke="none">
14
14
  <rect width="13" height="2" x="4" y="23" />
15
15
  <rect width="2" height="13" x="2" y="10" />
@@ -24,13 +24,20 @@ const ClosedRubbishBinSVG = (properties) => {
24
24
  <rect width="1" height="11" x="13.999999" y="11" />
25
25
  <rect width="1" height="11" x="10" y="11" />
26
26
  </g>
27
- </svg>
28
27
 
29
- );
30
- };
28
+ );
29
+ }
30
+
31
+ static tagName = "svg";
32
+
33
+ static defaultProperties = {
34
+ viewBox: "0 0 25 25",
35
+ className: "closed-rubbish-bin"
36
+ };
37
+ }
31
38
 
32
39
  export default withStyle(ClosedRubbishBinSVG)`
33
40
 
34
- fill: ${commonColour};
41
+ stroke: ${commonColour};
35
42
 
36
43
  `;
package/src/svg/rubbishBin/open.js CHANGED
@@ -2,14 +2,14 @@
2
2
 
3
3
  import withStyle from "easy-with-style"; ///
4
4
 
5
- import { commonColour } from "../../scheme/common";
5
+ import { Element } from "easy";
6
6
 
7
- const OpenRubbishBinSVG = (properties) => {
8
- const { className } = properties;
7
+ import { commonColour } from "../../scheme/common";
9
8
 
10
- return (
9
+ class OpenRubbishBinSVG extends Element {
10
+ childElements() {
11
+ return (
11
12
 
12
- <svg width="25mm" height="25mm" viewBox="0 0 25 25" className={`${className} open-rubbish-bin`}>
13
13
  <g stroke="none">
14
14
  <rect width="13" height="2" x="4" y="23" />
15
15
  <rect width="2" height="13" x="2" y="10" />
@@ -25,13 +25,20 @@ const OpenRubbishBinSVG = (properties) => {
25
25
  <path d="M 17,0 16,4 H 14 L 15,0 Z" />
26
26
  <rect width="17" height="2" x="2" y="8" />
27
27
  </g>
28
- </svg>
29
28
 
30
- );
31
- };
29
+ );
30
+ }
31
+
32
+ static tagName = "svg";
33
+
34
+ static defaultProperties = {
35
+ viewBox: "0 0 25 25",
36
+ className: "open-rubbish-bin"
37
+ };
38
+ }
32
39
 
33
40
  export default withStyle(OpenRubbishBinSVG)`
34
41
 
35
- fill: ${commonColour};
42
+ stroke: ${commonColour};
36
43
 
37
44
  `;