sag_components 1.0.563 → 1.0.565

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 (13) hide show
  1. package/dist/stories/components/BarChartsByWeeks.js +3 -1
  2. package/dist/stories/components/FilterButton.js +47 -0
  3. package/dist/stories/components/FilterButton.style.js +12 -0
  4. package/dist/stories/components/FilterPanel.js +1 -1
  5. package/dist/stories/components/ProductsVariety.js +92 -0
  6. package/dist/stories/components/ProductsVariety.style.js +21 -0
  7. package/dist/stories/components/SearchInput.js +36 -0
  8. package/dist/stories/components/SearchInput.style.js +12 -0
  9. package/dist/stories/components/icons/FilterIcon.js +27 -0
  10. package/dist/stories/components/icons/MenuItemUpIcon.js +28 -0
  11. package/dist/stories/components/icons/SearchIcon.js +27 -0
  12. package/dist/stories/components/icons/SpotlightProductIcon.js +28 -0
  13. package/package.json +1 -1
package/dist/stories/components/BarChartsByWeeks.js CHANGED
@@ -29,6 +29,7 @@ const BarChartsByWeeks = props => {
29
29
  yAxisCounter,
30
30
  isPercentValue,
31
31
  interval,
32
+ showLegend,
32
33
  legendData
33
34
  } = props;
34
35
  const [BarChartContainerWidth, setBarChartContainerWidth] = (0, _react.useState)(0);
@@ -146,7 +147,7 @@ const BarChartsByWeeks = props => {
146
147
  maxBarSize: 45,
147
148
  radius: [4, 4, 0, 0],
148
149
  fill: barChartColor
149
- }))))), displayEventWeeksLegendData(), /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.default, {
150
+ }))))), displayEventWeeksLegendData(), showLegend && /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.default, {
150
151
  legendData: legendData
151
152
  })));
152
153
  };
