@spaced-out/ui-design-system 0.1.106 → 0.1.108
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 +14 -0
- package/lib/components/Checkbox/Checkbox.js +3 -1
- package/lib/components/Checkbox/Checkbox.js.flow +7 -1
- package/lib/components/Checkbox/Checkbox.module.css +6 -1
- package/lib/components/RadioButton/RadioButton.js +3 -1
- package/lib/components/RadioButton/RadioButton.js.flow +5 -1
- package/lib/components/RadioButton/RadioButton.module.css +6 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
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.108](https://github.com/spaced-out/ui-design-system/compare/v0.1.107...v0.1.108) (2024-07-10)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* ✨ added required attribute in story for dropdowns ([#237](https://github.com/spaced-out/ui-design-system/issues/237)) ([cfd5f34](https://github.com/spaced-out/ui-design-system/commit/cfd5f3439977f4961ad92763b56debdfb76e70e9))
|
|
11
|
+
|
|
12
|
+
### [0.1.107](https://github.com/spaced-out/ui-design-system/compare/v0.1.106...v0.1.107) (2024-07-09)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* 🔒 disabled state fix ([#236](https://github.com/spaced-out/ui-design-system/issues/236)) ([4774285](https://github.com/spaced-out/ui-design-system/commit/4774285ed6b1c59d9a774873314a0303c0efe579))
|
|
18
|
+
|
|
5
19
|
### [0.1.106](https://github.com/spaced-out/ui-design-system/compare/v0.1.105...v0.1.106) (2024-07-08)
|
|
6
20
|
|
|
7
21
|
|
|
@@ -90,7 +90,9 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
|
|
|
90
90
|
size: "small",
|
|
91
91
|
type: "regular"
|
|
92
92
|
}))), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel,
|
|
93
|
+
className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, {
|
|
94
|
+
[_CheckboxModule.default.labelDisabled]: disabled
|
|
95
|
+
}, classNames?.label)
|
|
94
96
|
}, children));
|
|
95
97
|
});
|
|
96
98
|
exports.Checkbox = Checkbox;
|
|
@@ -146,7 +146,13 @@ export const Checkbox: React$AbstractComponent<
|
|
|
146
146
|
</span>
|
|
147
147
|
</span>
|
|
148
148
|
{React.Children.count(children) > 0 && (
|
|
149
|
-
<div
|
|
149
|
+
<div
|
|
150
|
+
className={classify(
|
|
151
|
+
css.checkboxLabel,
|
|
152
|
+
{[css.labelDisabled]: disabled},
|
|
153
|
+
classNames?.label,
|
|
154
|
+
)}
|
|
155
|
+
>
|
|
150
156
|
{children}
|
|
151
157
|
</div>
|
|
152
158
|
)}
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
colorDanger,
|
|
13
13
|
colorFocusPrimary,
|
|
14
14
|
colorFocusDanger,
|
|
15
|
-
colorBackgroundTertiary
|
|
15
|
+
colorBackgroundTertiary,
|
|
16
|
+
colorTextDisabled
|
|
16
17
|
) from '../../styles/variables/_color.css';
|
|
17
18
|
|
|
18
19
|
@value (
|
|
@@ -163,3 +164,7 @@ input[type='checkbox']:checked + .error {
|
|
|
163
164
|
composes: formLabelMedium from '../../styles/typography.module.css';
|
|
164
165
|
composes: secondary from '../../styles/typography.module.css';
|
|
165
166
|
}
|
|
167
|
+
|
|
168
|
+
.labelDisabled {
|
|
169
|
+
color: colorTextDisabled;
|
|
170
|
+
}
|
|
@@ -74,7 +74,9 @@ const RadioButton = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
|
|
|
74
74
|
"aria-label": ariaLabel || children
|
|
75
75
|
}, props)), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
|
|
76
76
|
color: "secondary",
|
|
77
|
-
className: (0, _classify.default)(_RadioButtonModule.default.radioLabel,
|
|
77
|
+
className: (0, _classify.default)(_RadioButtonModule.default.radioLabel, {
|
|
78
|
+
[_RadioButtonModule.default.labelDisabled]: disabled
|
|
79
|
+
}, classNames?.label)
|
|
78
80
|
}, children));
|
|
79
81
|
});
|
|
80
82
|
exports.RadioButton = RadioButton;
|
|
@@ -115,7 +115,11 @@ export const RadioButton: React$AbstractComponent<
|
|
|
115
115
|
{React.Children.count(children) > 0 && (
|
|
116
116
|
<div
|
|
117
117
|
color="secondary"
|
|
118
|
-
className={classify(
|
|
118
|
+
className={classify(
|
|
119
|
+
css.radioLabel,
|
|
120
|
+
{[css.labelDisabled]: disabled},
|
|
121
|
+
classNames?.label,
|
|
122
|
+
)}
|
|
119
123
|
>
|
|
120
124
|
{children}
|
|
121
125
|
</div>
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
colorFillPrimary,
|
|
13
13
|
colorFillDisabled,
|
|
14
14
|
colorFocusPrimary,
|
|
15
|
-
colorFocusDanger
|
|
15
|
+
colorFocusDanger,
|
|
16
|
+
colorTextDisabled
|
|
16
17
|
) from '../../styles/variables/_color.css';
|
|
17
18
|
|
|
18
19
|
@value (
|
|
@@ -100,6 +101,10 @@
|
|
|
100
101
|
composes: secondary from '../../styles/typography.module.css';
|
|
101
102
|
}
|
|
102
103
|
|
|
104
|
+
.labelDisabled {
|
|
105
|
+
color: colorTextDisabled;
|
|
106
|
+
}
|
|
107
|
+
|
|
103
108
|
.horizontalRadioButton {
|
|
104
109
|
flex: 1 0 size160; /* grow, don't shrink, start with size160 width */
|
|
105
110
|
}
|