@sproutsocial/racine 12.4.1 → 12.5.0
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 +12 -0
- package/__flow__/Checkbox/index.js +7 -1
- package/__flow__/themes/dark/decorative-palettes.js +1 -1
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
- package/__flow__/types/theme.colors.flow.js +1 -0
- package/commonjs/Checkbox/index.js +4 -3
- package/commonjs/themes/dark/decorative-palettes.js +1 -1
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
- package/dist/themes/dark/theme.scss +1 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +3 -3
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +2 -2
- package/lib/Checkbox/index.js +4 -3
- package/lib/themes/dark/decorative-palettes.js +1 -1
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
- package/package.json +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 12.5.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- b9d2645: add optional label props to checkbox component
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- e73ecb3: Adjust neutral.background in decorative palette to differ from container.background.base"
|
|
12
|
+
- 178c7d9: Add tiktok to theme in network colors for flow typings
|
|
13
|
+
- 9955641: Fix typo for theme colors for settings navigation
|
|
14
|
+
|
|
3
15
|
## 12.4.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -18,6 +18,7 @@ export type TypeProps = {
|
|
|
18
18
|
label?: string,
|
|
19
19
|
/** Label used to describe the input (if not used with an accompanying visual label) */
|
|
20
20
|
ariaLabel?: string,
|
|
21
|
+
labelProps?: Object,
|
|
21
22
|
checked: boolean,
|
|
22
23
|
indeterminate: boolean,
|
|
23
24
|
disabled?: boolean,
|
|
@@ -59,6 +60,7 @@ export default class Checkbox extends React.Component<TypeProps> {
|
|
|
59
60
|
value,
|
|
60
61
|
name,
|
|
61
62
|
label,
|
|
63
|
+
labelProps,
|
|
62
64
|
checked,
|
|
63
65
|
disabled,
|
|
64
66
|
indeterminate,
|
|
@@ -102,7 +104,11 @@ export default class Checkbox extends React.Component<TypeProps> {
|
|
|
102
104
|
{...qa}
|
|
103
105
|
{...inputProps}
|
|
104
106
|
/>
|
|
105
|
-
{label &&
|
|
107
|
+
{label && (
|
|
108
|
+
<LabelText {...labelProps} disabled={disabled}>
|
|
109
|
+
{label}
|
|
110
|
+
</LabelText>
|
|
111
|
+
)}
|
|
106
112
|
</CheckboxContainer>
|
|
107
113
|
);
|
|
108
114
|
}
|
|
@@ -7,7 +7,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
9
|
|
|
10
|
-
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
|
|
10
|
+
var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
|
|
11
11
|
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
|
|
@@ -63,6 +63,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
63
63
|
value = _this$props.value,
|
|
64
64
|
name = _this$props.name,
|
|
65
65
|
label = _this$props.label,
|
|
66
|
+
labelProps = _this$props.labelProps,
|
|
66
67
|
checked = _this$props.checked,
|
|
67
68
|
disabled = _this$props.disabled,
|
|
68
69
|
indeterminate = _this$props.indeterminate,
|
|
@@ -102,9 +103,9 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
102
103
|
"data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
|
|
103
104
|
"data-qa-checkbox-isdisabled": disabled === true,
|
|
104
105
|
tabIndex: tabIndex
|
|
105
|
-
}, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, {
|
|
106
|
+
}, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, _extends({}, labelProps, {
|
|
106
107
|
disabled: disabled
|
|
107
|
-
}, label));
|
|
108
|
+
}), label));
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
return (
|
|
@@ -44,7 +44,7 @@ var red = {
|
|
|
44
44
|
};
|
|
45
45
|
exports.red = red;
|
|
46
46
|
var neutral = {
|
|
47
|
-
background: _seedsColor.default.
|
|
47
|
+
background: _seedsColor.default.COLOR_NEUTRAL_1000,
|
|
48
48
|
highlight: _seedsColor.default.COLOR_NEUTRAL_500,
|
|
49
49
|
foreground: _seedsColor.default.COLOR_NEUTRAL_100
|
|
50
50
|
};
|
|
@@ -46,7 +46,7 @@ $theme: (
|
|
|
46
46
|
"yellow": #944c0c,
|
|
47
47
|
"orange": #962c0b,
|
|
48
48
|
"red": #992222,
|
|
49
|
-
"neutral": #
|
|
49
|
+
"neutral": #162020
|
|
50
50
|
),
|
|
51
51
|
"selected": #FFFFFF,
|
|
52
52
|
"positive_sentiment": #3896e3,
|
|
@@ -468,7 +468,7 @@ $theme: (
|
|
|
468
468
|
),
|
|
469
469
|
"settings": (
|
|
470
470
|
"listItem": (
|
|
471
|
-
"
|
|
471
|
+
"background": (
|
|
472
472
|
"base": transparent,
|
|
473
473
|
"hover": #040404,
|
|
474
474
|
"selected": #364141
|
|
@@ -829,7 +829,7 @@ $theme: (
|
|
|
829
829
|
),
|
|
830
830
|
"settings": (
|
|
831
831
|
"listItem": (
|
|
832
|
-
"
|
|
832
|
+
"background": (
|
|
833
833
|
"base": transparent,
|
|
834
834
|
"hover": #040404,
|
|
835
835
|
"selected": #364141
|
|
@@ -468,7 +468,7 @@ $theme: (
|
|
|
468
468
|
),
|
|
469
469
|
"settings": (
|
|
470
470
|
"listItem": (
|
|
471
|
-
"
|
|
471
|
+
"background": (
|
|
472
472
|
"base": transparent,
|
|
473
473
|
"hover": #dee1e1,
|
|
474
474
|
"selected": #FFFFFF
|
|
@@ -829,7 +829,7 @@ $theme: (
|
|
|
829
829
|
),
|
|
830
830
|
"settings": (
|
|
831
831
|
"listItem": (
|
|
832
|
-
"
|
|
832
|
+
"background": (
|
|
833
833
|
"base": transparent,
|
|
834
834
|
"hover": #dee1e1,
|
|
835
835
|
"selected": #FFFFFF
|
package/lib/Checkbox/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
|
|
1
|
+
var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
@@ -53,6 +53,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
53
53
|
value = _this$props.value,
|
|
54
54
|
name = _this$props.name,
|
|
55
55
|
label = _this$props.label,
|
|
56
|
+
labelProps = _this$props.labelProps,
|
|
56
57
|
checked = _this$props.checked,
|
|
57
58
|
disabled = _this$props.disabled,
|
|
58
59
|
indeterminate = _this$props.indeterminate,
|
|
@@ -92,9 +93,9 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
92
93
|
"data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
|
|
93
94
|
"data-qa-checkbox-isdisabled": disabled === true,
|
|
94
95
|
tabIndex: tabIndex
|
|
95
|
-
}, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, {
|
|
96
|
+
}, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
|
|
96
97
|
disabled: disabled
|
|
97
|
-
}, label));
|
|
98
|
+
}), label));
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
return (
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/racine",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.5.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"__flow__",
|
|
@@ -181,7 +181,10 @@
|
|
|
181
181
|
},
|
|
182
182
|
"resolutions": {
|
|
183
183
|
"lodash": "^4.17.21",
|
|
184
|
-
"react-popper/create-react-context": "^0.3.0"
|
|
184
|
+
"react-popper/create-react-context": "^0.3.0",
|
|
185
|
+
"glob-parent": "^5.1.2",
|
|
186
|
+
"trim": "^0.0.3",
|
|
187
|
+
"trim-newlines": "^3.0.1"
|
|
185
188
|
},
|
|
186
189
|
"jest": {
|
|
187
190
|
"testEnvironment": "jsdom",
|