@expressms/smartapp-ui 2.1.6 → 2.1.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.
- package/build/main/constants/constants.d.ts +6 -1
- package/build/main/constants/constants.js +5 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +4 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js +62 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/index.d.ts +1 -0
- package/build/main//321/201omponents/Skeleton/index.js +2 -0
- package/build/main//321/201omponents/Skeleton/index.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/types.d.ts +16 -0
- package/build/main//321/201omponents/Skeleton/types.js +2 -0
- package/build/main//321/201omponents/Skeleton/types.js.map +1 -0
- package/build/main//321/201omponents/index.d.ts +1 -0
- package/build/main//321/201omponents/index.js +1 -0
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +2 -1
|
@@ -17,7 +17,12 @@ export declare enum COLORS {
|
|
|
17
17
|
lightBlack = "#565656",
|
|
18
18
|
brightBlack = "#3D3D3D",
|
|
19
19
|
black = "#111111",
|
|
20
|
-
darkBlack = "#1A1A1A"
|
|
20
|
+
darkBlack = "#1A1A1A",
|
|
21
|
+
skeletonBg = "#F1F1F2",
|
|
22
|
+
skeletonDarkBg = "#313131",
|
|
23
|
+
skeletonGradientCenter = "rgba(255, 255, 255, 0.6)",
|
|
24
|
+
skeletonDarkGradientCenter = "rgba(255, 255, 255, 0.03)",
|
|
25
|
+
skeletonGradientEdge = "rgba(255, 255, 255, 0)"
|
|
21
26
|
}
|
|
22
27
|
export declare const INPUT_TYPE_PASSWORD = "password";
|
|
23
28
|
export declare const INPUT_TYPE_TEXT = "text";
|
|
@@ -19,6 +19,11 @@ export var COLORS;
|
|
|
19
19
|
COLORS["brightBlack"] = "#3D3D3D";
|
|
20
20
|
COLORS["black"] = "#111111";
|
|
21
21
|
COLORS["darkBlack"] = "#1A1A1A";
|
|
22
|
+
COLORS["skeletonBg"] = "#F1F1F2";
|
|
23
|
+
COLORS["skeletonDarkBg"] = "#313131";
|
|
24
|
+
COLORS["skeletonGradientCenter"] = "rgba(255, 255, 255, 0.6)";
|
|
25
|
+
COLORS["skeletonDarkGradientCenter"] = "rgba(255, 255, 255, 0.03)";
|
|
26
|
+
COLORS["skeletonGradientEdge"] = "rgba(255, 255, 255, 0)";
|
|
22
27
|
})(COLORS || (COLORS = {}));
|
|
23
28
|
export var INPUT_TYPE_PASSWORD = 'password';
|
|
24
29
|
export var INPUT_TYPE_TEXT = 'text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAyBX;AAzBD,WAAY,MAAM;IAChB,mCAAyB,CAAA;IACzB,8CAAoC,CAAA;IACpC,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,6BAAmB,CAAA;IACnB,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,+BAAqB,CAAA;IACrB,mCAAyB,CAAA;IACzB,0CAAgC,CAAA;IAChC,4BAAkB,CAAA;IAClB,8BAAoB,CAAA;IACpB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,iCAAuB,CAAA;IACvB,2BAAiB,CAAA;IACjB,+BAAqB,CAAA;IACrB,gCAAsB,CAAA;IACtB,oCAA0B,CAAA;IAC1B,6DAAmD,CAAA;IACnD,kEAAwD,CAAA;IACxD,yDAA+C,CAAA;AACjD,CAAC,EAzBW,MAAM,KAAN,MAAM,QAyBjB;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAA;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAA;AACrC,MAAM,CAAC,IAAM,qBAAqB,GAAW,EAAE,CAAA;AAC/C,MAAM,CAAC,IAAM,aAAa,GAAW,EAAE,CAAA;AACvC,MAAM,CAAC,IAAM,mBAAmB,GAAW,EAAE,CAAA;AAC7C,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAA;AAChC,MAAM,CAAC,IAAM,qBAAqB,GAAW,IAAI,CAAA;AACjD,MAAM,CAAC,IAAM,yBAAyB,GAAW,CAAC,CAAA;AAElD,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,wCAAmB,CAAA;AACrB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,qCAAe,CAAA;IACf,mCAAa,CAAA;AACf,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,2BAAc,CAAA;IACd,6BAAgB,CAAA;IAChB,2BAAc,CAAA;AAChB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,6BAAc,CAAA;IACd,+BAAgB,CAAA;IAChB,6BAAc,CAAA;AAChB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,uBAAW,CAAA;IACX,+BAAmB,CAAA;AACrB,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,sBAAa,CAAA;AACf,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAW,UAAU,CAAA;AACpD,MAAM,CAAC,IAAM,sCAAsC,GAAW,CAAC,CAAA;AAC/D,MAAM,CAAC,IAAM,mBAAmB,GAAW,WAAW,CAAA;AACtD,MAAM,CAAC,IAAM,mBAAmB,GAAW,OAAO,CAAA;AAClD,MAAM,CAAC,IAAM,kBAAkB,GAAW,GAAG,CAAA;AAC7C,MAAM,CAAC,IAAM,uBAAuB,GAAW,EAAE,CAAA;AACjD,MAAM,CAAC,IAAM,sBAAsB,GAAW,aAAa,CAAA;AAC3D,MAAM,CAAC,IAAM,qCAAqC,GAAW,CAAC,CAAA;AAC9D,MAAM,CAAC,IAAM,wCAAwC,GAAW,EAAE,CAAA;AAClE,MAAM,CAAC,IAAM,sCAAsC,GAAW,EAAE,CAAA;AAChE,MAAM,CAAC,IAAM,eAAe,GAAW,OAAO,CAAA;AAC9C,MAAM,CAAC,IAAM,kBAAkB,GAAW,UAAU,CAAA;AAEpD,MAAM,CAAC,IAAM,gBAAgB,GAAa;IACxC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAa;IAC3C,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAA;AAED,MAAM,CAAC,IAAM,oCAAoC,GAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { useEffect, useRef, useState } from 'react';
|
|
7
|
+
import { COLORS, THEME } from '../../constants';
|
|
8
|
+
import { getColor, isDarkTheme } from '../../helpers';
|
|
9
|
+
import '../../styles/styles.scss';
|
|
10
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
11
|
+
// animation gradient size
|
|
12
|
+
var startEdgeGradientSize = '8.26%';
|
|
13
|
+
var centerGradientSize = '39.24%';
|
|
14
|
+
var endEdgeGradientSize = '70.22%';
|
|
15
|
+
export var Skeleton = function (_a) {
|
|
16
|
+
var className = _a.className, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c,
|
|
17
|
+
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
18
|
+
containerRef = _a.containerRef,
|
|
19
|
+
// if not default, then it must be specified for all skeletons
|
|
20
|
+
_d = _a.animationDuration,
|
|
21
|
+
// if not default, then it must be specified for all skeletons
|
|
22
|
+
animationDuration = _d === void 0 ? 2 : _d, _e = _a.initialOffset, initialOffset = _e === void 0 ? -200 : _e;
|
|
23
|
+
var skeletonRef = useRef(null);
|
|
24
|
+
var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[1];
|
|
25
|
+
//after mount set offset sizes
|
|
26
|
+
useEffect(function () {
|
|
27
|
+
var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
|
|
28
|
+
var skeletonRefContainerCurrent = skeletonRef === null || skeletonRef === void 0 ? void 0 : skeletonRef.current;
|
|
29
|
+
if (containerRefCurrent && skeletonRefContainerCurrent) {
|
|
30
|
+
var containerLeft = containerRefCurrent.getBoundingClientRect().left || 0;
|
|
31
|
+
var containerWidth = containerRefCurrent.clientWidth || 0;
|
|
32
|
+
var itemLeft = skeletonRefContainerCurrent.getBoundingClientRect().left || 0;
|
|
33
|
+
var itemWidth = skeletonRefContainerCurrent.getBoundingClientRect().width || 0;
|
|
34
|
+
setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
|
|
35
|
+
}
|
|
36
|
+
}, [containerRef]);
|
|
37
|
+
var getOffset = function () {
|
|
38
|
+
var diff = position.item.left - position.container.left;
|
|
39
|
+
var startOffset = initialOffset - diff;
|
|
40
|
+
var finalOffset = position.container.width - diff;
|
|
41
|
+
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
42
|
+
};
|
|
43
|
+
var skeletonBackgroundColor = getColor(baseColor, isDarkTheme(theme) ? COLORS.skeletonDarkBg : COLORS.skeletonBg);
|
|
44
|
+
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
45
|
+
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
46
|
+
var skeletonCSS = {
|
|
47
|
+
width: width,
|
|
48
|
+
height: circle ? width : height,
|
|
49
|
+
minWidth: circle ? width : 0,
|
|
50
|
+
borderRadius: circle ? '50%' : borderRadius,
|
|
51
|
+
backgroundColor: skeletonBackgroundColor,
|
|
52
|
+
backgroundImage: "linear-gradient(\n 90deg,\n ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n );"),
|
|
53
|
+
};
|
|
54
|
+
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": getOffset().startOffset, "$finalOffset": getOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className }));
|
|
55
|
+
};
|
|
56
|
+
var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"])), function (_a) {
|
|
57
|
+
var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
|
|
58
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n animation: ", " ", "s infinite linear;\n ", ";\n "], ["\n animation: ", " ", "s infinite linear;\n ", ";\n "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
|
|
59
|
+
});
|
|
60
|
+
var flash = function (initialOffset, finalOffset) { return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"], ["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"])), initialOffset, finalOffset); };
|
|
61
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
62
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Skeleton } from './Skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IThemeProps } from '../../constants';
|
|
3
|
+
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
4
|
+
type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
|
|
5
|
+
export interface ISkeletonProps extends IThemeProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
baseColor?: string;
|
|
8
|
+
width?: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
circle?: boolean;
|
|
12
|
+
containerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
13
|
+
animationDuration?: IntRange<1, 7>;
|
|
14
|
+
initialOffset?: number;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/types.ts"],"names":[],"mappings":""}
|
|
@@ -25,4 +25,5 @@ export { default as RadioButton } from './RadioButton';
|
|
|
25
25
|
export { default as Textarea } from './Textarea';
|
|
26
26
|
export { default as ContextMenu } from './ContextMenu';
|
|
27
27
|
export { default as UserDropdown } from './UserDropdown';
|
|
28
|
+
export { Skeleton } from './Skeleton';
|
|
28
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expressms/smartapp-ui",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.7",
|
|
4
4
|
"description": "SmartApp UI library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "build/main/index.js",
|
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
"sass-loader": "^12.3.0",
|
|
72
72
|
"semver": "^7.3.5",
|
|
73
73
|
"source-map-loader": "^3.0.0",
|
|
74
|
+
"styled-components": "^6.1.11",
|
|
74
75
|
"tailwindcss": "^3.0.2",
|
|
75
76
|
"typescript": "^4.9.4",
|
|
76
77
|
"typescript-plugin-css-modules": "^5.0.1",
|