@eturnity/eturnity_reusable_components 1.2.66 → 1.2.68

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/assets/svgIcons/_readme.md +7 -0
  3. package/src/assets/svgIcons/co_branding.svg +5 -5
  4. package/src/assets/svgIcons/workflow_template.svg +11 -11
  5. package/src/components/icon/index.vue +0 -2
  6. package/src/components/inputs/switchField/index.vue +9 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.2.66",
3
+ "version": "1.2.68",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/assets/svgIcons/_readme.md ADDED
@@ -0,0 +1,7 @@
1
+ ## Guidelines
2
+
3
+ colors in icons will be replaced in paths only.
4
+
5
+ if an svg contain a rect or polygon or circle you want color to be applied on, convert them into path using:
6
+
7
+ https://thednp.github.io/svg-path-commander/convert.html
package/src/assets/svgIcons/co_branding.svg CHANGED
@@ -1,6 +1,6 @@
1
1
  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="7" y="7" width="5" height="5" rx="1" transform="rotate(-180 7 7)" fill="#263238"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M16 9C17.1046 9 18 8.10457 18 7L18 2C18 0.895431 17.1046 -7.8281e-08 16 -1.74846e-07L11 -6.11959e-07C9.89543 -7.08524e-07 9 0.89543 9 2L9 7C9 8.10457 9.89543 9 11 9L16 9ZM15 7C15.5523 7 16 6.55228 16 6L16 3C16 2.44772 15.5523 2 15 2L12 2C11.4477 2 11 2.44771 11 3L11 6C11 6.55228 11.4477 7 12 7L15 7Z" fill="#263238"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7 18C8.10457 18 9 17.1046 9 16L9 11C9 9.89543 8.10457 9 7 9L2 9C0.895431 9 7.08524e-07 9.89543 6.11959e-07 11L1.74846e-07 16C7.8281e-08 17.1046 0.895431 18 2 18L7 18ZM6 16C6.55228 16 7 15.5523 7 15L7 12C7 11.4477 6.55229 11 6 11L3 11C2.44772 11 2 11.4477 2 12L2 15C2 15.5523 2.44771 16 3 16L6 16Z" fill="#263238"/>
5
- <rect x="16" y="16" width="5" height="5" rx="1" transform="rotate(-180 16 16)" fill="#263238"/>
6
- </svg>
2
+ <path transform="rotate(-180 7 7)" fill="#263238" d="M8 7h3s1 0 1 1v3s0 1 -1 1h-3s-1 0 -1 -1v-3s0 -1 1 -1" />
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 9C17.1046 9 18 8.10457 18 7L18 2C18 0.895431 17.1046 -7.8281e-08 16 -1.74846e-07L11 -6.11959e-07C9.89543 -7.08524e-07 9 0.89543 9 2L9 7C9 8.10457 9.89543 9 11 9L16 9ZM15 7C15.5523 7 16 6.55228 16 6L16 3C16 2.44772 15.5523 2 15 2L12 2C11.4477 2 11 2.44771 11 3L11 6C11 6.55228 11.4477 7 12 7L15 7Z" fill="#263238" />
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7 18C8.10457 18 9 17.1046 9 16L9 11C9 9.89543 8.10457 9 7 9L2 9C0.895431 9 7.08524e-07 9.89543 6.11959e-07 11L1.74846e-07 16C7.8281e-08 17.1046 0.895431 18 2 18L7 18ZM6 16C6.55228 16 7 15.5523 7 15L7 12C7 11.4477 6.55229 11 6 11L3 11C2.44772 11 2 11.4477 2 12L2 15C2 15.5523 2.44771 16 3 16L6 16Z" fill="#263238" />
5
+ <path transform="rotate(-180 16 16)" fill="#263238" d="M17 16h3s1 0 1 1v3s0 1 -1 1h-3s-1 0 -1 -1v-3s0 -1 1 -1" />
6
+ </svg>
package/src/assets/svgIcons/workflow_template.svg CHANGED
@@ -1,12 +1,12 @@
1
1
  <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M2.4 1.2C2.4 1.86274 1.86274 2.4 1.2 2.4C0.537258 2.4 0 1.86274 0 1.2C0 0.537258 0.537258 0 1.2 0C1.86274 0 2.4 0.537258 2.4 1.2Z" fill="#263238"/>
