@spaced-out/ui-design-system 0.1.115 → 0.1.116
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/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.1.116](https://github.com/spaced-out/ui-design-system/compare/v0.1.115...v0.1.116) (2024-07-25)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* added height for breadcrumbs ([#247](https://github.com/spaced-out/ui-design-system/issues/247)) ([5367aca](https://github.com/spaced-out/ui-design-system/commit/5367acaaba8e43a40f4894c2820aa56ceb851487))
|
|
11
|
+
|
|
5
12
|
### [0.1.115](https://github.com/spaced-out/ui-design-system/compare/v0.1.114...v0.1.115) (2024-07-18)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
@value (
|
|
2
|
-
|
|
2
|
+
spaceNone,
|
|
3
|
+
spaceSmall,
|
|
4
|
+
spaceMedium
|
|
3
5
|
) from '../../styles/variables/_space.css';
|
|
4
6
|
|
|
7
|
+
@value (
|
|
8
|
+
size28
|
|
9
|
+
) from '../../styles/variables/_size.css';
|
|
10
|
+
|
|
5
11
|
.wrapper {
|
|
6
12
|
display: flex;
|
|
7
13
|
align-items: center;
|
|
8
14
|
flex-wrap: wrap;
|
|
15
|
+
padding: calc(spaceMedium / 4) spaceNone;
|
|
16
|
+
min-height: size28;
|
|
9
17
|
}
|
|
10
18
|
|
|
11
19
|
.separator {
|
|
@@ -137,9 +137,11 @@ const Input_ = (props, ref) => {
|
|
|
137
137
|
className: classNames?.iconRight
|
|
138
138
|
})), (Boolean(helperText) || error) && /*#__PURE__*/React.createElement("div", {
|
|
139
139
|
className: _InputModule.default.info
|
|
140
|
-
}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
|
|
141
|
-
color:
|
|
142
|
-
},
|
|
140
|
+
}, error && errorText ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
|
|
141
|
+
color: "danger"
|
|
142
|
+
}, errorText) : typeof helperText === 'string' ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
|
|
143
|
+
color: disabled ? 'disabled' : 'secondary'
|
|
144
|
+
}, helperText) : helperText));
|
|
143
145
|
};
|
|
144
146
|
const RightInputIcon = _ref => {
|
|
145
147
|
let {
|
|
@@ -217,17 +217,15 @@ const Input_ = (props: InputProps, ref): React.Node => {
|
|
|
217
217
|
</div>
|
|
218
218
|
{(Boolean(helperText) || error) && (
|
|
219
219
|
<div className={css.info}>
|
|
220
|
-
|
|
221
|
-
color={
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
{error && errorText ? errorText : helperText ?? ''}
|
|
230
|
-
</BodySmall>
|
|
220
|
+
{error && errorText ? (
|
|
221
|
+
<BodySmall color="danger">{errorText}</BodySmall>
|
|
222
|
+
) : typeof helperText === 'string' ? (
|
|
223
|
+
<BodySmall color={disabled ? 'disabled' : 'secondary'}>
|
|
224
|
+
{helperText}
|
|
225
|
+
</BodySmall>
|
|
226
|
+
) : (
|
|
227
|
+
helperText
|
|
228
|
+
)}
|
|
231
229
|
</div>
|
|
232
230
|
)}
|
|
233
231
|
</div>
|