@expressms/smartapp-ui 0.0.6 → 0.0.7
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M7.76107 10.6464L6.90751 11.5H8.11462H19.2866C19.5628 11.5 19.7866 11.7239 19.7866 12C19.7866 12.2761 19.5628 12.5 19.2866 12.5H8.11462H6.90751L7.76107 13.3536L12.6401 18.2326C12.8353 18.4278 12.8353 18.7442 12.6401 18.9394C12.4449 19.1347 12.1284 19.1347 11.9332 18.9394L5.34728 12.3536C5.15202 12.1583 5.15202 11.8417 5.34728 11.6464L11.9332 5.06055C12.1284 4.86535 12.4449 4.86535 12.6401 5.06055C12.8353 5.25576 12.8353 5.57224 12.6401 5.76745L7.76107 10.6464Z" fill="
|
|
2
|
+
<path d="M7.76107 10.6464L6.90751 11.5H8.11462H19.2866C19.5628 11.5 19.7866 11.7239 19.7866 12C19.7866 12.2761 19.5628 12.5 19.2866 12.5H8.11462H6.90751L7.76107 13.3536L12.6401 18.2326C12.8353 18.4278 12.8353 18.7442 12.6401 18.9394C12.4449 19.1347 12.1284 19.1347 11.9332 18.9394L5.34728 12.3536C5.15202 12.1583 5.15202 11.8417 5.34728 11.6464L11.9332 5.06055C12.1284 4.86535 12.4449 4.86535 12.6401 5.06055C12.8353 5.25576 12.8353 5.57224 12.6401 5.76745L7.76107 10.6464Z" fill="currentColor" stroke="#currentColor"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M6.28662 19C6.28662 20.1 7.18662 21 8.28662 21H16.2866C17.3866 21 18.2866 20.1 18.2866 19V9C18.2866 7.9 17.3866 7 16.2866 7H8.28662C7.18662 7 6.28662 7.9 6.28662 9V19ZM9.28662 9H15.2866C15.8366 9 16.2866 9.45 16.2866 10V18C16.2866 18.55 15.8366 19 15.2866 19H9.28662C8.73662 19 8.28662 18.55 8.28662 18V10C8.28662 9.45 8.73662 9 9.28662 9ZM15.7866 4L15.0766 3.29C14.8966 3.11 14.6366 3 14.3766 3H10.1966C9.93662 3 9.67662 3.11 9.49662 3.29L8.78662 4H6.28662C5.73662 4 5.28662 4.45 5.28662 5C5.28662 5.55 5.73662 6 6.28662 6H18.2866C18.8366 6 19.2866 5.55 19.2866 5C19.2866 4.45 18.8366 4 18.2866 4H15.7866Z" fill="
|
|
2
|
+
<path d="M6.28662 19C6.28662 20.1 7.18662 21 8.28662 21H16.2866C17.3866 21 18.2866 20.1 18.2866 19V9C18.2866 7.9 17.3866 7 16.2866 7H8.28662C7.18662 7 6.28662 7.9 6.28662 9V19ZM9.28662 9H15.2866C15.8366 9 16.2866 9.45 16.2866 10V18C16.2866 18.55 15.8366 19 15.2866 19H9.28662C8.73662 19 8.28662 18.55 8.28662 18V10C8.28662 9.45 8.73662 9 9.28662 9ZM15.7866 4L15.0766 3.29C14.8966 3.11 14.6366 3 14.3766 3H10.1966C9.93662 3 9.67662 3.11 9.49662 3.29L8.78662 4H6.28662C5.73662 4 5.28662 4.45 5.28662 5C5.28662 5.55 5.73662 6 6.28662 6H18.2866C18.8366 6 19.2866 5.55 19.2866 5C19.2866 4.45 18.8366 4 18.2866 4H15.7866Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
@@ -14,7 +14,7 @@ import { ReactComponent as ArrowBack } from '../../assets/icons/arrow-back.svg';
|
|
|
14
14
|
import { ReactComponent as Trash } from '../../assets/icons/trash.svg';
|
|
15
15
|
import '../../styles/stories.module.scss';
|
|
16
16
|
function Header(props) {
|
|
17
|
-
var _a = props.title, title = _a === void 0 ? '' : _a, _b = props.isBack, isBack = _b === void 0 ? false : _b, _c = props.isRemove, isRemove = _c === void 0 ? false : _c, _d = props.onClickBack, onClickBack = _d === void 0 ? function () { return undefined; } : _d, _e = props.onClickRemove, onClickRemove = _e === void 0 ? function () { return undefined; } : _e;
|
|
18
|
-
return (_jsxs("div", __assign({ className: "smartapp-header" }, { children: [_jsxs("div", __assign({ className: "smartapp-header__info" }, { children: [isBack && _jsx(ArrowBack, { onClick: function () { return onClickBack(); }, className: "smartapp-header__info--arrow-back" }), title && _jsx("p", __assign({ className: "smartapp-header__info--title" }, { children: title }))] })), isRemove && (_jsx("div", __assign({ onClick: function () { return onClickRemove(); }, className: "smartapp-header__trash" }, { children: _jsx(Trash, {}) })))] })));
|
|
17
|
+
var _a = props.title, title = _a === void 0 ? '' : _a, _b = props.isBack, isBack = _b === void 0 ? false : _b, _c = props.isRemove, isRemove = _c === void 0 ? false : _c, _d = props.onClickBack, onClickBack = _d === void 0 ? function () { return undefined; } : _d, _e = props.onClickRemove, onClickRemove = _e === void 0 ? function () { return undefined; } : _e, _f = props.arrowColor, arrowColor = _f === void 0 ? '#111111' : _f, _g = props.trashColor, trashColor = _g === void 0 ? '#EB5545' : _g;
|
|
18
|
+
return (_jsxs("div", __assign({ className: "smartapp-header" }, { children: [_jsxs("div", __assign({ className: "smartapp-header__info" }, { children: [isBack && (_jsx(ArrowBack, { style: { color: arrowColor, stroke: arrowColor }, onClick: function () { return onClickBack(); }, className: "smartapp-header__info--arrow-back" })), title && _jsx("p", __assign({ className: "smartapp-header__info--title" }, { children: title }))] })), isRemove && (_jsx("div", __assign({ onClick: function () { return onClickRemove(); }, className: "smartapp-header__trash" }, { children: _jsx(Trash, { style: { color: trashColor } }) })))] })));
|
|
19
19
|
}
|
|
20
20
|
export default Header;
|