3
- <path d="M6 1.2C6 1.86274 5.46274 2.4 4.8 2.4C4.13726 2.4 3.6 1.86274 3.6 1.2C3.6 0.537258 4.13726 0 4.8 0C5.46274 0 6 0.537258 6 1.2Z" fill="#263238"/>
4
- <path d="M2.4 4.8C2.4 5.46274 1.86274 6 1.2 6C0.537258 6 0 5.46274 0 4.8C0 4.13726 0.537258 3.6 1.2 3.6C1.86274 3.6 2.4 4.13726 2.4 4.8Z" fill="#263238"/>
5
- <path d="M6 4.8C6 5.46274 5.46274 6 4.8 6C4.13726 6 3.6 5.46274 3.6 4.8C3.6 4.13726 4.13726 3.6 4.8 3.6C5.46274 3.6 6 4.13726 6 4.8Z" fill="#263238"/>
6
- <rect x="8" y="1" width="10" height="4" rx="2" fill="#263238"/>
7
- <path d="M2.4 11.2C2.4 11.8627 1.86274 12.4 1.2 12.4C0.537258 12.4 0 11.8627 0 11.2C0 10.5373 0.537258 10 1.2 10C1.86274 10 2.4 10.5373 2.4 11.2Z" fill="#263238"/>
8
- <path d="M6 11.2C6 11.8627 5.46274 12.4 4.8 12.4C4.13726 12.4 3.6 11.8627 3.6 11.2C3.6 10.5373 4.13726 10 4.8 10C5.46274 10 6 10.5373 6 11.2Z" fill="#263238"/>
9
- <path d="M2.4 14.8C2.4 15.4627 1.86274 16 1.2 16C0.537258 16 0 15.4627 0 14.8C0 14.1373 0.537258 13.6 1.2 13.6C1.86274 13.6 2.4 14.1373 2.4 14.8Z" fill="#263238"/>
10
- <path d="M6 14.8C6 15.4627 5.46274 16 4.8 16C4.13726 16 3.6 15.4627 3.6 14.8C3.6 14.1373 4.13726 13.6 4.8 13.6C5.46274 13.6 6 14.1373 6 14.8Z" fill="#263238"/>
11
- <rect x="8" y="11" width="10" height="4" rx="2" fill="#263238"/>
12
- </svg>
2
+ <path d="M2.4 1.2C2.4 1.86274 1.86274 2.4 1.2 2.4C0.537258 2.4 0 1.86274 0 1.2C0 0.537258 0.537258 0 1.2 0C1.86274 0 2.4 0.537258 2.4 1.2Z" fill="#263238" />
3
+ <path d="M6 1.2C6 1.86274 5.46274 2.4 4.8 2.4C4.13726 2.4 3.6 1.86274 3.6 1.2C3.6 0.537258 4.13726 0 4.8 0C5.46274 0 6 0.537258 6 1.2Z" fill="#263238" />
4
+ <path d="M2.4 4.8C2.4 5.46274 1.86274 6 1.2 6C0.537258 6 0 5.46274 0 4.8C0 4.13726 0.537258 3.6 1.2 3.6C1.86274 3.6 2.4 4.13726 2.4 4.8Z" fill="#263238" />
5
+ <path d="M6 4.8C6 5.46274 5.46274 6 4.8 6C4.13726 6 3.6 5.46274 3.6 4.8C3.6 4.13726 4.13726 3.6 4.8 3.6C5.46274 3.6 6 4.13726 6 4.8Z" fill="#263238" />
6
+ <path fill="#263238" d="M10 1h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
7
+ <path d="M2.4 11.2C2.4 11.8627 1.86274 12.4 1.2 12.4C0.537258 12.4 0 11.8627 0 11.2C0 10.5373 0.537258 10 1.2 10C1.86274 10 2.4 10.5373 2.4 11.2Z" fill="#263238" />
8
+ <path d="M6 11.2C6 11.8627 5.46274 12.4 4.8 12.4C4.13726 12.4 3.6 11.8627 3.6 11.2C3.6 10.5373 4.13726 10 4.8 10C5.46274 10 6 10.5373 6 11.2Z" fill="#263238" />
9
+ <path d="M2.4 14.8C2.4 15.4627 1.86274 16 1.2 16C0.537258 16 0 15.4627 0 14.8C0 14.1373 0.537258 13.6 1.2 13.6C1.86274 13.6 2.4 14.1373 2.4 14.8Z" fill="#263238" />
10
+ <path d="M6 14.8C6 15.4627 5.46274 16 4.8 16C4.13726 16 3.6 15.4627 3.6 14.8C3.6 14.1373 4.13726 13.6 4.8 13.6C5.46274 13.6 6 14.1373 6 14.8Z" fill="#263238" />
11
+ <path fill="#263238" d="M10 11h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
12
+ </svg>
package/src/components/icon/index.vue CHANGED
@@ -41,12 +41,10 @@ const IconImage = styled('div', IconImageProps)`
41
41
  width: 100%;
42
42
  height: 100%;
43
43
  }
44
- svg rect,
45
44
  svg path {
46
45
  ${(props) =>
47
46
  props.color && `fill: ${props.theme.colors[props.color] || props.color};`}
48
47
  }
49
- &:hover > svg rect,
50
48
  &:hover > svg path {
51
49
  ${(props) => props.hoveredColor && `fill: ${props.hoveredColor};`}
52
50
  }
package/src/components/inputs/switchField/index.vue CHANGED
@@ -71,9 +71,7 @@
71
71
  import styled from "vue-styled-components"
72
72
  import InfoText from "../../infoText"
73
73
  import theme from "../../../assets/theme"
74
- const Container = styled.div`
75
- display: inline-block;
76
- `
74
+ const Container = styled.div``
77
75
 
78
76
  const flexAttrs = { label:String,size: String, disabled: Boolean,alignItems: String }
79
77
  const FlexWrapper = styled("div", flexAttrs)`
@@ -117,12 +115,14 @@ import styled from "vue-styled-components"
117
115
  border:1px solid ${props=>props.isActive?props.secondaryColor:props.inactiveColor};
118
116
  display:flex;
119
117
  align-items:center;
120
- font-size: 13px;
121
- line-height: 1;
122
- text-align: center;
123
- padding: 10px;
124
- margin-right: -1px;
125
- transition: all 0.1s ease-in-out;
118
+ justify-content: center;
119
+ flex-grow:1;
120
+ font-size: 13px;
121
+ line-height: 1;
122
+ text-align: center;
123
+ padding: 10px;
124
+ margin-right: -1px;
125
+ transition: all 0.1s ease-in-out;
126
126
  overflow:hidden;
127
127
  & :hover{
128
128
  cursor: pointer;