pds-dev-kit-web-test 2.7.208 → 2.7.209

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.
Files changed (3) hide show
  1. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -2
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +23 -14
  3. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED
@@ -4575,9 +4575,9 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4575
4575
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE': null,
4576
4576
  CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR: '#0E0104F5',
4577
4577
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE': null,
4578
- CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE: 'MEDIUM',
4578
+ CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE: 'SMALL',
4579
4579
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE:MOBILE': null,
4580
- CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: 'DESIGN1',
4580
+ CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: 'DESIGN15',
4581
4581
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE:MOBILE': null
4582
4582
  },
4583
4583
  CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD: {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js CHANGED
@@ -64,9 +64,9 @@ var CustomPagination = function (_a) {
64
64
  case 'DESIGN2':
65
65
  return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: "/ ".concat(total) }))] })));
66
66
  case 'DESIGN3':
67
- return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
67
+ return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor, style: { height: size } }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
68
68
  case 'DESIGN4':
69
- return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
69
+ return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "8px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor, style: { height: size } }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
70
70
  case 'DESIGN5':
71
71
  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: iconSize, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: {
72
72
  marginLeft: '8px',
@@ -80,7 +80,7 @@ var CustomPagination = function (_a) {
80
80
  color: styles.primaryColor || 'inherit'
81
81
  }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, 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: iconSize }) }))] })));
82
82
  case 'DESIGN7':
83
- 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: iconSize, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL" }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, 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: iconSize, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
83
+ 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: iconSize, colorKey: "ui_cpnt_icon_sys_dark" }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor, style: { height: size } }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, 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: iconSize, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
84
84
  case 'DESIGN8':
85
85
  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: size === 16 ? 16 : 32 }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, styleTheme: "body2Bold", style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "VERTICAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, 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: iconSize }) }))] })));
86
86
  case 'DESIGN9':
@@ -88,7 +88,7 @@ var CustomPagination = function (_a) {
88
88
  paddingLeft: '8px',
89
89
  paddingRight: '8px',
90
90
  color: styles.primaryColor || 'inherit'
91
- }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL" }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
91
+ }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL", color: styles.secondaryColor, style: { width: size } }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
92
92
  case 'DESIGN10':
93
93
  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({ size: size, style: {
94
94
  paddingLeft: '8px',
@@ -96,17 +96,17 @@ var CustomPagination = function (_a) {
96
96
  color: styles.primaryColor || 'inherit'
97
97
  }, styleTheme: "body2Bold" }, { children: current })), (0, jsx_runtime_1.jsx)(S_Divider, { type: "HORIZONTAL", color: styles.secondaryColor }), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ size: size, style: { opacity: 0.6 }, styleTheme: "body2Regular" }, { children: total }))] })));
98
98
  case 'DESIGN11':
99
- 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: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
99
+ 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, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
100
100
  case 'DESIGN12':
101
- 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: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
101
+ 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, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
102
102
  case 'DESIGN13':
103
- return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ direction: "column", gap: "12px", style: { color: styles.secondaryColor || 'inherit' } }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Dot, { color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
103
+ return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ direction: "column", gap: "12px", style: { color: styles.secondaryColor || 'inherit' } }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Dot, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
104
104
  case 'DESIGN14':
105
- return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ direction: "column", gap: "12px", style: { color: styles.secondaryColor || 'inherit' } }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Dot, { color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
105
+ return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ direction: "column", gap: "12px", style: { color: styles.secondaryColor || 'inherit' } }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Dot, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
106
106
  case 'DESIGN15':
107
- 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_Bar, { color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
107
+ 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_Bar, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
108
108
  case 'DESIGN16':
109
- 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_Bar, { color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
109
+ 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_Bar, { size: size, color: index + 1 === current ? styles.primaryColor : styles.secondaryColor, isActive: index + 1 === current, onClick: function () { return onBulletClick(index); } }, index)); }) })));
110
110
  default:
111
111
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
112
112
  }
@@ -126,7 +126,7 @@ var FlexBox = styled_components_1.default.div(templateObject_1 || (templateObjec
126
126
  var _b = _a.justifyContent, justifyContent = _b === void 0 ? 'center' : _b;
127
127
  return justifyContent;
128
128
  });
129
- var S_Pagination = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 120px;\n padding: 5px;\n"], ["\n max-width: 120px;\n padding: 5px;\n"])));
129
+ var S_Pagination = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* max-width: 120px; */\n padding: 5px;\n"], ["\n /* max-width: 120px; */\n padding: 5px;\n"])));
130
130
  var body2Bold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), function (_a) {
131
131
  var theme = _a.theme;
132
132
  return theme.desktopFontSize.body2;
@@ -173,15 +173,24 @@ var S_Divider = styled_components_1.default.div(templateObject_8 || (templateObj
173
173
  var type = _a.type;
174
174
  return (type === 'VERTICAL' ? verticalDivider : horizontalDivider);
175
175
  });
176
- var S_Dot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: 8px;\n width: 8px;\n"], ["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: 8px;\n width: 8px;\n"])), function (_a) {
176
+ var S_Dot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: ", "px;\n width: ", "px;\n"], ["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: ", "px;\n width: ", "px;\n"])), function (_a) {
177
177
  var color = _a.color;
178
178
  return color;
179
+ }, function (_a) {
180
+ var size = _a.size;
181
+ return size;
182
+ }, function (_a) {
183
+ var size = _a.size;
184
+ return size;
179
185
  });
180
- var S_Bar = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n cursor: pointer;\n height: 2px;\n width: 40px;\n"], ["\n background-color: ", ";\n cursor: pointer;\n height: 2px;\n width: 40px;\n"])), function (_a) {
186
+ var S_Bar = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n cursor: pointer;\n height: 2px;\n width: ", "px;\n"], ["\n background-color: ", ";\n cursor: pointer;\n height: 2px;\n width: ", "px;\n"])), function (_a) {
181
187
  var color = _a.color;
182
188
  return color;
189
+ }, function (_a) {
190
+ var size = _a.size;
191
+ return size;
183
192
  });
184
- var S_Pointer = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n cursor: ", ";\n height: 16px;\n opacity: ", ";\n"], ["\n cursor: ", ";\n height: 16px;\n opacity: ", ";\n"])), function (_a) {
193
+ var S_Pointer = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n cursor: ", ";\n display: flex;\n justify-content: center;\n opacity: ", ";\n"], ["\n align-items: center;\n cursor: ", ";\n display: flex;\n justify-content: center;\n opacity: ", ";\n"])), function (_a) {
185
194
  var disabled = _a.disabled;
186
195
  return (disabled ? 'not-allowed' : 'pointer');
187
196
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.208",
3
+ "version": "2.7.209",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",