ui-beyable 1.0.36 → 1.0.37
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/lib/cjs/components/Article/Article.d.ts +1 -1
- package/lib/cjs/components/Article/types.d.ts +4 -0
- package/lib/cjs/index.js +33 -20
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/Article/Article.d.ts +1 -1
- package/lib/esm/components/Article/types.d.ts +4 -0
- package/lib/esm/index.js +33 -20
- package/lib/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IArticle } from './types';
|
|
3
|
-
declare function Article({ children, title, hasMask, hasMargin, hasShadow, size, innerSize, titleSize, className, fullHeight }: IArticle): JSX.Element;
|
|
3
|
+
declare function Article({ children, title, prependMessage, hasMask, hasMargin, hasPadding, hasShadow, size, innerSize, titleSize, className, fullHeight, style, color }: IArticle): JSX.Element;
|
|
4
4
|
export { Article };
|
|
@@ -2,13 +2,17 @@ import React from 'react';
|
|
|
2
2
|
interface IArticle {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
title?: any;
|
|
5
|
+
prependMessage?: React.ReactNode | string;
|
|
5
6
|
hasMask?: boolean;
|
|
6
7
|
hasMargin?: boolean;
|
|
8
|
+
hasPadding?: boolean;
|
|
7
9
|
size?: string;
|
|
8
10
|
innerSize?: string;
|
|
9
11
|
titleSize?: string;
|
|
10
12
|
className?: string;
|
|
11
13
|
fullHeight?: boolean;
|
|
12
14
|
hasShadow?: boolean;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
color?: 'white' | 'grey';
|
|
13
17
|
}
|
|
14
18
|
export { IArticle };
|
package/lib/cjs/index.js
CHANGED
|
@@ -73,15 +73,15 @@ function AppLogo(_a) {
|
|
|
73
73
|
React.createElement("div", { className: styles$h.logo_overlay_link }, overlayLink)));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
var css_248z$q = ".Article-
|
|
77
|
-
var styles$g = {"outer":"Article-module_outer__dUyPM","outer_size_m":"Article-module_outer_size_m__lTtkJ","outer_size_s":"Article-module_outer_size_s__CO57n","outer_has_mask":"Article-module_outer_has_mask__Xuwnp","outer_no_margin":"Article-module_outer_no_margin__s5RBr","title":"Article-module_title__4lPvS","title_size_s":"Article-module_title_size_s__yMNhS","title_size_m":"Article-module_title_size_m__ETQcp","inner":"Article-module_inner__N5eTJ","inner_has_shadow":"Article-module_inner_has_shadow__oKh2M","inner_size_xs":"Article-module_inner_size_xs__vR6lK","inner_size_s":"Article-module_inner_size_s__yT1WQ","inner_size_m":"Article-module_inner_size_m__6xV8V","inner_size_l":"Article-module_inner_size_l__Qj98F","inner_size_xl":"Article-module_inner_size_xl__og-zB","outer_full_height":"Article-module_outer_full_height__1bfVe","outerSizeM":"Article-module_outer_size_m__lTtkJ","outerSizeS":"Article-module_outer_size_s__CO57n","outerHasMask":"Article-module_outer_has_mask__Xuwnp","outerNoMargin":"Article-module_outer_no_margin__s5RBr","titleSizeS":"Article-module_title_size_s__yMNhS","titleSizeM":"Article-module_title_size_m__ETQcp","innerHasShadow":"Article-module_inner_has_shadow__oKh2M","innerSizeXs":"Article-module_inner_size_xs__vR6lK","innerSizeS":"Article-module_inner_size_s__yT1WQ","innerSizeM":"Article-module_inner_size_m__6xV8V","innerSizeL":"Article-module_inner_size_l__Qj98F","innerSizeXl":"Article-module_inner_size_xl__og-zB","outerFullHeight":"Article-module_outer_full_height__1bfVe"};
|
|
76
|
+
var css_248z$q = ".Article-module_outer_has_margin__HlvbM{margin-bottom:24px}.Article-module_outer_has_margin__HlvbM:not(:first-child){margin-top:24px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n{margin-bottom:10px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n:not(:first-child){margin-top:10px}.Article-module_outer_has_mask__Xuwnp{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Article-module_outer_no_margin__s5RBr{margin-bottom:0;margin-top:0}.Article-module_title__4lPvS{font-weight:500;line-height:1.2}.Article-module_title_size_xs__2OIij{font-size:15px;margin-bottom:8px}.Article-module_title_size_s__yMNhS{font-size:16px;margin-bottom:8px}.Article-module_title_size_m__ETQcp{font-size:17px;margin-bottom:8px}.Article-module_prepend_message__XB563{margin-bottom:8px}.Article-module_inner__N5eTJ{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;position:relative}.Article-module_inner_background_grey__oxiM0{background-color:var(--main-bg-color)}.Article-module_inner_has_shadow__oKh2M{box-shadow:0 2px 4px rgba(0,0,0,.04)}.Article-module_inner__N5eTJ:after,.Article-module_inner__N5eTJ:before{content:\"\";display:block}.Article-module_inner_no_padding__Dn9l7{padding:0}.Article-module_inner_no_padding__Dn9l7:after,.Article-module_inner_no_padding__Dn9l7:before{margin-top:0}.Article-module_inner_size_xs__vR6lK{padding:0 4px}.Article-module_inner_size_xs__vR6lK:after,.Article-module_inner_size_xs__vR6lK:before{margin-top:4px}.Article-module_inner_size_s__yT1WQ{padding:0 12px}.Article-module_inner_size_s__yT1WQ:after,.Article-module_inner_size_s__yT1WQ:before{margin-top:12px}.Article-module_inner_size_m__6xV8V{padding:0 16px}.Article-module_inner_size_m__6xV8V:after,.Article-module_inner_size_m__6xV8V:before{margin-top:16px}.Article-module_inner_size_l__Qj98F{padding:0 22px}.Article-module_inner_size_l__Qj98F:after,.Article-module_inner_size_l__Qj98F:before{margin-top:22px}.Article-module_inner_size_xl__og-zB{padding:0 28px}.Article-module_inner_size_xl__og-zB:after,.Article-module_inner_size_xl__og-zB:before{margin-top:28px}.Article-module_outer_full_height__1bfVe{display:flex;flex-direction:column;height:100%}.Article-module_outer_full_height__1bfVe .Article-module_title__4lPvS{flex:0 0 auto}.Article-module_outer_full_height__1bfVe .Article-module_inner__N5eTJ{flex:1 1 auto;position:relative}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSx3Q0FDSSxrQkFDSixDQUNBLDBEQUNJLGVBQ0osQ0FDQSwyRUFDSSxrQkFDSixDQUNBLDZGQUNJLGVBQ0osQ0FDQSxzQ0FHSSxVQUFXLENBRlgsbUJBQW9CLENBQ3BCLHdCQUFpQixDQUFqQixxQkFBaUIsQ0FBakIsZ0JBRUosQ0FDQSx1Q0FFSSxlQUFnQixDQURoQixZQUVKLENBR0EsNkJBQ0ksZUFBZ0IsQ0FDaEIsZUFDSixDQUNBLHFDQUNDLGNBQWUsQ0FDWixpQkFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDWixpQkFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDZixpQkFDRCxDQUdBLHVDQUNJLGlCQUNKLENBR0EsNkJBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FDbEIsaUJBQ0osQ0FDQSw2Q0FDSSxxQ0FDSixDQUNBLHdDQUNJLG9DQUNKLENBQ0EsdUVBRUMsVUFBVyxDQUNYLGFBQ0QsQ0FFQSx3Q0FDQyxTQUNELENBQ0EsNkZBRUksWUFDSixDQUVBLHFDQUNDLGFBQ0QsQ0FDQSx1RkFFSSxjQUNKLENBRUEsb0NBQ0MsY0FDRCxDQUNBLHFGQUVJLGVBQ0osQ0FFQSxvQ0FDQyxjQUNELENBQ0EscUZBRUksZUFDSixDQUVBLG9DQUNDLGNBQ0QsQ0FDQSxxRkFFSSxlQUNKLENBRUEscUNBQ0ksY0FDSixDQUNBLHVGQUVJLGVBQ0osQ0FHQSx5Q0FDSSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLFdBQ0osQ0FDQSxzRUFDSSxhQUNKLENBQ0Esc0VBQ0ksYUFBYyxDQUNkLGlCQUNKIiwiZmlsZSI6IkFydGljbGUubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIE91dGVyICovXHJcbi5vdXRlciB7fVxyXG4ub3V0ZXJfc2l6ZV9tIHt9XHJcbi5vdXRlcl9zaXplX3Mge31cclxuLm91dGVyX2hhc19tYXJnaW4ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjRweDtcclxufVxyXG4ub3V0ZXJfaGFzX21hcmdpbjpub3QoOmZpcnN0LWNoaWxkKSB7XHJcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFyZ2luLm91dGVyX3NpemVfcyB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFyZ2luLm91dGVyX3NpemVfczpub3QoOmZpcnN0LWNoaWxkKSB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFzayB7XHJcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcclxuICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgb3BhY2l0eTogLjU7XHJcbn1cclxuLm91dGVyX25vX21hcmdpbiB7XHJcbiAgICBtYXJnaW4tdG9wOiAwO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxufVxyXG5cclxuLyogVGl0bGUgKi9cclxuLnRpdGxlIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBsaW5lLWhlaWdodDogMS4yO1xyXG59XHJcbi50aXRsZV9zaXplX3hzIHtcclxuXHRmb250LXNpemU6IDE1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuLnRpdGxlX3NpemVfcyB7XHJcblx0Zm9udC1zaXplOiAxNnB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogOHB4O1xyXG59XHJcbi50aXRsZV9zaXplX20ge1xyXG5cdGZvbnQtc2l6ZTogMTdweDtcclxuXHRtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuXHJcbi8qIFByZXBlbmRfbWVzc2FnZSAqL1xyXG4ucHJlcGVuZF9tZXNzYWdlIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcclxufVxyXG5cclxuLyogSW5uZXIgKi9cclxuLmlubmVyIHtcclxuICAgIGJhY2tncm91bmQ6IHZhcigtLXdoaXRlKTtcclxuICAgIGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG4uaW5uZXJfYmFja2dyb3VuZF9ncmV5IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xyXG59XHJcbi5pbm5lcl9oYXNfc2hhZG93IHtcclxuICAgIGJveC1zaGFkb3c6IHJnYmEoMCwwLDAsLjA0KSAwIDJweCA0cHg7XHJcbn1cclxuLmlubmVyOjpiZWZvcmUsXHJcbi5pbm5lcjo6YWZ0ZXIge1xyXG5cdGNvbnRlbnQ6IFwiXCI7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5pbm5lcl9ub19wYWRkaW5nIHtcclxuXHRwYWRkaW5nOiAwO1xyXG59XHJcbi5pbm5lcl9ub19wYWRkaW5nOjpiZWZvcmUsXHJcbi5pbm5lcl9ub19wYWRkaW5nOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAwO1xyXG59XHJcblxyXG4uaW5uZXJfc2l6ZV94cyB7XHJcblx0cGFkZGluZzogMCA0cHg7XHJcbn1cclxuLmlubmVyX3NpemVfeHM6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfeHM6OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDRweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfcyB7XHJcblx0cGFkZGluZzogMCAxMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3M6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfczo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbSB7XHJcblx0cGFkZGluZzogMCAxNnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX206OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbTo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbCB7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX2w6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbDo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMjJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfeGwge1xyXG4gICAgcGFkZGluZzogMCAyOHB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3hsOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX3hsOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAyOHB4O1xyXG59XHJcblxyXG4vKiBNb2RlIGZ1bGwgaGVpZ2h0ICovXHJcbi5vdXRlcl9mdWxsX2hlaWdodCB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGhlaWdodDogMTAwJTtcclxufVxyXG4ub3V0ZXJfZnVsbF9oZWlnaHQgLnRpdGxlIHtcclxuICAgIGZsZXg6IDAgMCBhdXRvO1xyXG59XHJcbi5vdXRlcl9mdWxsX2hlaWdodCAuaW5uZXIge1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuIl19 */";
|
|
77
|
+
var styles$g = {"outer":"Article-module_outer__dUyPM","outer_size_m":"Article-module_outer_size_m__lTtkJ","outer_size_s":"Article-module_outer_size_s__CO57n","outer_has_margin":"Article-module_outer_has_margin__HlvbM","outer_has_mask":"Article-module_outer_has_mask__Xuwnp","outer_no_margin":"Article-module_outer_no_margin__s5RBr","title":"Article-module_title__4lPvS","title_size_xs":"Article-module_title_size_xs__2OIij","title_size_s":"Article-module_title_size_s__yMNhS","title_size_m":"Article-module_title_size_m__ETQcp","prepend_message":"Article-module_prepend_message__XB563","inner":"Article-module_inner__N5eTJ","inner_background_grey":"Article-module_inner_background_grey__oxiM0","inner_has_shadow":"Article-module_inner_has_shadow__oKh2M","inner_no_padding":"Article-module_inner_no_padding__Dn9l7","inner_size_xs":"Article-module_inner_size_xs__vR6lK","inner_size_s":"Article-module_inner_size_s__yT1WQ","inner_size_m":"Article-module_inner_size_m__6xV8V","inner_size_l":"Article-module_inner_size_l__Qj98F","inner_size_xl":"Article-module_inner_size_xl__og-zB","outer_full_height":"Article-module_outer_full_height__1bfVe","outerSizeM":"Article-module_outer_size_m__lTtkJ","outerSizeS":"Article-module_outer_size_s__CO57n","outerHasMargin":"Article-module_outer_has_margin__HlvbM","outerHasMask":"Article-module_outer_has_mask__Xuwnp","outerNoMargin":"Article-module_outer_no_margin__s5RBr","titleSizeXs":"Article-module_title_size_xs__2OIij","titleSizeS":"Article-module_title_size_s__yMNhS","titleSizeM":"Article-module_title_size_m__ETQcp","prependMessage":"Article-module_prepend_message__XB563","innerBackgroundGrey":"Article-module_inner_background_grey__oxiM0","innerHasShadow":"Article-module_inner_has_shadow__oKh2M","innerNoPadding":"Article-module_inner_no_padding__Dn9l7","innerSizeXs":"Article-module_inner_size_xs__vR6lK","innerSizeS":"Article-module_inner_size_s__yT1WQ","innerSizeM":"Article-module_inner_size_m__6xV8V","innerSizeL":"Article-module_inner_size_l__Qj98F","innerSizeXl":"Article-module_inner_size_xl__og-zB","outerFullHeight":"Article-module_outer_full_height__1bfVe"};
|
|
78
78
|
styleInject(css_248z$q);
|
|
79
79
|
|
|
80
80
|
function Article(_a) {
|
|
81
|
-
var children = _a.children, title = _a.title, _b = _a.hasMask, hasMask = _b === void 0 ? false : _b, _c = _a.hasMargin, hasMargin = _c === void 0 ? true : _c, _d = _a.
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
81
|
+
var children = _a.children, title = _a.title, prependMessage = _a.prependMessage, _b = _a.hasMask, hasMask = _b === void 0 ? false : _b, _c = _a.hasMargin, hasMargin = _c === void 0 ? true : _c, _d = _a.hasPadding, hasPadding = _d === void 0 ? true : _d, _e = _a.hasShadow, hasShadow = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.innerSize, innerSize = _g === void 0 ? undefined : _g, _h = _a.titleSize, titleSize = _h === void 0 ? 'm' : _h, className = _a.className, _j = _a.fullHeight, fullHeight = _j === void 0 ? false : _j, style = _a.style, _k = _a.color, color = _k === void 0 ? 'white' : _k;
|
|
82
|
+
var outerClass = [styles$g.outer];
|
|
83
|
+
var innerClass = [styles$g.inner];
|
|
84
|
+
var titleClass = [styles$g.title];
|
|
85
85
|
var outerSizeClass = {
|
|
86
86
|
m: styles$g.outer_size_m,
|
|
87
87
|
s: styles$g.outer_size_s,
|
|
@@ -97,35 +97,48 @@ function Article(_a) {
|
|
|
97
97
|
m: styles$g.title_size_m,
|
|
98
98
|
s: styles$g.title_size_s,
|
|
99
99
|
};
|
|
100
|
-
var finalInnerSize = (innerSize || size);
|
|
101
100
|
if (className) {
|
|
102
|
-
|
|
101
|
+
outerClass.push(className);
|
|
103
102
|
}
|
|
104
103
|
if (hasMask) {
|
|
105
|
-
|
|
104
|
+
outerClass.push(styles$g.outer_has_mask);
|
|
106
105
|
}
|
|
107
106
|
if (hasShadow) {
|
|
108
|
-
|
|
107
|
+
innerClass.push(styles$g.inner_has_shadow);
|
|
109
108
|
}
|
|
110
|
-
if (size
|
|
111
|
-
|
|
109
|
+
if (size) {
|
|
110
|
+
if (size in outerSizeClass) {
|
|
111
|
+
outerClass.push(outerSizeClass[size]);
|
|
112
|
+
}
|
|
113
|
+
var finalInnerSize = (innerSize || size);
|
|
114
|
+
if (finalInnerSize && finalInnerSize in innerSizeClass) {
|
|
115
|
+
innerClass.push(innerSizeClass[finalInnerSize]);
|
|
116
|
+
}
|
|
112
117
|
}
|
|
113
|
-
if (
|
|
114
|
-
|
|
118
|
+
if (!hasPadding) {
|
|
119
|
+
innerClass.push(styles$g.inner_no_padding);
|
|
115
120
|
}
|
|
116
121
|
if (titleSize && titleSize in titleSizeClass) {
|
|
117
|
-
|
|
122
|
+
titleClass.push(titleSizeClass[titleSize]);
|
|
118
123
|
}
|
|
119
124
|
if (!hasMargin) {
|
|
120
|
-
|
|
125
|
+
outerClass.push(styles$g.outer_no_margin);
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
outerClass.push(styles$g.outer_has_margin);
|
|
121
129
|
}
|
|
122
130
|
if (fullHeight) {
|
|
123
|
-
|
|
131
|
+
outerClass.push(styles$g.outer_full_height);
|
|
124
132
|
}
|
|
125
|
-
|
|
133
|
+
if (color === 'grey') {
|
|
134
|
+
innerClass.push(styles$g.inner_background_grey);
|
|
135
|
+
}
|
|
136
|
+
return (React.createElement("article", { className: outerClass.join(' '), style: style },
|
|
126
137
|
title &&
|
|
127
|
-
React.createElement("div", { className:
|
|
128
|
-
|
|
138
|
+
React.createElement("div", { className: titleClass.join(' ') }, title),
|
|
139
|
+
prependMessage &&
|
|
140
|
+
React.createElement("div", { className: styles$g.prepend_message }, prependMessage),
|
|
141
|
+
React.createElement("div", { className: innerClass.join(' ') }, children)));
|
|
129
142
|
}
|
|
130
143
|
|
|
131
144
|
/**
|