pds-dev-kit-web-test 2.6.27 → 2.6.28
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.
@@ -50,25 +50,25 @@ var CustomPagination = function (_a) {
|
|
50
50
|
case 'NONE':
|
51
51
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
52
52
|
case 'DESIGN1':
|
53
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) }))] })));
|
53
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) }))] })));
|
54
54
|
case 'DESIGN2':
|
55
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) }))] })));
|
55
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) }))] })));
|
56
56
|
case 'DESIGN3':
|
57
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color:
|
57
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
|
58
58
|
case 'DESIGN4':
|
59
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color:
|
59
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
|
60
60
|
case 'DESIGN5':
|
61
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_left", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginLeft: '8px', marginRight: '4px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
|
61
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_left", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginLeft: '8px', marginRight: '4px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
|
62
62
|
case 'DESIGN6':
|
63
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_left", size: 16 }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginLeft: '8px', marginRight: '4px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", size: 16 }) }))] })));
|
63
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_left", size: 16 }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginLeft: '8px', marginRight: '4px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: 16 }) }))] })));
|
64
64
|
case 'DESIGN7':
|
65
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_left", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL" }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
|
65
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_left", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL" }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: 16, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
|
66
66
|
case 'DESIGN8':
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_left", size: 16 }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color:
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevBtnClick, disabled: isPrevBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_left", size: 16 }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: 16 }) }))] })));
|
68
68
|
case 'DESIGN9':
|
69
69
|
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ direction: "column", gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { paddingLeft: '8px', paddingRight: '8px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL" }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
|
70
70
|
case 'DESIGN10':
|
71
|
-
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ direction: "column", gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { paddingLeft: '8px', paddingRight: '8px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL", color:
|
71
|
+
return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ direction: "column", gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { paddingLeft: '8px', paddingRight: '8px' }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
|
72
72
|
case 'DESIGN11':
|
73
73
|
return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Dot, { color: "DARK", isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
|
74
74
|
case 'DESIGN12':
|
@@ -141,7 +141,7 @@ var verticalDivider = (0, styled_components_1.css)(templateObject_8 || (template
|
|
141
141
|
var horizontalDivider = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 1px;\n width: 100%;\n"], ["\n height: 1px;\n width: 100%;\n"])));
|
142
142
|
var S_Divider = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n opacity: 0.6;\n ", ";\n"], ["\n background-color: ", ";\n opacity: 0.6;\n ", ";\n"])), function (_a) {
|
143
143
|
var color = _a.color;
|
144
|
-
return
|
144
|
+
return color;
|
145
145
|
}, function (_a) {
|
146
146
|
var type = _a.type;
|
147
147
|
return (type === 'VERTICAL' ? verticalDivider : horizontalDivider);
|