sag_components 1.0.852 → 1.0.855

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 (4) hide show
  1. package/dist/stories/components/BannerEventBoxList.js +5 -3
  2. package/dist/stories/components/BannerEventBoxList.style.js +6 -5
  3. package/dist/stories/components/TopToggleList.style.js +1 -1
  4. package/package.json +1 -1
package/dist/stories/components/BannerEventBoxList.js CHANGED
@@ -28,6 +28,7 @@ const BannerEventBoxList = props => {
28
28
  toggleColor,
29
29
  cardsContent,
30
30
  children,
31
+ linkText,
31
32
  disableToggle,
32
33
  bannerWidth
33
34
  } = props;
@@ -56,16 +57,16 @@ const BannerEventBoxList = props => {
56
57
  className: className
57
58
  }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemContainer, {
58
59
  onClick: () => handleToggle()
59
- }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainDetails, null, !cardsContent && bannersIcon(), !cardsContent ? /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.SubDetails, null, eventType, ' ', "|", ' ', eventName) : ' '), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
60
+ }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainDetails, null, !cardsContent && bannersIcon(), !cardsContent ? /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.SubDetails, null, eventName, ' ', "| Product Name:", ' ', /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ProductName, null, eventType)) : ' '), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
60
61
  disabled: disableToggle,
61
- text: "Event Info",
62
+ text: linkText,
62
63
  leftIcon: "info",
63
64
  rightIcon: "arrowdown",
64
65
  textColor: toggleColor,
65
66
  color: toggleColor
66
67
  }) : /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
67
68
  disabled: disableToggle,
68
- text: "Event Info",
69
+ text: linkText,
69
70
  leftIcon: "info",
70
71
  rightIcon: "arrowright",
71
72
  textColor: toggleColor,
@@ -127,6 +128,7 @@ BannerEventBoxList.defaultProps = {
127
128
  retailer: 'StopAndShop',
128
129
  retailerFile: () => {},
129
130
  cardsContent: true,
131
+ linkText: 'Event Info',
130
132
  disableToggle: true,
131
133
  children: null,
132
134
  bannerWidth: 'auto'
package/dist/stories/components/BannerEventBoxList.style.js CHANGED
@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ToggleContainer = exports.SubDetails = exports.MainDetails = exports.MainContainer = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
7
+ exports.ToggleContainer = exports.SubDetails = exports.ProductName = exports.MainDetails = exports.MainContainer = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
11
11
  const CollapseMenuItemMainContainer = exports.CollapseMenuItemMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n background: white;\n padding: 20px 24px;\n box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.2);\n"])));
12
12
  const CollapseMenuItemContainer = exports.CollapseMenuItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n"])));
13
13
  const MainDetails = exports.MainDetails = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 16px;\n padding-left: 20px;\n"])));
14
14
  const SubDetails = exports.SubDetails = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 16px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
15
- const ToggleContainer = exports.ToggleContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n cursor: 'pointer';\n display: flex;\n align-items: center;\n"])));
16
- const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin-top: 12px;\n border-top: 1px solid #D0D0D0;\n @media (max-width: 1536px) {\n font-size: 12px;\n }\n"])));
17
- const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n display: flex;\n gap: 20px;\n padding: 20px 0 4px;\n"])), props => props.width, props => props.height);
15
+ const ProductName = exports.ProductName = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n color: #8B8989;\n"])));
16
+ const ToggleContainer = exports.ToggleContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n cursor: 'pointer';\n display: flex;\n align-items: center;\n"])));
17
+ const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin-top: 12px;\n border-top: 1px solid #D0D0D0;\n @media (max-width: 1536px) {\n font-size: 12px;\n }\n"])));
18
+ const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n display: flex;\n gap: 20px;\n padding: 20px 0 4px;\n"])), props => props.width, props => props.height);
package/dist/stories/components/TopToggleList.style.js CHANGED
@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
11
11
  const scrollableStyles = "\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: #E8E8E8;\n border-radius: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #D0D0D0;\n border-radius: 5px;\n }\n";
12
12
  const TopToggleListMainContainer = exports.TopToggleListMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Lato\", sans-serif;\n color: #212121;\n padding: 0 24px;\n width: ", ";\n"])), props => props.width);
13
- const Title = exports.Title = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 12px;\n"])));
13
+ const Title = exports.Title = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 600;\n margin: 20px 0 12px;\n"])));
14
14
  const ListContainer = exports.ListContainer = _styledComponents.default.ul(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: ", ";\n padding: 0;\n margin: 0;\n list-style-type: none;\n ", "\n"])), props => props.height, scrollableStyles);
15
15
  const ListItem = exports.ListItem = _styledComponents.default.li(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n padding: 20px 0;\n border-bottom: 1px solid #F3F4F6;\n"])));
16
16
  const Item = exports.Item = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 400;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.852",
3
+ "version": "1.0.855",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {