@eturnity/eturnity_reusable_components 1.2.31-3d-master.11 → 1.2.31-3d-master.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.
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="2.98828" y="6" width="3" height="1.6" transform="rotate(90 2.98828 6)" fill="white"/>
|
|
3
|
+
<path d="M2.21317 10.8279L4.35603 8.32892H0.0703125L2.21317 10.8279Z" fill="white"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.18945 6C2.74174 6 3.18945 5.55228 3.18945 5C3.18945 4.44772 2.74174 4 2.18945 4C1.63717 4 1.18945 4.44772 1.18945 5C1.18945 5.55228 1.63717 6 2.18945 6ZM2.18945 7C3.29402 7 4.18945 6.10457 4.18945 5C4.18945 3.89543 3.29402 3 2.18945 3C1.08488 3 0.189453 3.89543 0.189453 5C0.189453 6.10457 1.08488 7 2.18945 7Z" fill="white"/>
|
|
5
|
+
<rect x="7.77344" y="3" width="6" height="1.6" transform="rotate(90 7.77344 3)" fill="white"/>
|
|
6
|
+
<path d="M6.99833 10.8279L9.14118 8.32892H4.85547L6.99833 10.8279Z" fill="white"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.97461 3C7.52689 3 7.97461 2.55228 7.97461 2C7.97461 1.44772 7.52689 1 6.97461 1C6.42232 1 5.97461 1.44772 5.97461 2C5.97461 2.55228 6.42232 3 6.97461 3ZM6.97461 4C8.07918 4 8.97461 3.10457 8.97461 2C8.97461 0.895431 8.07918 0 6.97461 0C5.87004 0 4.97461 0.895431 4.97461 2C4.97461 3.10457 5.87004 4 6.97461 4Z" fill="white"/>
|
|
8
|
+
<rect x="12.5605" y="5" width="4" height="1.6" transform="rotate(90 12.5605 5)" fill="white"/>
|
|
9
|
+
<path d="M11.7854 10.8279L13.9283 8.32892H9.64258L11.7854 10.8279Z" fill="white"/>
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7617 5C12.314 5 12.7617 4.55228 12.7617 4C12.7617 3.44772 12.314 3 11.7617 3C11.2094 3 10.7617 3.44772 10.7617 4C10.7617 4.55228 11.2094 5 11.7617 5ZM11.7617 6C12.8663 6 13.7617 5.10457 13.7617 4C13.7617 2.89543 12.8663 2 11.7617 2C10.6571 2 9.76172 2.89543 9.76172 4C9.76172 5.10457 10.6571 6 11.7617 6Z" fill="white"/>
|
|
11
|
+
<rect x="14" y="14" width="14" height="1.6" transform="rotate(-180 14 14)" fill="white"/>
|
|
12
|
+
</svg>
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
:disabled="disabled"
|
|
34
34
|
:isDisabled="disabled"
|
|
35
35
|
:noBorder="noBorder"
|
|
36
|
+
:borderColor="borderColor"
|
|
36
37
|
:textAlign="textAlign"
|
|
37
38
|
:fontSize="fontSize"
|
|
38
39
|
:fontColor="fontColor"
|
|
@@ -114,7 +115,8 @@ const inputProps = {
|
|
|
114
115
|
inputHeight:String,
|
|
115
116
|
isInteractive:Boolean,
|
|
116
117
|
alignItems:String,
|
|
117
|
-
labelFontColor:String
|
|
118
|
+
labelFontColor:String,
|
|
119
|
+
borderColor:String
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
const Container = styled('div', inputProps)`
|
|
@@ -131,6 +133,10 @@ const InputContainer = styled('input', inputProps)`
|
|
|
131
133
|
? '1px solid ' + props.theme.colors.red
|
|
132
134
|
: props.noBorder
|
|
133
135
|
? 'none'
|
|
136
|
+
: props.borderColor ?
|
|
137
|
+
props.theme.colors[props.borderColor]
|
|
138
|
+
? props.theme.colors[props.borderColor]
|
|
139
|
+
: props.borderColor
|
|
134
140
|
: '1px solid ' + props.theme.colors.grey4};
|
|
135
141
|
padding-top: 11px;
|
|
136
142
|
padding-bottom: 11px;
|
|
@@ -325,6 +331,9 @@ export default {
|
|
|
325
331
|
required: false,
|
|
326
332
|
default: false
|
|
327
333
|
},
|
|
334
|
+
borderColor:{
|
|
335
|
+
required:false,
|
|
336
|
+
},
|
|
328
337
|
textAlign: {
|
|
329
338
|
required: false,
|
|
330
339
|
default: 'left'
|