@sendoutcards/quantum-design-ui 1.7.30 → 1.7.34
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/dist/index.es.js +79 -22
- package/dist/src/atoms/iconography/icons/viewCarousel.d.ts +3 -0
- package/dist/src/atoms/iconography/icons/viewSinglePanel.d.ts +3 -0
- package/dist/src/atoms/iconography/types/index.d.ts +1 -1
- package/dist/src/atoms/vStack/vStack.d.ts +5 -1
- package/dist/src/molecules/closeButton/closeButton.d.ts +1 -1
- package/dist/src/molecules/dialog/dialog.d.ts +2 -1
- package/dist/src/molecules/input/input.d.ts +0 -1
- package/dist/src/molecules/select/components/option.d.ts +6 -6
- package/dist/src/stories/atoms/Icons.stories.d.ts +2 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -6949,14 +6949,14 @@ var Close = function (_a) {
|
|
|
6949
6949
|
strokeLinejoin: "round",
|
|
6950
6950
|
strokeLinecap: "round",
|
|
6951
6951
|
strokeMiterlimit: "10",
|
|
6952
|
-
strokeWidth: "
|
|
6952
|
+
strokeWidth: "2",
|
|
6953
6953
|
stroke: getIconColor(primaryColor, entity),
|
|
6954
6954
|
d: "M2 2L22 22"
|
|
6955
6955
|
}), jsx("path", {
|
|
6956
6956
|
strokeLinejoin: "round",
|
|
6957
6957
|
strokeLinecap: "round",
|
|
6958
6958
|
strokeMiterlimit: "10",
|
|
6959
|
-
strokeWidth: "
|
|
6959
|
+
strokeWidth: "2",
|
|
6960
6960
|
stroke: getIconColor(primaryColor, entity),
|
|
6961
6961
|
d: "M22 2L2 22"
|
|
6962
6962
|
}));
|
|
@@ -10477,6 +10477,50 @@ var ClearPanel = function (_a) {
|
|
|
10477
10477
|
}));
|
|
10478
10478
|
};
|
|
10479
10479
|
|
|
10480
|
+
var ViewCarousel = function (_a) {
|
|
10481
|
+
var primaryColor = _a.primaryColor,
|
|
10482
|
+
onClick = _a.onClick,
|
|
10483
|
+
size = _a.size,
|
|
10484
|
+
entity = _a.entity;
|
|
10485
|
+
return jsx("svg", {
|
|
10486
|
+
width: getIconSize(size, entity),
|
|
10487
|
+
height: getIconSize(size, entity),
|
|
10488
|
+
fill: getIconColor(primaryColor, entity),
|
|
10489
|
+
viewBox: " 0 0 24 24",
|
|
10490
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10491
|
+
onClick: function () {
|
|
10492
|
+
return onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
10493
|
+
}
|
|
10494
|
+
}, jsx("path", {
|
|
10495
|
+
d: "M 13 22.75 L 11 22.75 C 7.7 22.75 5.71 22.09 5.34 18.74 C 5.28 18.29 5.25 17.75 5.25 17 L 5.25 7 C 5.25 6.25 5.28 5.71 5.35 5.23 C 5.71 1.91 7.7 1.25 11 1.25 L 13 1.25 C 16.3 1.25 18.29 1.91 18.66 5.26 C 18.72 5.71 18.75 6.25 18.75 7 L 18.75 17 C 18.75 17.75 18.72 18.29 18.65 18.77 C 18.29 22.09 16.3 22.75 13 22.75 Z M 11 2.75 C 7.69 2.75 7.06 3.42 6.84 5.42 C 6.78 5.85 6.75 6.32 6.75 7 L 6.75 17 C 6.75 17.68 6.78 18.15 6.83 18.55 C 7.05 20.58 7.69 21.25 11 21.25 L 13 21.25 C 16.31 21.25 16.94 20.58 17.16 18.58 C 17.22 18.16 17.25 17.68 17.25 17 L 17.25 7 C 17.25 6.33 17.22 5.85 17.17 5.45 C 16.95 3.42 16.31 2.75 13 2.75 Z",
|
|
10496
|
+
fill: getIconColor(primaryColor, entity)
|
|
10497
|
+
}), jsx("path", {
|
|
10498
|
+
d: "M 5.67 19.42 L 5.33 19.42 C 2.24 19.42 1.25 18.43 1.25 15.33 L 1.25 8.67 C 1.25 5.57 2.24 4.58 5.33 4.58 L 5.67 4.58 C 5.84 4.58 5.98 4.58 6.14 4.59 C 6.35 4.6 6.54 4.7 6.67 4.87 C 6.8 5.04 6.86 5.24 6.83 5.45 C 6.78 5.85 6.75 6.32 6.75 7 L 6.75 17 C 6.75 17.68 6.78 18.15 6.83 18.55 C 6.86 18.76 6.8 18.97 6.67 19.13 C 6.54 19.29 6.35 19.39 6.14 19.41 C 5.98 19.42 5.84 19.42 5.67 19.42 Z M 5.27 6.08 C 3.08 6.09 2.75 6.44 2.75 8.67 L 2.75 15.33 C 2.75 17.56 3.08 17.91 5.27 17.92 C 5.26 17.65 5.25 17.35 5.25 17 L 5.25 7 C 5.25 6.65 5.26 6.35 5.27 6.08 Z M 18.67 19.42 L 18.33 19.42 C 18.16 19.42 18.02 19.42 17.86 19.41 C 17.65 19.4 17.456 19.298 17.33 19.13 C 17.198 18.967 17.14 18.757 17.17 18.55 C 17.23 18.15 17.25 17.67 17.25 17 L 17.25 7 C 17.25 6.33 17.22 5.85 17.17 5.45 C 17.14 5.24 17.2 5.03 17.33 4.87 C 17.46 4.71 17.65 4.61 17.86 4.59 C 18.02 4.58 18.16 4.58 18.33 4.58 L 18.67 4.58 C 21.76 4.58 22.75 5.57 22.75 8.67 L 22.75 15.33 C 22.75 18.43 21.76 19.42 18.67 19.42 Z M 18.73 6.08 C 18.74 6.35 18.75 6.65 18.75 7 L 18.75 17 C 18.75 17.35 18.74 17.65 18.73 17.92 C 20.92 17.91 21.25 17.56 21.25 15.33 L 21.25 8.67 C 21.25 6.44 20.92 6.09 18.73 6.08 Z",
|
|
10499
|
+
fill: getIconColor(primaryColor, entity)
|
|
10500
|
+
}));
|
|
10501
|
+
};
|
|
10502
|
+
|
|
10503
|
+
var ViewSinglePanel = function (_a) {
|
|
10504
|
+
var primaryColor = _a.primaryColor,
|
|
10505
|
+
onClick = _a.onClick,
|
|
10506
|
+
size = _a.size,
|
|
10507
|
+
entity = _a.entity;
|
|
10508
|
+
return jsx("svg", {
|
|
10509
|
+
width: getIconSize(size, entity),
|
|
10510
|
+
height: getIconSize(size, entity),
|
|
10511
|
+
fill: getIconColor(primaryColor, entity),
|
|
10512
|
+
viewBox: " 0 0 24 24",
|
|
10513
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10514
|
+
onClick: function () {
|
|
10515
|
+
return onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
10516
|
+
}
|
|
10517
|
+
}, jsx("path", {
|
|
10518
|
+
d: "M 15.75 21.5 L 5.75 21.5 C 2.1 21.5 0 19.4 0 15.75 L 0 10.75 C 0 7.1 2.1 5 5.75 5 L 15.75 5 C 19.4 5 21.5 7.1 21.5 10.75 L 21.5 15.75 C 21.5 19.4 19.4 21.5 15.75 21.5 Z M 5.75 6.5 C 2.89 6.5 1.5 7.89 1.5 10.75 L 1.5 15.75 C 1.5 18.61 2.89 20 5.75 20 L 15.75 20 C 18.61 20 20 18.61 20 15.75 L 20 10.75 C 20 7.89 18.61 6.5 15.75 6.5 Z M 16.75 4 L 4.75 4 C 4.34 4 4 3.66 4 3.25 C 4 2.84 4.34 2.5 4.75 2.5 L 16.75 2.5 C 17.16 2.5 17.5 2.84 17.5 3.25 C 17.5 3.66 17.16 4 16.75 4 Z M 13.75 1.5 L 7.75 1.5 C 7.34 1.5 7 1.16 7 0.75 C 7 0.34 7.34 0 7.75 0 L 13.75 0 C 14.16 0 14.5 0.34 14.5 0.75 C 14.5 1.16 14.16 1.5 13.75 1.5 Z",
|
|
10519
|
+
transform: "translate(1.25 1.25) rotate(90 10.75 10.75)",
|
|
10520
|
+
fill: getIconColor(primaryColor, entity)
|
|
10521
|
+
}));
|
|
10522
|
+
};
|
|
10523
|
+
|
|
10480
10524
|
var Icon = function (_a) {
|
|
10481
10525
|
var primaryColor = _a.primaryColor,
|
|
10482
10526
|
secondaryColor = _a.secondaryColor,
|
|
@@ -10817,6 +10861,12 @@ var Icon = function (_a) {
|
|
|
10817
10861
|
|
|
10818
10862
|
case 'clearPanel':
|
|
10819
10863
|
return jsx(ClearPanel, props);
|
|
10864
|
+
|
|
10865
|
+
case 'viewCarousel':
|
|
10866
|
+
return jsx(ViewCarousel, props);
|
|
10867
|
+
|
|
10868
|
+
case 'viewSinglePanel':
|
|
10869
|
+
return jsx(ViewSinglePanel, props);
|
|
10820
10870
|
}
|
|
10821
10871
|
};
|
|
10822
10872
|
|
|
@@ -11997,10 +12047,16 @@ var VStack = function (_a) {
|
|
|
11997
12047
|
alignItems = _a.alignItems,
|
|
11998
12048
|
alignContent = _a.alignContent,
|
|
11999
12049
|
inset = _a.inset,
|
|
12000
|
-
outset = _a.outset
|
|
12050
|
+
outset = _a.outset,
|
|
12051
|
+
_b = _a.width,
|
|
12052
|
+
width = _b === void 0 ? '100%' : _b,
|
|
12053
|
+
height = _a.height,
|
|
12054
|
+
overflow = _a.overflow;
|
|
12001
12055
|
return jsx(Div, {
|
|
12002
12056
|
display: "grid",
|
|
12003
|
-
width:
|
|
12057
|
+
width: width,
|
|
12058
|
+
height: height,
|
|
12059
|
+
overflow: overflow,
|
|
12004
12060
|
rowGap: gap,
|
|
12005
12061
|
justifyContent: justifyContent,
|
|
12006
12062
|
alignContent: alignContent,
|
|
@@ -13519,8 +13575,7 @@ var Input = function (_a) {
|
|
|
13519
13575
|
isMaxLengthHit = _a.isMaxLengthHit,
|
|
13520
13576
|
onMaxLengthCap = _a.onMaxLengthCap,
|
|
13521
13577
|
id = _a.id,
|
|
13522
|
-
onBlur = _a.onBlur
|
|
13523
|
-
title = _a.title;
|
|
13578
|
+
onBlur = _a.onBlur;
|
|
13524
13579
|
|
|
13525
13580
|
var _m = useState(0),
|
|
13526
13581
|
longPressTime = _m[0],
|
|
@@ -13770,7 +13825,7 @@ var Input = function (_a) {
|
|
|
13770
13825
|
css: styles$v.numberInputButtons(isDisabled),
|
|
13771
13826
|
zIndex: 1
|
|
13772
13827
|
}, jsx(Div, _extends({
|
|
13773
|
-
id:
|
|
13828
|
+
id: id ? id.toLowerCase() + "-up" : undefined
|
|
13774
13829
|
}, incrementEvent, {
|
|
13775
13830
|
display: "flex",
|
|
13776
13831
|
alignItems: "center",
|
|
@@ -13781,7 +13836,7 @@ var Input = function (_a) {
|
|
|
13781
13836
|
primaryColor: 'primaryBodyText',
|
|
13782
13837
|
size: 'xSmall'
|
|
13783
13838
|
})), jsx(Div, _extends({
|
|
13784
|
-
id:
|
|
13839
|
+
id: id ? id.toLowerCase() + "-down" : undefined
|
|
13785
13840
|
}, decrementEvent, {
|
|
13786
13841
|
display: "flex",
|
|
13787
13842
|
alignItems: "center",
|
|
@@ -13898,7 +13953,8 @@ var Dialog = function (_a) {
|
|
|
13898
13953
|
maxHeight = _a.maxHeight,
|
|
13899
13954
|
children = _a.children,
|
|
13900
13955
|
bgElementSelector = _a.bgElementSelector,
|
|
13901
|
-
|
|
13956
|
+
isFullScreen = _a.isFullScreen,
|
|
13957
|
+
closeButtonId = _a.closeButtonId;
|
|
13902
13958
|
var dialog = useEntities().dialog;
|
|
13903
13959
|
var dialogVariants = {
|
|
13904
13960
|
open: {
|
|
@@ -13937,10 +13993,12 @@ var Dialog = function (_a) {
|
|
|
13937
13993
|
vertical: 'x0',
|
|
13938
13994
|
horizontal: 'x1'
|
|
13939
13995
|
} : 'x0',
|
|
13940
|
-
maxWidth: maxWidth,
|
|
13941
|
-
maxHeight: maxHeight
|
|
13996
|
+
maxWidth: isFullScreen ? '' : maxWidth,
|
|
13997
|
+
maxHeight: maxHeight,
|
|
13998
|
+
width: isFullScreen ? '100%' : '',
|
|
13999
|
+
height: isFullScreen ? 'calc(100vh - 16px )' : ''
|
|
13942
14000
|
}, children, onClose && jsx(CloseButton, {
|
|
13943
|
-
|
|
14001
|
+
id: closeButtonId,
|
|
13944
14002
|
onClose: onClose
|
|
13945
14003
|
}))));
|
|
13946
14004
|
};
|
|
@@ -14554,9 +14612,9 @@ var CloseButton = function (_a) {
|
|
|
14554
14612
|
top = _a.top,
|
|
14555
14613
|
right = _a.right,
|
|
14556
14614
|
size = _a.size,
|
|
14557
|
-
|
|
14615
|
+
id = _a.id;
|
|
14558
14616
|
return jsx(Span, {
|
|
14559
|
-
id:
|
|
14617
|
+
id: id ? id.toLowerCase() + "-close-button" : undefined,
|
|
14560
14618
|
onClick: onClose,
|
|
14561
14619
|
css: styles$p.closeButtonContainer(top, right),
|
|
14562
14620
|
display: "flex",
|
|
@@ -14565,12 +14623,12 @@ var CloseButton = function (_a) {
|
|
|
14565
14623
|
inset: "x1",
|
|
14566
14624
|
borderRadius: 'default',
|
|
14567
14625
|
boxShadow: 'mediumLight',
|
|
14568
|
-
backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : '
|
|
14626
|
+
backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : '#424242e0',
|
|
14569
14627
|
position: "absolute",
|
|
14570
14628
|
cursor: "pointer"
|
|
14571
14629
|
}, jsx(Icon, {
|
|
14572
14630
|
name: 'close',
|
|
14573
|
-
primaryColor: fill !== null && fill !== void 0 ? fill : '
|
|
14631
|
+
primaryColor: fill !== null && fill !== void 0 ? fill : 'inverseHeadingText',
|
|
14574
14632
|
size: size !== null && size !== void 0 ? size : 'xSmall'
|
|
14575
14633
|
}));
|
|
14576
14634
|
};
|
|
@@ -14592,14 +14650,14 @@ var Loader = function (_a) {
|
|
|
14592
14650
|
}, children);
|
|
14593
14651
|
};
|
|
14594
14652
|
|
|
14595
|
-
var _emotionSourceMap3$7 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14653
|
+
var _emotionSourceMap3$7 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSkpLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCwgZHJhd2VyRW50aXR5LmJhY2tncm91bmRDb2xvcik7IH0sXHJcbiAgICBjaGlsZENvbnRhaW5lcjogZnVuY3Rpb24gKHNob3VsZEhpZGVTY3JvbGwpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICB9XFxuICAgIHNjcm9sbGJhci13aWR0aDogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIH1cXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBcIiwgXCI7XFxuICBcIl0pKSwgc2hvdWxkSGlkZVNjcm9sbCA/ICcwcHgnIDogdW5kZWZpbmVkLCBzaG91bGRIaWRlU2Nyb2xsID8gJ3RyYW5zcGFyZW50JyA6IHVuZGVmaW5lZCwgc2hvdWxkSGlkZVNjcm9sbCA/ICdub25lJyA6ICdpbml0aWFsJyk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMyB8fCAodGVtcGxhdGVPYmplY3RfMyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yLCB0ZW1wbGF0ZU9iamVjdF8zO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
14596
14654
|
|
|
14597
|
-
var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14655
|
+
var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJeUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSkpLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCwgZHJhd2VyRW50aXR5LmJhY2tncm91bmRDb2xvcik7IH0sXHJcbiAgICBjaGlsZENvbnRhaW5lcjogZnVuY3Rpb24gKHNob3VsZEhpZGVTY3JvbGwpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICB9XFxuICAgIHNjcm9sbGJhci13aWR0aDogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIH1cXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBcIiwgXCI7XFxuICBcIl0pKSwgc2hvdWxkSGlkZVNjcm9sbCA/ICcwcHgnIDogdW5kZWZpbmVkLCBzaG91bGRIaWRlU2Nyb2xsID8gJ3RyYW5zcGFyZW50JyA6IHVuZGVmaW5lZCwgc2hvdWxkSGlkZVNjcm9sbCA/ICdub25lJyA6ICdpbml0aWFsJyk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMyB8fCAodGVtcGxhdGVPYmplY3RfMyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yLCB0ZW1wbGF0ZU9iamVjdF8zO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
14598
14656
|
|
|
14599
|
-
var _emotionSourceMap$p = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14657
|
+
var _emotionSourceMap$p = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0UiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gIFwiXSkpLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCwgZHJhd2VyRW50aXR5LmJhY2tncm91bmRDb2xvcik7IH0sXHJcbiAgICBjaGlsZENvbnRhaW5lcjogZnVuY3Rpb24gKHNob3VsZEhpZGVTY3JvbGwpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICB9XFxuICAgIHNjcm9sbGJhci13aWR0aDogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIH1cXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBcIiwgXCI7XFxuICBcIl0pKSwgc2hvdWxkSGlkZVNjcm9sbCA/ICcwcHgnIDogdW5kZWZpbmVkLCBzaG91bGRIaWRlU2Nyb2xsID8gJ3RyYW5zcGFyZW50JyA6IHVuZGVmaW5lZCwgc2hvdWxkSGlkZVNjcm9sbCA/ICdub25lJyA6ICdpbml0aWFsJyk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMyB8fCAodGVtcGxhdGVPYmplY3RfMyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yLCB0ZW1wbGF0ZU9iamVjdF8zO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
14600
14658
|
var styles$o = {
|
|
14601
14659
|
drawerContainer: function (location, drawerEntity) {
|
|
14602
|
-
return /*#__PURE__*/css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n background: ", ";\n " + _emotionSourceMap$p], ["\n display: flex;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n background: ", ";\n " + _emotionSourceMap$p])), location === 'left' && 0, location === 'right' && 0, location === 'top' && 0, location === 'bottom' && 0, drawerEntity.backgroundColor);
|
|
14660
|
+
return /*#__PURE__*/css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n background: ", ";\n " + _emotionSourceMap$p], ["\n display: flex;\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n background: ", ";\n " + _emotionSourceMap$p])), location === 'left' && 0, location === 'right' && 0, location === 'top' && 0, location === 'bottom' && 0, drawerEntity.backgroundColor);
|
|
14603
14661
|
},
|
|
14604
14662
|
childContainer: function (shouldHideScroll) {
|
|
14605
14663
|
return /*#__PURE__*/css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: ", ";\n background: ", ";\n }\n scrollbar-width: ", ";\n " + _emotionSourceMap2$e], ["\n ::-webkit-scrollbar {\n width: ", ";\n background: ", ";\n }\n scrollbar-width: ", ";\n " + _emotionSourceMap2$e])), shouldHideScroll ? '0px' : undefined, shouldHideScroll ? 'transparent' : undefined, shouldHideScroll ? 'none' : 'initial');
|
|
@@ -18892,7 +18950,6 @@ var IncrementSetting = function (_a) {
|
|
|
18892
18950
|
orientation: "horizontal",
|
|
18893
18951
|
space: layout === 'inline' ? 'x3' : 'x0'
|
|
18894
18952
|
}), jsx(Input, {
|
|
18895
|
-
title: title,
|
|
18896
18953
|
type: "number",
|
|
18897
18954
|
value: value.toString(),
|
|
18898
18955
|
onChange: function (value) {
|
|
@@ -20949,7 +21006,7 @@ var ReleaseNoteDialog = function (_a) {
|
|
|
20949
21006
|
_d = _a.maxHeight,
|
|
20950
21007
|
maxHeight = _d === void 0 ? 500 : _d;
|
|
20951
21008
|
return jsx(Dialog, {
|
|
20952
|
-
|
|
21009
|
+
closeButtonId: versionTitle,
|
|
20953
21010
|
isOpen: isOpen,
|
|
20954
21011
|
onClose: onClose
|
|
20955
21012
|
}, jsx(Flex, {
|
|
@@ -11,7 +11,7 @@ export declare type SVGProps = {
|
|
|
11
11
|
entity: IconsEntity;
|
|
12
12
|
orientation?: orientation;
|
|
13
13
|
};
|
|
14
|
-
export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel';
|
|
14
|
+
export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel' | 'viewCarousel' | 'viewSinglePanel';
|
|
15
15
|
export declare type IconProps = {
|
|
16
16
|
name: IconType;
|
|
17
17
|
} & Omit<SVGProps, 'entity'>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { HOCSpacingKeys, Responsive, SpacingDirection, LiteralUnion } from "../../helpers/hoc-types/entityValueTypes";
|
|
3
|
-
import { CSSGridBaseValues } from "../../helpers/hoc-types/cssValueTypes";
|
|
3
|
+
import { CSSGridBaseValues, Overflow } from "../../helpers/hoc-types/cssValueTypes";
|
|
4
|
+
import { Width, Height } from "../../helpers/hoc-types/hocBaseUnion";
|
|
4
5
|
export declare type VStackProps = {
|
|
5
6
|
gap: HOCSpacingKeys;
|
|
6
7
|
justifyContent?: Responsive<CSSGridBaseValues> | CSSGridBaseValues;
|
|
@@ -8,5 +9,8 @@ export declare type VStackProps = {
|
|
|
8
9
|
alignItems?: Responsive<CSSGridBaseValues> | CSSGridBaseValues;
|
|
9
10
|
inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
|
|
10
11
|
outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
|
|
12
|
+
width?: Width;
|
|
13
|
+
height?: Height;
|
|
14
|
+
overflow?: Overflow;
|
|
11
15
|
};
|
|
12
16
|
export declare const VStack: FC<VStackProps>;
|
|
@@ -7,6 +7,7 @@ export declare type DialogProps = {
|
|
|
7
7
|
maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
|
|
8
8
|
maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
|
|
9
9
|
bgElementSelector?: string;
|
|
10
|
-
|
|
10
|
+
isFullScreen?: boolean;
|
|
11
|
+
closeButtonId?: string;
|
|
11
12
|
};
|
|
12
13
|
export declare const Dialog: FC<DialogProps>;
|
|
@@ -31,21 +31,21 @@ export declare const Option: React.ForwardRefExoticComponent<({
|
|
|
31
31
|
alignment?: "left" | "center" | "right" | undefined;
|
|
32
32
|
onClick?: ((id: number) => void) | undefined;
|
|
33
33
|
isSelected: boolean;
|
|
34
|
-
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
35
|
-
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
34
|
+
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
35
|
+
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
36
36
|
id: number;
|
|
37
37
|
} & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
|
|
38
38
|
alignment?: "left" | "center" | "right" | undefined;
|
|
39
39
|
onClick?: ((id: number) => void) | undefined;
|
|
40
40
|
isSelected: boolean;
|
|
41
|
-
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
42
|
-
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
41
|
+
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
42
|
+
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
43
43
|
id: number;
|
|
44
44
|
} & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
|
|
45
45
|
alignment?: "left" | "center" | "right" | undefined;
|
|
46
46
|
onClick?: ((id: number) => void) | undefined;
|
|
47
47
|
isSelected: boolean;
|
|
48
|
-
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
49
|
-
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | undefined;
|
|
48
|
+
graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
49
|
+
icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
|
|
50
50
|
id: number;
|
|
51
51
|
} & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;
|
|
@@ -99,6 +99,8 @@ export declare const UppercaseText: any;
|
|
|
99
99
|
export declare const User: any;
|
|
100
100
|
export declare const UserSuccess: any;
|
|
101
101
|
export declare const View: any;
|
|
102
|
+
export declare const ViewCarousel: any;
|
|
102
103
|
export declare const ViewPanels: any;
|
|
104
|
+
export declare const ViewSinglePanel: any;
|
|
103
105
|
export declare const Wand: any;
|
|
104
106
|
export declare const Youtube: any;
|