@@ -204,6 +205,7 @@ BarChartsByWeeks.defaultProps = {
204
205
  yAxisCounter: 10,
205
206
  isPercentValue: false,
206
207
  interval: 'preserveEnd',
208
+ showLegend: true,
207
209
  legendData: [{
208
210
  title: 'Sales',
209
211
  iconType: ICON_TYPE_SQUARE,
package/dist/stories/components/FilterButton.js ADDED
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.FilterIconButton = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _FilterButton = require("./FilterButton.style");
10
+ var _FilterIcon = require("./icons/FilterIcon");
11
+ const FilterIconButton = props => {
12
+ const {
13
+ color,
14
+ height,
15
+ buttonText,
16
+ iconWidth,
17
+ iconHeight,
18
+ disabled,
19
+ onButtonClick
20
+ } = props;
21
+ const onClickHandler = event => {
22
+ onButtonClick(event);
23
+ };
24
+ return /*#__PURE__*/_react.default.createElement(_FilterButton.FilterButton, {
25
+ height: height,
26
+ color: color,
27
+ disabled: disabled,
28
+ onClick: event => {
29
+ onClickHandler(event);
30
+ }
31
+ }, /*#__PURE__*/_react.default.createElement(_FilterIcon.FilterIcon, {
32
+ width: iconWidth,
33
+ height: iconHeight,
34
+ color: color
35
+ }), /*#__PURE__*/_react.default.createElement(_FilterButton.SpanText, null, buttonText));
36
+ };
37
+ exports.FilterIconButton = FilterIconButton;
38
+ var _default = exports.default = FilterIconButton;
39
+ FilterIconButton.defaultProps = {
40
+ buttonText: 'Filter',
41
+ height: '40px',
42
+ color: '#212121',
43
+ iconHeight: 12,
44
+ iconWidth: 12,
45
+ disabled: false,
46
+ onButtonClick: () => {}
47
+ };
package/dist/stories/components/FilterButton.style.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SpanText = exports.FilterButton = void 0;
8
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
+ var _templateObject, _templateObject2;
11
+ const FilterButton = exports.FilterButton = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: ", ";\n font-size: 14px;\n font-weight: 400;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: center;\n padding: 8px 18px;\n color: ", ";\n border-radius: 8px;\n border: 1px solid #B1B1B1;\n background: transparent;\n transition: box-shadow 0.3s ease;\n &:hover, &:focus {\n cursor: pointer;\n box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);\n }\n"])), props => props.height, props => props.color);
12
+ const SpanText = exports.SpanText = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n"])));
package/dist/stories/components/FilterPanel.js CHANGED
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _Select = require("./Select");
11
11
  var _Datepicker = require("./Datepicker");
12
- var _SagButton = _interopRequireDefault(require("../components/SagButton"));
12
+ var _SagButton = _interopRequireDefault(require("./SagButton"));
13
13
  var _FilterPanel = require("./FilterPanel.style");
14
14
  //import { FormSelect } from "./CampaignTool/FormSelect";
15
15
 
package/dist/stories/components/ProductsVariety.js ADDED
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _MenuItemOpenIcon = require("./icons/MenuItemOpenIcon");
10
+ var _MenuItemUpIcon = require("./icons/MenuItemUpIcon");
11
+ var _SpotlightProductIcon = require("./icons/SpotlightProductIcon");
12
+ var _ProductsVariety = require("./ProductsVariety.style");
13
+ const ProductsVariety = props => {
14
+ const {
15
+ title,
16
+ subTitle,
17
+ productsData,
18
+ onClick
19
+ } = props;
20
+ const [IsProductsListOpen, setIsProductsListOpen] = (0, _react.useState)(false);
21
+ const [IsAllBannerslistOpen, setIsAllBannerslistOpen] = (0, _react.useState)(false);
22
+ const handleIsProductsListOpen = () => {
23
+ setIsProductsListOpen(!IsProductsListOpen);
24
+ };
25
+ const handleIsAllBannerslistOpen = () => {
26
+ setIsAllBannerslistOpen(!IsAllBannerslistOpen);
27
+ };
28
+ return /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietyMainContainer, {
29
+ id: "ProductsVarietyMainContainer"
30
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietyContainer, {
31
+ id: "ProductsVarietyContainer"
32
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietyTitleContainer, {
33
+ id: "ProductsVarietyTitleContainer"
34
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietyTitle, {
35
+ id: "ProductsVarietyTitle"
36
+ }, title), /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietySubTitle, {
37
+ id: "ProductsVarietySubTitle"
38
+ }, "|"), /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietySubTitle, {
39
+ id: "ProductsVarietySubTitle"
40
+ }, productsData ? productsData === null || productsData === void 0 ? void 0 : productsData.length : ""), /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductButtonContainer, {
41
+ id: "ProductButtonContainer",
42
+ background: "#C7E4FF",
43
+ onClick: e => {
44
+ handleIsAllBannerslistOpen();
45
+ onClick({
46
+ eventName: "onClickAllBannersButton"
47
+ });
48
+ }
49
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.AllBannersButtonTitle, {
50
+ id: "AllBannersButtonTitle"
51
+ }, "All Banners"), IsAllBannerslistOpen ? /*#__PURE__*/_react.default.createElement(_MenuItemUpIcon.MenuItemUpIcon, {
52
+ width: "10px",
53
+ height: "10px",
54
+ color: "#2D8DE7"
55
+ }) : /*#__PURE__*/_react.default.createElement(_MenuItemOpenIcon.MenuItemOpenIcon, {
56
+ width: "10px",
57
+ height: "10px",
58
+ color: "#2D8DE7"
59
+ }))), /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductButtonContainer, {
60
+ id: "ProductButtonContainer"
61
+ //background="#F8CD00"
62
+ ,
63
+ onClick: handleIsProductsListOpen
64
+ }, IsProductsListOpen ? /*#__PURE__*/_react.default.createElement(_MenuItemUpIcon.MenuItemUpIcon, {
65
+ color: "#212121"
66
+ }) : /*#__PURE__*/_react.default.createElement(_MenuItemOpenIcon.MenuItemOpenIcon, {
67
+ color: "#212121"
68
+ }))), IsProductsListOpen && /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsVarietyContentContainer, {
69
+ id: "ProductsVarietyContentContainer"
70
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductsTitle, {
71
+ id: "ProductsTitle"
72
+ }, subTitle), productsData === null || productsData === void 0 ? void 0 : productsData.map(item => /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductContainer, {
73
+ id: "ProductContainer"
74
+ }, /*#__PURE__*/_react.default.createElement(_ProductsVariety.Product, {
75
+ id: "Product"
76
+ }, item.label), item.ShowSpotlightProductButton ? /*#__PURE__*/_react.default.createElement(_ProductsVariety.ProductButtonContainer, {
77
+ id: "ProductButtonContainer",
78
+ background: "#F8CD00",
79
+ onClick: e => {
80
+ onClick({
81
+ eventName: "onClickSpotlightProductButton",
82
+ value: item.value,
83
+ label: item.label
84
+ });
85
+ }
86
+ }, /*#__PURE__*/_react.default.createElement(_SpotlightProductIcon.SpotlightProductIcon, null)) : ""))));
87
+ };
88
+ var _default = exports.default = ProductsVariety;
89
+ ProductsVariety.defaultProps = {
90
+ title: "Products Variety",
91
+ subTitle: "Product Name"
92
+ };
package/dist/stories/components/ProductsVariety.style.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.ProductsVarietyTitleContainer = exports.ProductsVarietyTitle = exports.ProductsVarietySubTitle = exports.ProductsVarietyMainContainer = exports.ProductsVarietyContentContainer = exports.ProductsVarietyContainer = exports.ProductsTitle = exports.ProductContainer = exports.ProductButtonContainer = exports.Product = exports.AllBannersButtonTitle = void 0;
8
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
11
+ const ProductsVarietyMainContainer = exports.ProductsVarietyMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin: 0;\n padding: 10px;\n border-radius: 12px;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n"])));
12
+ const ProductsVarietyContainer = exports.ProductsVarietyContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 10px;\n"])));
13
+ const ProductsVarietyTitleContainer = exports.ProductsVarietyTitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 20px;\n line-height: 25px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin: 10px;\n gap: 15px;\n"])));
14
+ const ProductsVarietyTitle = exports.ProductsVarietyTitle = _styledComponents.default.h3(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 20px;\n\n margin: 0;\n"])));
15
+ const ProductsVarietySubTitle = exports.ProductsVarietySubTitle = _styledComponents.default.h3(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n color: #757171;\n font-weight: 500;\n font-size: 20px;\n margin: 0;\n"])));
16
+ const ProductsVarietyContentContainer = exports.ProductsVarietyContentContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 20px;\n line-height: 25px;\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n margin: 10px;\n padding: 10px 0 0 50px;\n"])));
17
+ const ProductsTitle = exports.ProductsTitle = _styledComponents.default.h3(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 14px;\n //margin: 0 5px 0 10px;\n margin: 10px 0;\n"])));
18
+ const ProductContainer = exports.ProductContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n\n justify-content: flex-start;\n align-items: center;\n border-bottom: 1px solid #00000010;\n width: 50%;\n //border-radius: 12px;\n gap: 20px;\n"])));
19
+ const Product = exports.Product = _styledComponents.default.h3(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n border-radius: 12px;\n"])));
20
+ const ProductButtonContainer = exports.ProductButtonContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: ", ";\n border-radius: 12px;\n height: 25px;\n padding: 0 15px;\n user-select: none;\n &:hover {\n background-color: #f0f0f0;\n cursor: pointer;\n }\n gap: 10px;\n"])), props => props.background || "#ffffff");
21
+ const AllBannersButtonTitle = exports.AllBannersButtonTitle = _styledComponents.default.h3(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n color: #2D8DE7;\n margin: 10px 0;\n"])));
package/dist/stories/components/SearchInput.js ADDED
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _SearchInput = require("./SearchInput.style");
10
+ var _SearchIcon = _interopRequireDefault(require("./icons/SearchIcon"));
11
+ const SearchInput = props => {
12
+ const {
13
+ placeholder,
14
+ onTyping,
15
+ width,
16
+ height
17
+ } = props;
18
+ const handleInputChange = e => {
19
+ onTyping(e);
20
+ };
21
+ return /*#__PURE__*/_react.default.createElement(_SearchInput.TextFieldContainer, {
22
+ width: width
23
+ }, /*#__PURE__*/_react.default.createElement(_SearchInput.TextFieldInput, {
24
+ type: "search",
25
+ height: height,
26
+ placeholder: placeholder,
27
+ onChange: handleInputChange
28
+ }), /*#__PURE__*/_react.default.createElement(_SearchIcon.default, null));
29
+ };
30
+ var _default = exports.default = SearchInput;
31
+ SearchInput.defaultProps = {
32
+ placeholder: 'Search',
33
+ width: '100%',
34
+ height: '40px',
35
+ onTyping: () => {}
36
+ };
package/dist/stories/components/SearchInput.style.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.TextFieldInput = exports.TextFieldContainer = void 0;
8
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
+ var _templateObject, _templateObject2;
11
+ const TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n width: ", ";\n > svg {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 10px;\n \n }\n"])), props => props.width);
12
+ const TextFieldInput = exports.TextFieldInput = _styledComponents.default.input(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: ", ";\n font-size: 14px;\n font-weight: 400;\n padding: 6px 16px;\n border-radius: 8px;\n border: 1px solid #B1B1B1;\n background: transparent;\n text-indent: 14px;\n &:hover, \n &:focus {\n border: 1px solid #212121;\n }\n &::placeholder {\n color: #B1B1B1;\n }\n"])), props => props.height);
package/dist/stories/components/icons/FilterIcon.js ADDED
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.FilterIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const FilterIcon = _ref => {
10
+ let {
11
+ width = '12',
12
+ height = '12',
13
+ color = '#212121'
14
+ } = _ref;
15
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
+ width: width,
17
+ height: height,
18
+ viewBox: "0 0 12 12",
19
+ fill: "none",
20
+ xmlns: "http://www.w3.org/2000/svg"
21
+ }, /*#__PURE__*/_react.default.createElement("path", {
22
+ d: "M0 1.73438C0 1.19531 0.421875 0.75 0.960938 0.75H11.0156C11.5547 0.75 12 1.19531 12 1.73438C12 1.96875 11.9062 2.17969 11.7656 2.34375L7.875 7.14844V10.5C7.875 10.9219 7.52344 11.25 7.10156 11.25C6.9375 11.25 6.77344 11.2031 6.63281 11.0859L4.47656 9.375C4.24219 9.1875 4.125 8.92969 4.125 8.64844V7.14844L0.210938 2.34375C0.0703125 2.17969 0 1.96875 0 1.73438ZM1.28906 1.875L5.10938 6.58594C5.20312 6.70312 5.25 6.82031 5.25 6.9375V8.55469L6.75 9.75V6.9375C6.75 6.82031 6.77344 6.70312 6.86719 6.58594L10.7109 1.875H1.28906Z",
23
+ fill: color
24
+ }));
25
+ };
26
+ exports.FilterIcon = FilterIcon;
27
+ var _default = exports.default = FilterIcon;
package/dist/stories/components/icons/MenuItemUpIcon.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.MenuItemUpIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const MenuItemUpIcon = _ref => {
10
+ let {
11
+ clicked,
12
+ width = "16",
13
+ height = "16",
14
+ color = "#212121"
15
+ } = _ref;
16
+ return /*#__PURE__*/_react.default.createElement("svg", {
17
+ width: width,
18
+ height: height,
19
+ viewBox: "0 0 18 11",
20
+ fill: "none",
21
+ xmlns: "http://www.w3.org/2000/svg"
22
+ }, /*#__PURE__*/_react.default.createElement("path", {
23
+ d: "M8.33594 0.835938C8.6875 0.484375 9.27344 0.484375 9.625 0.835938L17.1641 8.33594C17.5156 8.72656 17.5156 9.3125 17.1641 9.66406C16.7734 10.0547 16.1875 10.0547 15.8359 9.66406L9 2.82812L2.16406 9.66406C1.77344 10.0547 1.1875 10.0547 0.835938 9.66406C0.445312 9.3125 0.445312 8.72656 0.835938 8.375L8.33594 0.835938Z",
24
+ fill: color
25
+ }));
26
+ };
27
+ exports.MenuItemUpIcon = MenuItemUpIcon;
28
+ var _default = exports.default = MenuItemUpIcon;
package/dist/stories/components/icons/SearchIcon.js ADDED
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.SearchIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const SearchIcon = _ref => {
10
+ let {
11
+ width = '13',
12
+ height = '13',
13
+ color = '#212121'
14
+ } = _ref;
15
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
+ width: width,
17
+ height: height,
18
+ viewBox: "0 0 13 13",
19
+ fill: "none",
20
+ xmlns: "http://www.w3.org/2000/svg"
21
+ }, /*#__PURE__*/_react.default.createElement("path", {
22
+ d: "M8.625 4.875C8.625 3.53906 7.89844 2.32031 6.75 1.64062C5.57812 0.960938 4.14844 0.960938 3 1.64062C1.82812 2.32031 1.125 3.53906 1.125 4.875C1.125 6.23438 1.82812 7.45312 3 8.13281C4.14844 8.8125 5.57812 8.8125 6.75 8.13281C7.89844 7.45312 8.625 6.23438 8.625 4.875ZM7.89844 8.71875C7.05469 9.375 6 9.75 4.875 9.75C2.17969 9.75 0 7.57031 0 4.875C0 2.20312 2.17969 0 4.875 0C7.54688 0 9.75 2.20312 9.75 4.875C9.75 6.02344 9.35156 7.07812 8.69531 7.92188L11.8359 11.0391C12.0469 11.2734 12.0469 11.625 11.8359 11.8359C11.6016 12.0703 11.25 12.0703 11.0391 11.8359L7.89844 8.71875Z",
23
+ fill: color
24
+ }));
25
+ };
26
+ exports.SearchIcon = SearchIcon;
27
+ var _default = exports.default = SearchIcon;
package/dist/stories/components/icons/SpotlightProductIcon.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.SpotlightProductIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const SpotlightProductIcon = _ref => {
10
+ let {
11
+ clicked,
12
+ width = "140",
13
+ height = "17",
14
+ color = "#212121"
15
+ } = _ref;
16
+ return /*#__PURE__*/_react.default.createElement("svg", {
17
+ width: width,
18
+ height: height,
19
+ viewBox: "0 0 140 17",
20
+ fill: color,
21
+ xmlns: "http://www.w3.org/2000/svg"
22
+ }, /*#__PURE__*/_react.default.createElement("path", {
23
+ d: "M10.625 0.6875V2.4375H12.375C12.5938 2.4375 12.8125 2.65625 12.8125 2.875C12.8125 3.12109 12.5938 3.3125 12.375 3.3125H10.625V5.0625C10.625 5.30859 10.4062 5.5 10.1875 5.5C9.94141 5.5 9.75 5.30859 9.75 5.0625V3.3125H8C7.75391 3.3125 7.5625 3.12109 7.5625 2.875C7.5625 2.65625 7.75391 2.4375 8 2.4375H9.75V0.6875C9.75 0.46875 9.94141 0.25 10.1875 0.25C10.4062 0.25 10.625 0.46875 10.625 0.6875ZM5.15625 7.52344C5.04688 7.76953 4.80078 7.96094 4.5 7.98828L2.12109 8.34375L3.84375 10.0391C4.0625 10.2305 4.14453 10.5312 4.08984 10.8047L3.67969 13.2109L5.83984 12.0898C6.08594 11.9531 6.38672 11.9531 6.63281 12.0898L8.79297 13.2109L8.38281 10.8047C8.32812 10.5312 8.41016 10.2578 8.62891 10.0391L10.3516 8.34375L7.97266 8.01562C7.67188 7.96094 7.42578 7.76953 7.31641 7.52344L6.22266 5.36328L5.15625 7.52344ZM5.64844 4.57031C5.89453 4.07812 6.57812 4.07812 6.82422 4.57031L8.08203 7.14062L10.9258 7.55078C11.4727 7.63281 11.6641 8.28906 11.2812 8.67188L9.23047 10.668L9.72266 13.4844C9.80469 14.0312 9.25781 14.4414 8.76562 14.1953L6.25 12.8555L3.70703 14.1953C3.21484 14.4414 2.66797 14.0312 2.75 13.4844L3.24219 10.668L1.19141 8.67188C0.808594 8.28906 1 7.63281 1.54688 7.55078L4.39062 7.14062L5.64844 4.57031ZM13.25 4.625C13.4688 4.625 13.6875 4.84375 13.6875 5.0625V5.9375H14.5625C14.7812 5.9375 15 6.15625 15 6.375C15 6.62109 14.7812 6.8125 14.5625 6.8125H13.6875V7.6875C13.6875 7.93359 13.4688 8.125 13.25 8.125C13.0039 8.125 12.8125 7.93359 12.8125 7.6875V6.8125H11.9375C11.6914 6.8125 11.5 6.62109 11.5 6.375C11.5 6.15625 11.6914 5.9375 11.9375 5.9375H12.8125V5.0625C12.8125 4.84375 13.0039 4.625 13.25 4.625ZM24.422 12.598C23.778 12.598 23.1993 12.486 22.686 12.262C22.182 12.0287 21.7853 11.7113 21.496 11.31C21.2067 10.8993 21.0573 10.428 21.048 9.896H22.406C22.4527 10.3533 22.6393 10.7407 22.966 11.058C23.302 11.366 23.7873 11.52 24.422 11.52C25.0287 11.52 25.5047 11.3707 25.85 11.072C26.2047 10.764 26.382 10.372 26.382 9.896C26.382 9.52267 26.2793 9.21933 26.074 8.986C25.8687 8.75267 25.612 8.57533 25.304 8.454C24.996 8.33267 24.5807 8.202 24.058 8.062C23.414 7.894 22.896 7.726 22.504 7.558C22.1213 7.39 21.79 7.12867 21.51 6.774C21.2393 6.41 21.104 5.92467 21.104 5.318C21.104 4.786 21.2393 4.31467 21.51 3.904C21.7807 3.49333 22.1587 3.176 22.644 2.952C23.1387 2.728 23.7033 2.616 24.338 2.616C25.2527 2.616 25.9993 2.84467 26.578 3.302C27.166 3.75933 27.4973 4.366 27.572 5.122H26.172C26.1253 4.74867 25.9293 4.422 25.584 4.142C25.2387 3.85267 24.7813 3.708 24.212 3.708C23.68 3.708 23.246 3.848 22.91 4.128C22.574 4.39867 22.406 4.78133 22.406 5.276C22.406 5.63067 22.504 5.92 22.7 6.144C22.9053 6.368 23.1527 6.54067 23.442 6.662C23.7407 6.774 24.156 6.90467 24.688 7.054C25.332 7.23133 25.85 7.40867 26.242 7.586C26.634 7.754 26.97 8.02 27.25 8.384C27.53 8.73867 27.67 9.224 27.67 9.84C27.67 10.316 27.544 10.764 27.292 11.184C27.04 11.604 26.6667 11.9447 26.172 12.206C25.6773 12.4673 25.094 12.598 24.422 12.598ZM30.8188 6.242C31.0708 5.80333 31.4441 5.43933 31.9388 5.15C32.4428 4.85133 33.0261 4.702 33.6888 4.702C34.3701 4.702 34.9861 4.86533 35.5368 5.192C36.0968 5.51867 36.5355 5.98067 36.8528 6.578C37.1701 7.166 37.3288 7.852 37.3288 8.636C37.3288 9.41067 37.1701 10.1013 36.8528 10.708C36.5355 11.3147 36.0968 11.786 35.5368 12.122C34.9861 12.458 34.3701 12.626 33.6888 12.626C33.0355 12.626 32.4568 12.4813 31.9528 12.192C31.4581 11.8933 31.0801 11.5247 30.8188 11.086V16.14H29.5448V4.828H30.8188V6.242ZM36.0268 8.636C36.0268 8.05733 35.9101 7.55333 35.6768 7.124C35.4435 6.69467 35.1261 6.368 34.7248 6.144C34.3328 5.92 33.8988 5.808 33.4228 5.808C32.9561 5.808 32.5221 5.92467 32.1208 6.158C31.7288 6.382 31.4115 6.71333 31.1688 7.152C30.9355 7.58133 30.8188 8.08067 30.8188 8.65C30.8188 9.22867 30.9355 9.73733 31.1688 10.176C31.4115 10.6053 31.7288 10.9367 32.1208 11.17C32.5221 11.394 32.9561 11.506 33.4228 11.506C33.8988 11.506 34.3328 11.394 34.7248 11.17C35.1261 10.9367 35.4435 10.6053 35.6768 10.176C35.9101 9.73733 36.0268 9.224 36.0268 8.636ZM42.3517 12.626C41.6331 12.626 40.9797 12.4627 40.3917 12.136C39.8131 11.8093 39.3557 11.3473 39.0197 10.75C38.6931 10.1433 38.5297 9.44333 38.5297 8.65C38.5297 7.866 38.6977 7.17533 39.0337 6.578C39.3791 5.97133 39.8457 5.50933 40.4337 5.192C41.0217 4.86533 41.6797 4.702 42.4077 4.702C43.1357 4.702 43.7937 4.86533 44.3817 5.192C44.9697 5.50933 45.4317 5.96667 45.7677 6.564C46.1131 7.16133 46.2857 7.85667 46.2857 8.65C46.2857 9.44333 46.1084 10.1433 45.7537 10.75C45.4084 11.3473 44.9371 11.8093 44.3397 12.136C43.7424 12.4627 43.0797 12.626 42.3517 12.626ZM42.3517 11.506C42.8091 11.506 43.2384 11.3987 43.6397 11.184C44.0411 10.9693 44.3631 10.6473 44.6057 10.218C44.8577 9.78867 44.9837 9.266 44.9837 8.65C44.9837 8.034 44.8624 7.51133 44.6197 7.082C44.3771 6.65267 44.0597 6.33533 43.6677 6.13C43.2757 5.91533 42.8511 5.808 42.3937 5.808C41.9271 5.808 41.4977 5.91533 41.1057 6.13C40.7231 6.33533 40.4151 6.65267 40.1817 7.082C39.9484 7.51133 39.8317 8.034 39.8317 8.65C39.8317 9.27533 39.9437 9.80267 40.1677 10.232C40.4011 10.6613 40.7091 10.9833 41.0917 11.198C41.4744 11.4033 41.8944 11.506 42.3517 11.506ZM49.5148 5.878V10.4C49.5148 10.7733 49.5941 11.0393 49.7528 11.198C49.9115 11.3473 50.1868 11.422 50.5788 11.422H51.5168V12.5H50.3688C49.6595 12.5 49.1275 12.3367 48.7728 12.01C48.4181 11.6833 48.2408 11.1467 48.2408 10.4V5.878H47.2468V4.828H48.2408V2.896H49.5148V4.828H51.5168V5.878H49.5148ZM54.3344 2.14V12.5H53.0604V2.14H54.3344ZM57.1637 3.582C56.9211 3.582 56.7157 3.498 56.5477 3.33C56.3797 3.162 56.2957 2.95667 56.2957 2.714C56.2957 2.47133 56.3797 2.266 56.5477 2.098C56.7157 1.93 56.9211 1.846 57.1637 1.846C57.3971 1.846 57.5931 1.93 57.7517 2.098C57.9197 2.266 58.0037 2.47133 58.0037 2.714C58.0037 2.95667 57.9197 3.162 57.7517 3.33C57.5931 3.498 57.3971 3.582 57.1637 3.582ZM57.7797 4.828V12.5H56.5057V4.828H57.7797ZM63.115 4.702C63.7777 4.702 64.3564 4.84667 64.851 5.136C65.355 5.42533 65.7284 5.78933 65.971 6.228V4.828H67.259V12.668C67.259 13.368 67.1097 13.9887 66.811 14.53C66.5124 15.0807 66.083 15.51 65.523 15.818C64.9724 16.126 64.3284 16.28 63.591 16.28C62.583 16.28 61.743 16.042 61.071 15.566C60.399 15.09 60.0024 14.4413 59.881 13.62H61.141C61.281 14.0867 61.5704 14.46 62.009 14.74C62.4477 15.0293 62.975 15.174 63.591 15.174C64.291 15.174 64.8604 14.9547 65.299 14.516C65.747 14.0773 65.971 13.4613 65.971 12.668V11.058C65.719 11.506 65.3457 11.8793 64.851 12.178C64.3564 12.4767 63.7777 12.626 63.115 12.626C62.4337 12.626 61.813 12.458 61.253 12.122C60.7024 11.786 60.2684 11.3147 59.951 10.708C59.6337 10.1013 59.475 9.41067 59.475 8.636C59.475 7.852 59.6337 7.166 59.951 6.578C60.2684 5.98067 60.7024 5.51867 61.253 5.192C61.813 4.86533 62.4337 4.702 63.115 4.702ZM65.971 8.65C65.971 8.07133 65.8544 7.56733 65.621 7.138C65.3877 6.70867 65.0704 6.382 64.669 6.158C64.277 5.92467 63.843 5.808 63.367 5.808C62.891 5.808 62.457 5.92 62.065 6.144C61.673 6.368 61.3604 6.69467 61.127 7.124C60.8937 7.55333 60.777 8.05733 60.777 8.636C60.777 9.224 60.8937 9.73733 61.127 10.176C61.3604 10.6053 61.673 10.9367 62.065 11.17C62.457 11.394 62.891 11.506 63.367 11.506C63.843 11.506 64.277 11.394 64.669 11.17C65.0704 10.9367 65.3877 10.6053 65.621 10.176C65.8544 9.73733 65.971 9.22867 65.971 8.65ZM73.22 4.688C73.7987 4.688 74.3213 4.814 74.788 5.066C75.2547 5.30867 75.6187 5.67733 75.88 6.172C76.1507 6.66667 76.286 7.26867 76.286 7.978V12.5H75.026V8.16C75.026 7.39467 74.8347 6.81133 74.452 6.41C74.0693 5.99933 73.5467 5.794 72.884 5.794C72.212 5.794 71.6753 6.004 71.274 6.424C70.882 6.844 70.686 7.45533 70.686 8.258V12.5H69.412V2.14H70.686V5.92C70.938 5.528 71.2833 5.22467 71.722 5.01C72.17 4.79533 72.6693 4.688 73.22 4.688ZM79.9211 5.878V10.4C79.9211 10.7733 80.0004 11.0393 80.1591 11.198C80.3177 11.3473 80.5931 11.422 80.9851 11.422H81.9231V12.5H80.7751C80.0657 12.5 79.5337 12.3367 79.1791 12.01C78.8244 11.6833 78.6471 11.1467 78.6471 10.4V5.878H77.6531V4.828H78.6471V2.896H79.9211V4.828H81.9231V5.878H79.9211ZM93.7231 5.598C93.7231 6.41 93.4431 7.08667 92.8831 7.628C92.3324 8.16 91.4878 8.426 90.3491 8.426H88.4731V12.5H87.1991V2.742H90.3491C91.4504 2.742 92.2858 3.008 92.8551 3.54C93.4338 4.072 93.7231 4.758 93.7231 5.598ZM90.3491 7.376C91.0584 7.376 91.5811 7.222 91.9171 6.914C92.2531 6.606 92.4211 6.16733 92.4211 5.598C92.4211 4.394 91.7304 3.792 90.3491 3.792H88.4731V7.376H90.3491ZM96.5805 6.074C96.8045 5.63533 97.1218 5.29467 97.5325 5.052C97.9525 4.80933 98.4612 4.688 99.0585 4.688V6.004H98.7225C97.2945 6.004 96.5805 6.77867 96.5805 8.328V12.5H95.3065V4.828H96.5805V6.074ZM103.875 12.626C103.157 12.626 102.503 12.4627 101.915 12.136C101.337 11.8093 100.879 11.3473 100.543 10.75C100.217 10.1433 100.053 9.44333 100.053 8.65C100.053 7.866 100.221 7.17533 100.557 6.578C100.903 5.97133 101.369 5.50933 101.957 5.192C102.545 4.86533 103.203 4.702 103.931 4.702C104.659 4.702 105.317 4.86533 105.905 5.192C106.493 5.50933 106.955 5.96667 107.291 6.564C107.637 7.16133 107.809 7.85667 107.809 8.65C107.809 9.44333 107.632 10.1433 107.277 10.75C106.932 11.3473 106.461 11.8093 105.863 12.136C105.266 12.4627 104.603 12.626 103.875 12.626ZM103.875 11.506C104.333 11.506 104.762 11.3987 105.163 11.184C105.565 10.9693 105.887 10.6473 106.129 10.218C106.381 9.78867 106.507 9.266 106.507 8.65C106.507 8.034 106.386 7.51133 106.143 7.082C105.901 6.65267 105.583 6.33533 105.191 6.13C104.799 5.91533 104.375 5.808 103.917 5.808C103.451 5.808 103.021 5.91533 102.629 6.13C102.247 6.33533 101.939 6.65267 101.705 7.082C101.472 7.51133 101.355 8.034 101.355 8.65C101.355 9.27533 101.467 9.80267 101.691 10.232C101.925 10.6613 102.233 10.9833 102.615 11.198C102.998 11.4033 103.418 11.506 103.875 11.506ZM109.008 8.636C109.008 7.852 109.167 7.166 109.484 6.578C109.802 5.98067 110.236 5.51867 110.786 5.192C111.346 4.86533 111.972 4.702 112.662 4.702C113.26 4.702 113.815 4.842 114.328 5.122C114.842 5.39267 115.234 5.752 115.504 6.2V2.14H116.792V12.5H115.504V11.058C115.252 11.5153 114.879 11.8933 114.384 12.192C113.89 12.4813 113.311 12.626 112.648 12.626C111.967 12.626 111.346 12.458 110.786 12.122C110.236 11.786 109.802 11.3147 109.484 10.708C109.167 10.1013 109.008 9.41067 109.008 8.636ZM115.504 8.65C115.504 8.07133 115.388 7.56733 115.154 7.138C114.921 6.70867 114.604 6.382 114.202 6.158C113.81 5.92467 113.376 5.808 112.9 5.808C112.424 5.808 111.99 5.92 111.598 6.144C111.206 6.368 110.894 6.69467 110.66 7.124C110.427 7.55333 110.31 8.05733 110.31 8.636C110.31 9.224 110.427 9.73733 110.66 10.176C110.894 10.6053 111.206 10.9367 111.598 11.17C111.99 11.394 112.424 11.506 112.9 11.506C113.376 11.506 113.81 11.394 114.202 11.17C114.604 10.9367 114.921 10.6053 115.154 10.176C115.388 9.73733 115.504 9.22867 115.504 8.65ZM125.749 4.828V12.5H124.475V11.366C124.233 11.758 123.892 12.066 123.453 12.29C123.024 12.5047 122.548 12.612 122.025 12.612C121.428 12.612 120.891 12.4907 120.415 12.248C119.939 11.996 119.561 11.6227 119.281 11.128C119.011 10.6333 118.875 10.0313 118.875 9.322V4.828H120.135V9.154C120.135 9.91 120.327 10.4933 120.709 10.904C121.092 11.3053 121.615 11.506 122.277 11.506C122.959 11.506 123.495 11.296 123.887 10.876C124.279 10.456 124.475 9.84467 124.475 9.042V4.828H125.749ZM127.424 8.65C127.424 7.85667 127.583 7.166 127.9 6.578C128.218 5.98067 128.656 5.51867 129.216 5.192C129.786 4.86533 130.434 4.702 131.162 4.702C132.105 4.702 132.88 4.93067 133.486 5.388C134.102 5.84533 134.508 6.48 134.704 7.292H133.332C133.202 6.82533 132.945 6.45667 132.562 6.186C132.189 5.91533 131.722 5.78 131.162 5.78C130.434 5.78 129.846 6.032 129.398 6.536C128.95 7.03067 128.726 7.73533 128.726 8.65C128.726 9.574 128.95 10.288 129.398 10.792C129.846 11.296 130.434 11.548 131.162 11.548C131.722 11.548 132.189 11.4173 132.562 11.156C132.936 10.8947 133.192 10.5213 133.332 10.036H134.704C134.499 10.82 134.088 11.45 133.472 11.926C132.856 12.3927 132.086 12.626 131.162 12.626C130.434 12.626 129.786 12.4627 129.216 12.136C128.656 11.8093 128.218 11.3473 127.9 10.75C127.583 10.1527 127.424 9.45267 127.424 8.65ZM137.958 5.878V10.4C137.958 10.7733 138.038 11.0393 138.196 11.198C138.355 11.3473 138.63 11.422 139.022 11.422H139.96V12.5H138.812C138.103 12.5 137.571 12.3367 137.216 12.01C136.862 11.6833 136.684 11.1467 136.684 10.4V5.878H135.69V4.828H136.684V2.896H137.958V4.828H139.96V5.878H137.958Z",
24
+ fill: "#212121"
25
+ }));
26
+ };
27
+ exports.SpotlightProductIcon = SpotlightProductIcon;
28
+ var _default = exports.default = SpotlightProductIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.563",
3
+ "version": "1.0.565",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {