@expressms/smartapp-ui 1.1.6 → 1.1.8

package/build/main//321/201omponents/SyncLoader/types.d.ts

@@ -1,6 +1,6 @@
-export interface ISyncLoaderProps {
+import { IThemeProps } from '../../constants';
+export interface ISyncLoaderProps extends IThemeProps {
     isLoading: boolean;
-    theme?: 'default' | 'dark';
     color?: string;
     fontFamily?: string;
 }

package/build/main//321/201omponents/Toggle/Toggle.js

@@ -12,15 +12,15 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from 'classnames';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_BLUE_ICON_HOVER_COLOR } from '../../constants';
+import { COLORS } from '../../constants';
 import { getColor } from '../../helpers';
 import '../../styles/stories.module.scss';
 var Toggle = function (_a) {
     var _b = _a.id, id = _b === void 0 ? 'toggle' : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isChecked, isChecked = _d === void 0 ? false : _d, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e;
     var handleClick = function () { return !isDisabled && onClick(); };
     useEffect(function () {
-        document.documentElement.style.setProperty('--toggle-color', getColor(checkedColor, DEFAULT_BLUE_ICON_COLOR));
-        document.documentElement.style.setProperty('--toggle-hover-color', getColor(checkedHoverColor, DEFAULT_BLUE_ICON_HOVER_COLOR));
+        document.documentElement.style.setProperty('--toggle-color', getColor(checkedColor, COLORS.blue));
+        document.documentElement.style.setProperty('--toggle-hover-color', getColor(checkedHoverColor, COLORS.darkBlue));
     }, [checkedColor, checkedHoverColor]);
     return (_jsx("div", __assign({ className: "smartapp-toggle-wrapper" }, { children: _jsxs("label", __assign({ htmlFor: "smartapp-toggle-".concat(id), className: "smartapp-toggle", onClick: handleClick }, { children: [_jsx("input", { type: "checkbox", id: "smartapp-toggle-".concat(id), checked: isChecked, disabled: true }), _jsx("span", { className: classNames('smartapp-slider', { 'smartapp-slider__disabled': isDisabled }) })] })) })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -16,6 +16,8 @@
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-links": "^6.5.15",
     "@storybook/addon-viewport": "^6.5.15",
+    "@storybook/addons": "^6.5.15",
+    "@storybook/core-events": "^6.5.15",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.15",
     "@svgr/webpack": "5.5",