@kaizen/components 1.68.5 → 1.68.6
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/dist/cjs/__actions__/Button/v3/Button.cjs +5 -3
- package/dist/esm/__actions__/Button/v3/Button.mjs +5 -3
- package/dist/styles.css +106 -294
- package/dist/types/__actions__/Button/v3/Button.d.ts +5 -0
- package/package.json +1 -1
- package/src/AvatarGroup/AvatarGroup.module.scss +1 -4
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +1 -5
- package/src/DateRangePicker/DateRangePicker.module.scss +5 -29
- package/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss +1 -5
- package/src/GuidanceBlock/GuidanceBlock.module.css +5 -42
- package/src/Input/Input/Input.module.scss +5 -40
- package/src/LikertScaleLegacy/LikertScaleLegacy.module.scss +11 -63
- package/src/Tag/_docs/Tag.mdx +7 -6
- package/src/TextField/_docs/TextField.mdx +1 -1
- package/src/TitleBlockZen/subcomponents/NavigationTabs.module.scss +2 -14
- package/src/TitleBlockZen/subcomponents/TitleBlockMenuItem.module.scss +1 -5
- package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss +2 -14
- package/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css +1 -7
- package/src/__actions__/Button/v3/Button.tsx +9 -2
- package/src/__actions__/Button/v3/_docs/Button--api-specification.mdx +2 -2
- package/src/__actions__/Menu/v1/subcomponents/MenuDropdown/MenuDropdown.module.scss +1 -5
- package/src/__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.module.scss +1 -5
- package/src/__future__/Icon/Icon.module.css +7 -11
- package/src/__future__/Tag/Tag/_docs/Tag.mdx +1 -3
|
@@ -32,8 +32,10 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
|
32
32
|
_f = _a.hasHiddenPendingLabel,
|
|
33
33
|
propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
|
|
34
34
|
pendingLabel = _a.pendingLabel,
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
isReversed = _a.isReversed,
|
|
36
|
+
restProps = tslib.__rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel", "isReversed"]);
|
|
37
|
+
var shouldUseReverse = ReversedColors.useReversedColors();
|
|
38
|
+
var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
|
|
37
39
|
var pendingProps = isPending ? {
|
|
38
40
|
isPending: isPending,
|
|
39
41
|
hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,
|
|
@@ -42,7 +44,7 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
|
42
44
|
var buttonContentClass = isPending ? !hasHiddenLabel && propsHasHiddenPendingLabel ? Button_module.retainContentWidth : Button_module.hideContentWidth : undefined;
|
|
43
45
|
return React__default.default.createElement(reactAriaComponents.Button, tslib.__assign({
|
|
44
46
|
ref: ref,
|
|
45
|
-
className: mergeClassNames.mergeClassNames(Button_module.button, Button_module[size], hasHiddenLabel && Button_module["".concat(size, "IconButton")], isDisabled && Button_module.isDisabled,
|
|
47
|
+
className: mergeClassNames.mergeClassNames(Button_module.button, Button_module[size], hasHiddenLabel && Button_module["".concat(size, "IconButton")], isDisabled && Button_module.isDisabled, isReversedVariant ? Button_module["".concat(variant, "Reversed")] : Button_module[variant], isFullWidth && Button_module.fullWidth, className),
|
|
46
48
|
isDisabled: isDisabled,
|
|
47
49
|
isPending: isPending
|
|
48
50
|
}, restProps), function (racStateProps) {
|
|
@@ -24,8 +24,10 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
24
24
|
_f = _a.hasHiddenPendingLabel,
|
|
25
25
|
propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
|
|
26
26
|
pendingLabel = _a.pendingLabel,
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
isReversed = _a.isReversed,
|
|
28
|
+
restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel", "isReversed"]);
|
|
29
|
+
var shouldUseReverse = useReversedColors();
|
|
30
|
+
var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
|
|
29
31
|
var pendingProps = isPending ? {
|
|
30
32
|
isPending: isPending,
|
|
31
33
|
hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,
|
|
@@ -34,7 +36,7 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
34
36
|
var buttonContentClass = isPending ? !hasHiddenLabel && propsHasHiddenPendingLabel ? styles.retainContentWidth : styles.hideContentWidth : undefined;
|
|
35
37
|
return /*#__PURE__*/React.createElement(Button$1, __assign({
|
|
36
38
|
ref: ref,
|
|
37
|
-
className: mergeClassNames(styles.button, styles[size], hasHiddenLabel && styles["".concat(size, "IconButton")], isDisabled && styles.isDisabled,
|
|
39
|
+
className: mergeClassNames(styles.button, styles[size], hasHiddenLabel && styles["".concat(size, "IconButton")], isDisabled && styles.isDisabled, isReversedVariant ? styles["".concat(variant, "Reversed")] : styles[variant], isFullWidth && styles.fullWidth, className),
|
|
38
40
|
isDisabled: isDisabled,
|
|
39
41
|
isPending: isPending
|
|
40
42
|
}, restProps), function (racStateProps) {
|