@pareto-engineering/design-system 2.0.0-alpha.16 → 2.0.0-alpha.17

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 (4) hide show
  1. package/dist/cjs/f/fields/TextInput/TextInput.js +8 -1
  2. package/dist/es/f/fields/TextInput/TextInput.js +8 -1
  3. package/package.json +1 -1
  4. package/src/ui/f/fields/TextInput/TextInput.jsx +7 -0
package/dist/cjs/f/fields/TextInput/TextInput.js CHANGED
@@ -38,6 +38,7 @@ var TextInput = _ref => {
38
38
  type,
39
39
  name,
40
40
  label,
41
+ labelColor,
41
42
  validate,
42
43
  oneInputLabel,
43
44
  description,
@@ -59,7 +60,8 @@ var TextInput = _ref => {
59
60
 
60
61
  }, /*#__PURE__*/React.createElement(_common.FormLabel, {
61
62
  className: ['input-label', oneInputLabel ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
62
- name: name
63
+ name: name,
64
+ color: labelColor
63
65
  }, label), /*#__PURE__*/React.createElement("input", _extends({
64
66
  id: name,
65
67
  className: "input ".concat(meta.touched && meta.error ? 'input-border-error' : 'input-border'),
@@ -98,6 +100,11 @@ TextInput.propTypes = {
98
100
  */
99
101
  label: _propTypes.default.string.isRequired,
100
102
 
103
+ /**
104
+ * The input label color
105
+ */
106
+ labelColor: _propTypes.default.string,
107
+
101
108
  /**
102
109
  * The type of the input (html)
103
110
  */
package/dist/es/f/fields/TextInput/TextInput.js CHANGED
@@ -21,6 +21,7 @@ const TextInput = ({
21
21
  type,
22
22
  name,
23
23
  label,
24
+ labelColor,
24
25
  validate,
25
26
  oneInputLabel,
26
27
  description,
@@ -42,7 +43,8 @@ const TextInput = ({
42
43
 
43
44
  }, /*#__PURE__*/React.createElement(FormLabel, {
44
45
  className: ['input-label', oneInputLabel ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
45
- name: name
46
+ name: name,
47
+ color: labelColor
46
48
  }, label), /*#__PURE__*/React.createElement("input", _extends({
47
49
  id: name,
48
50
  className: `input ${meta.touched && meta.error ? 'input-border-error' : 'input-border'}`,
@@ -81,6 +83,11 @@ TextInput.propTypes = {
81
83
  */
82
84
  label: PropTypes.string.isRequired,
83
85
 
86
+ /**
87
+ * The input label color
88
+ */
89
+ labelColor: PropTypes.string,
90
+
84
91
  /**
85
92
  * The type of the input (html)
86
93
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "2.0.0-alpha.16",
3
+ "version": "2.0.0-alpha.17",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
package/src/ui/f/fields/TextInput/TextInput.jsx CHANGED
@@ -27,6 +27,7 @@ const TextInput = ({
27
27
  type,
28
28
  name,
29
29
  label,
30
+ labelColor,
30
31
  validate,
31
32
  oneInputLabel,
32
33
  description,
@@ -59,6 +60,7 @@ const TextInput = ({
59
60
  .filter((e) => e)
60
61
  .join(' ')}
61
62
  name={name}
63
+ color={labelColor}
62
64
  >
63
65
  { label }
64
66
  </FormLabel>
@@ -106,6 +108,11 @@ TextInput.propTypes = {
106
108
  */
107
109
  label:PropTypes.string.isRequired,
108
110
 
111
+ /**
112
+ * The input label color
113
+ */
114
+ labelColor:PropTypes.string,
115
+
109
116
  /**
110
117
  * The type of the input (html)
111
118
  */