ui-beyable 1.0.24-beta.1 → 1.0.24-beta.2
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 +3 -0
- package/lib/cjs/index.js +12 -3
- 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 +3 -0
- package/lib/esm/index.js +12 -3
- 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, size, innerSize, titleSize, }: IArticle): JSX.Element;
|
|
3
|
+
declare function Article({ children, title, hasMask, hasMargin, hasShadow, size, innerSize, titleSize, className, fullHeight }: IArticle): JSX.Element;
|
|
4
4
|
export { Article };
|
package/lib/cjs/index.js
CHANGED
|
@@ -73,12 +73,12 @@ function AppLogo(_a) {
|
|
|
73
73
|
React.createElement("div", { className: styles$f.logo_overlay_link }, overlayLink)));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
var css_248z$o = ".Article-module_outer_size_m__lTtkJ{margin-bottom:24px}.Article-module_outer_size_m__lTtkJ:not(:first-child){margin-top:24px}.Article-module_outer_size_s__CO57n{margin-bottom:10px}.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}.Article-module_title__4lPvS{font-weight:500;line-height:1.2}.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_inner__N5eTJ{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px
|
|
77
|
-
var styles$e = {"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_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","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","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"};
|
|
76
|
+
var css_248z$o = ".Article-module_outer_size_m__lTtkJ{margin-bottom:24px}.Article-module_outer_size_m__lTtkJ:not(:first-child){margin-top:24px}.Article-module_outer_size_s__CO57n{margin-bottom:10px}.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}.Article-module_title__4lPvS{font-weight:500;line-height:1.2}.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_inner__N5eTJ{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px}.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_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxvQ0FDSSxrQkFDSixDQUNBLHNEQUNJLGVBQ0osQ0FDQSxvQ0FDSSxrQkFDSixDQUNBLHNEQUNJLGVBQ0osQ0FDQSxzQ0FHSSxVQUFXLENBRlgsbUJBQW9CLENBQ3BCLHdCQUFpQixDQUFqQixxQkFBaUIsQ0FBakIsZ0JBRUosQ0FDQSx1Q0FDSSxlQUNKLENBR0EsNkJBQ0ksZUFBZ0IsQ0FDaEIsZUFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDWixpQkFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDZixpQkFDRCxDQUdBLDZCQUNJLHVCQUF3QixDQUN4Qix5Q0FBMEMsQ0FDMUMsaUJBQ0osQ0FDQSx3Q0FDSSxvQ0FDSixDQUNBLHVFQUVDLFVBQVcsQ0FDWCxhQUNELENBQ0EscUNBQ0MsYUFDRCxDQUNBLHVGQUVJLGNBQ0osQ0FFQSxvQ0FDQyxjQUNELENBQ0EscUZBRUksZUFDSixDQUVBLG9DQUNDLGNBQ0QsQ0FDQSxxRkFFSSxlQUNKLENBRUEsb0NBQ0MsY0FDRCxDQUNBLHFGQUVJLGVBQ0osQ0FFQSxxQ0FDSSxjQUNKLENBQ0EsdUZBRUksZUFDSixDQUdBLHlDQUNJLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsV0FDSixDQUNBLHNFQUNJLGFBQ0osQ0FDQSxzRUFDSSxhQUFjLENBQ2QsaUJBQ0oiLCJmaWxlIjoiQXJ0aWNsZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogT3V0ZXIgKi9cclxuLm91dGVyIHtcclxuICAgIC8qIEVtcHR5ICovXHJcbn1cclxuLm91dGVyX3NpemVfbSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAyNHB4O1xyXG59XHJcbi5vdXRlcl9zaXplX206bm90KDpmaXJzdC1jaGlsZCkge1xyXG4gICAgbWFyZ2luLXRvcDogMjRweDtcclxufVxyXG4ub3V0ZXJfc2l6ZV9zIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbn1cclxuLm91dGVyX3NpemVfczpub3QoOmZpcnN0LWNoaWxkKSB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFzayB7XHJcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcclxuICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgb3BhY2l0eTogLjU7XHJcbn1cclxuLm91dGVyX25vX21hcmdpbiB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG59XHJcblxyXG4vKiBUaXRsZSAqL1xyXG4udGl0bGUge1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XHJcbn1cclxuLnRpdGxlX3NpemVfcyB7XHJcblx0Zm9udC1zaXplOiAxNnB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogOHB4O1xyXG59XHJcbi50aXRsZV9zaXplX20ge1xyXG5cdGZvbnQtc2l6ZTogMTdweDtcclxuXHRtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuXHJcbi8qIElubmVyICovXHJcbi5pbm5lciB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS13aGl0ZSk7XHJcbiAgICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XHJcbn1cclxuLmlubmVyX2hhc19zaGFkb3cge1xyXG4gICAgYm94LXNoYWRvdzogcmdiYSgwLDAsMCwuMDQpIDAgMnB4IDRweDtcclxufVxyXG4uaW5uZXI6OmJlZm9yZSxcclxuLmlubmVyOjphZnRlciB7XHJcblx0Y29udGVudDogXCJcIjtcclxuXHRkaXNwbGF5OiBibG9jaztcclxufVxyXG4uaW5uZXJfc2l6ZV94cyB7XHJcblx0cGFkZGluZzogMCA0cHg7XHJcbn1cclxuLmlubmVyX3NpemVfeHM6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfeHM6OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDRweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfcyB7XHJcblx0cGFkZGluZzogMCAxMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3M6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfczo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbSB7XHJcblx0cGFkZGluZzogMCAxNnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX206OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbTo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbCB7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX2w6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbDo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMjJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfeGwge1xyXG4gICAgcGFkZGluZzogMCAyOHB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3hsOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX3hsOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAyOHB4O1xyXG59XHJcblxyXG4vKiBNb2RlIGZ1bGwgaGVpZ2h0ICovXHJcbi5vdXRlcl9mdWxsX2hlaWdodCB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGhlaWdodDogMTAwJTtcclxufVxyXG4ub3V0ZXJfZnVsbF9oZWlnaHQgLnRpdGxlIHtcclxuICAgIGZsZXg6IDAgMCBhdXRvO1xyXG59XHJcbi5vdXRlcl9mdWxsX2hlaWdodCAuaW5uZXIge1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuIl19 */";
|
|
77
|
+
var styles$e = {"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"};
|
|
78
78
|
styleInject(css_248z$o);
|
|
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.size, size =
|
|
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.hasShadow, hasShadow = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'm' : _e, _f = _a.innerSize, innerSize = _f === void 0 ? undefined : _f, _g = _a.titleSize, titleSize = _g === void 0 ? 'm' : _g, className = _a.className, _h = _a.fullHeight, fullHeight = _h === void 0 ? false : _h;
|
|
82
82
|
var outerStyles = [styles$e.outer];
|
|
83
83
|
var innerStyles = [styles$e.inner];
|
|
84
84
|
var titleStyles = [styles$e.title];
|
|
@@ -98,9 +98,15 @@ function Article(_a) {
|
|
|
98
98
|
s: styles$e.title_size_s,
|
|
99
99
|
};
|
|
100
100
|
var finalInnerSize = (innerSize || size);
|
|
101
|
+
if (className) {
|
|
102
|
+
outerStyles.push(className);
|
|
103
|
+
}
|
|
101
104
|
if (hasMask) {
|
|
102
105
|
outerStyles.push(styles$e.outer_has_mask);
|
|
103
106
|
}
|
|
107
|
+
if (hasShadow) {
|
|
108
|
+
innerStyles.push(styles$e.inner_has_shadow);
|
|
109
|
+
}
|
|
104
110
|
if (size && size in outerSizeClass) {
|
|
105
111
|
outerStyles.push(outerSizeClass[size]);
|
|
106
112
|
}
|
|
@@ -113,6 +119,9 @@ function Article(_a) {
|
|
|
113
119
|
if (!hasMargin) {
|
|
114
120
|
outerStyles.push(styles$e.outer_no_margin);
|
|
115
121
|
}
|
|
122
|
+
if (fullHeight) {
|
|
123
|
+
outerStyles.push(styles$e.outer_full_height);
|
|
124
|
+
}
|
|
116
125
|
return (React.createElement("article", { className: outerStyles.join(' ') },
|
|
117
126
|
title &&
|
|
118
127
|
React.createElement("div", { className: titleStyles.join(' ') }, title),
|