hrm_ui_lib 2.0.0-alpha.20 → 2.0.0-alpha.22

package/{Alert--0rz5XL1.js → Alert-C_U8td2x.js}

@@ -655,7 +655,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded = ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"];
+var _excluded = ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "pressed", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"];
 var Button = function Button(props) {
   var buttonText = props.buttonText,
     _props$type = props.type,
@@ -668,6 +668,7 @@ var Button = function Button(props) {
     _props$buttonActionTy = props.buttonActionType,
     buttonActionType = _props$buttonActionTy === void 0 ? 'button' : _props$buttonActionTy,
     disabled = props.disabled,
+    pressed = props.pressed,
     isLoading = props.isLoading,
     formId = props.formId,
     _props$dataId = props.dataId,
@@ -679,7 +680,7 @@ var Button = function Button(props) {
     rest = _objectWithoutProperties(props, _excluded);
   var justIcon = !buttonText && !children && iconProps !== undefined;
   var clickHandler = function clickHandler(e) {
-    if (disabled || isLoading) {
+    if (pressed || disabled || isLoading) {
       return;
     }
     onClick === null || onClick === void 0 || onClick(e);
@@ -690,6 +691,7 @@ var Button = function Button(props) {
     disabled: disabled,
     type: buttonActionType,
     className: classNames('btn', "btn--".concat(type), "btn--".concat(size), _defineProperty({
+      pressed: pressed,
       'btn--icon': justIcon
     }, "btn--icon-".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left'), !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component)), className),
     onClick: clickHandler,

package/assets/styles/styles.css

@@ -3583,6 +3583,10 @@ body {
   color: var(--ds-button-primary-text-default);
 }
 
+.btn--primary.pressed {
+  background-color: var(--ds-button-primary-bg-pressed);
+}
+
 .btn--primary:not(.btn--loading):hover {
   background-color: var(--ds-button-primary-bg-hover);
 }
@@ -3613,6 +3617,10 @@ body {
   color: var(--ds-button-secondary-text-default);
 }
 
+.btn--secondary.pressed {
+  background-color: var(--ds-button-secondary-bg-pressed);
+}
+
 .btn--secondary:not(.btn--loading):hover {
   background-color: var(--ds-button-secondary-bg-hover);
   border-color: var(--ds-button-secondary-bg);
@@ -3644,6 +3652,10 @@ body {
   color: var(--ds-button-tertiary-text-default);
 }
 
+.btn--tertiary.pressed {
+  background-color: var(--ds-button-tertiary-bg-pressed);
+}
+
 .btn--tertiary:not(.btn--loading):hover {
   background-color: var(--ds-button-tertiary-bg-hover);
 }
@@ -3673,6 +3685,10 @@ body {
   color: var(--ds-button-danger-text-default);
 }
 
+.btn--danger.pressed {
+  background-color: var(--ds-button-danger-bg-pressed);
+}
+
 .btn--danger:not(.btn--loading):hover {
   background-color: var(--ds-button-danger-bg-hover);
 }