impact-ui 0.1.37 → 0.1.38

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 (2) hide show
  1. package/dist/index.js +684 -355
  2. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -154,6 +154,8 @@
154
154
 
155
155
  var permissionIcon = "data:image/svg+xml,%3Csvg%20width%3D%22194%22%20height%3D%22201%22%20viewBox%3D%220%200%20194%20201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22104%22%20r%3D%2297%22%20fill%3D%22%23EFEFEF%22%2F%3E%3Crect%20x%3D%2232%22%20width%3D%22130%22%20height%3D%22163%22%20rx%3D%224%22%20fill%3D%22%23394960%22%2F%3E%3Cpath%20d%3D%22M131.4%20115.2C134.874%20115.2%20137.7%20118.026%20137.7%20121.5V127.8H125.1V121.5C125.1%20118.026%20127.926%20115.2%20131.4%20115.2ZM131.4%20111C125.601%20111%20120.9%20115.701%20120.9%20121.5V130.95C120.9%20131.53%20121.37%20132%20121.95%20132H140.85C141.43%20132%20141.9%20131.53%20141.9%20130.95V121.5C141.9%20115.701%20137.199%20111%20131.4%20111Z%22%20fill%3D%22%23324256%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M145.4%20127.1H117.4C116.627%20127.1%20116%20127.726%20116%20128.5V142.5C116%20148.298%20120.701%20153%20126.5%20153H136.3C142.099%20153%20146.8%20148.298%20146.8%20142.5V128.5C146.8%20127.726%20146.174%20127.1%20145.4%20127.1Z%22%20fill%3D%22%23324256%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M131.4%20146C130.24%20146%20129.3%20145.06%20129.3%20143.9V135.5C129.3%20134.34%20130.24%20133.4%20131.4%20133.4C132.56%20133.4%20133.5%20134.34%20133.5%20135.5V143.9C133.5%20145.06%20132.56%20146%20131.4%20146Z%22%20fill%3D%22%23394960%22%2F%3E%3Cpath%20d%3D%22M138.4%20114.2C141.874%20114.2%20144.7%20117.026%20144.7%20120.5V126.8H132.1V120.5C132.1%20117.026%20134.926%20114.2%20138.4%20114.2ZM138.4%20110C132.601%20110%20127.9%20114.701%20127.9%20120.5V129.95C127.9%20130.53%20128.37%20131%20128.95%20131H147.85C148.43%20131%20148.9%20130.53%20148.9%20129.95V120.5C148.9%20114.701%20144.199%20110%20138.4%20110Z%22%20fill%3D%22%23A4CBFB%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M152.4%20126.1H124.4C123.627%20126.1%20123%20126.726%20123%20127.5V141.5C123%20147.298%20127.701%20152%20133.5%20152H143.3C149.099%20152%20153.8%20147.298%20153.8%20141.5V127.5C153.8%20126.726%20153.174%20126.1%20152.4%20126.1Z%22%20fill%3D%22%23A4CBFB%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M138.4%20145C137.24%20145%20136.3%20144.06%20136.3%20142.9V134.5C136.3%20133.34%20137.24%20132.4%20138.4%20132.4C139.56%20132.4%20140.5%20133.34%20140.5%20134.5V142.9C140.5%20144.06%20139.56%20145%20138.4%20145Z%22%20fill%3D%22%23394960%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2230%22%20width%3D%2261%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2246%22%20width%3D%2261%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2262%22%20width%3D%2232%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2278%22%20width%3D%2254%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2284%22%20y%3D%2262%22%20width%3D%2232%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3C%2Fsvg%3E";
156
156
 
157
+ var pageArrow = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%2011L6.5%206L1.5%201%22%20stroke%3D%22%23394960%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
158
+
157
159
  var PrimaryBlueColor = "#0055AF";
158
160
  var SecondaryBlueColor = "#033162";
159
161
  var DefaultColorButton = "#ACACAC";
@@ -183,6 +185,8 @@
183
185
 
184
186
  var NORMAL_BUTTON_HEIGHT = "37px";
185
187
  var SMALL_BUTTON_HEIGHT = "26px";
188
+ var LOW_RES_NORMAL_BUTTON_HEIGHT = "28px";
189
+ var LOW_RES_SMALL_BUTTON_HEIGHT = "24px";
186
190
  var NORMAL_BUTTON_ICON_HEIGHT = "16px";
187
191
  var SMALL_BUTTON_ICON_HEIGHT = "10px";
188
192
 
@@ -192,6 +196,11 @@
192
196
  var LOW_4 = 4;
193
197
  var VERY_HIGH = 999;
194
198
 
199
+ //table
200
+
201
+ var DEFAULT_TABLE_FONT_SIZE = "14px";
202
+ var COMPACT_TABLE_FONT_SIZE = "12px";
203
+
195
204
  function _templateObject14() {
196
205
  var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n path {\n fill: ", ";\n }\n }\n "]);
197
206
  _templateObject14 = function _templateObject14() {
@@ -200,14 +209,14 @@
200
209
  return data;
201
210
  }
202
211
  function _templateObject13() {
203
- var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n ", "\n "]);
212
+ var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n ", "\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n width: ", ";\n padding: unset;\n }\n "]);
204
213
  _templateObject13 = function _templateObject13() {
205
214
  return data;
206
215
  };
207
216
  return data;
208
217
  }
209
218
  function _templateObject12() {
210
- var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n "]);
219
+ var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n width: ", ";\n padding: unset;\n }\n "]);
211
220
  _templateObject12 = function _templateObject12() {
212
221
  return data;
213
222
  };
@@ -235,21 +244,21 @@
235
244
  return data;
236
245
  }
237
246
  function _templateObject8() {
238
- var data = _taggedTemplateLiteral(["\n padding: 0px 12px;\n height: ", ";\n line-height: 18px;\n font-size: 12px;\n "]);
247
+ var data = _taggedTemplateLiteral(["\n padding: 0px 12px;\n height: ", ";\n line-height: 18px;\n font-size: 12px;\n //Low Resolution Button starts here\n //Small Primary button\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n font-size: 12px;\n padding: 0 15px;\n }\n "]);
239
248
  _templateObject8 = function _templateObject8() {
240
249
  return data;
241
250
  };
242
251
  return data;
243
252
  }
244
253
  function _templateObject7() {
245
- var data = _taggedTemplateLiteral(["\n padding: 0px 24px;\n height: ", ";\n line-height: 21px;\n font-size: 14px;\n "]);
254
+ var data = _taggedTemplateLiteral(["\n padding: 0px 24px;\n height: ", ";\n line-height: 21px;\n font-size: 14px;\n\n //Low Resolution Button starts here\n //Normal Primary button\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n font-size: 12px;\n padding: 0 20px;\n }\n "]);
246
255
  _templateObject7 = function _templateObject7() {
247
256
  return data;
248
257
  };
249
258
  return data;
250
259
  }
251
260
  function _templateObject6() {
252
- var data = _taggedTemplateLiteral(["\n background: #1d1d1d;\n color: ", ";\n border: none;\n cursor: pointer;\n border-radius: 4px;\n box-sizing: border-box;\n transition: all 300ms ease-in-out 0s;\n font-family: \"Poppins\", sans-serif;\n\n // To align icon and label\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n ", "\n\n ", "\n\n\n// css for buttons with only icon\n ", "\n\n\n //For Button group\n ", "\n"]);
261
+ var data = _taggedTemplateLiteral(["\n background: #1d1d1d;\n color: ", ";\n border: none;\n cursor: pointer;\n border-radius: 4px;\n box-sizing: border-box;\n transition: all 300ms ease-in-out 0s;\n font-family: \"Poppins\", sans-serif;\n\n // To align icon and label\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n ", "\n\n ", "\n\n\n// css for buttons with only icon\n ", "\n\n\n //For Button group\n ", "\n"]);
253
262
  _templateObject6 = function _templateObject6() {
254
263
  return data;
255
264
  };
@@ -304,9 +313,9 @@
304
313
  var StyledButton = styled__default.button(_templateObject6(), WhiteColor, function (props) {
305
314
  switch (props.size) {
306
315
  case "normal":
307
- return styled.css(_templateObject7(), NORMAL_BUTTON_HEIGHT);
316
+ return styled.css(_templateObject7(), NORMAL_BUTTON_HEIGHT, LOW_RES_NORMAL_BUTTON_HEIGHT);
308
317
  case "small":
309
- return styled.css(_templateObject8(), SMALL_BUTTON_HEIGHT);
318
+ return styled.css(_templateObject8(), SMALL_BUTTON_HEIGHT, LOW_RES_SMALL_BUTTON_HEIGHT);
310
319
  }
311
320
  }, function (props) {
312
321
  switch (props.variant) {
@@ -321,9 +330,9 @@
321
330
  if (props.icon && !props.label) {
322
331
  switch (props.size) {
323
332
  case "normal":
324
- return styled.css(_templateObject12(), NORMAL_BUTTON_HEIGHT, NORMAL_BUTTON_HEIGHT, StyledIcon);
333
+ return styled.css(_templateObject12(), NORMAL_BUTTON_HEIGHT, NORMAL_BUTTON_HEIGHT, StyledIcon, LOW_RES_NORMAL_BUTTON_HEIGHT, LOW_RES_NORMAL_BUTTON_HEIGHT);
325
334
  case "small":
326
- return styled.css(_templateObject13(), SMALL_BUTTON_HEIGHT, SMALL_BUTTON_HEIGHT, StyledIcon);
335
+ return styled.css(_templateObject13(), SMALL_BUTTON_HEIGHT, SMALL_BUTTON_HEIGHT, StyledIcon, LOW_RES_SMALL_BUTTON_HEIGHT, LOW_RES_SMALL_BUTTON_HEIGHT);
327
336
  }
328
337
  }
329
338
  }, function (props) {
@@ -1300,7 +1309,7 @@
1300
1309
  return data;
1301
1310
  }
1302
1311
  function _templateObject19() {
1303
- var data = _taggedTemplateLiteral(["\n border: none;\n background: transparent;\n color: ", ";\n padding: 0px;\n cursor: pointer;\n font-weight: 500;\n padding: 0 24px;\n line-height: 21px;\n &:hover {\n color: ", ";\n }\n"]);
1312
+ var data = _taggedTemplateLiteral(["\n border: none;\n background: transparent;\n color: ", ";\n padding: 0px;\n cursor: pointer;\n font-weight: 500;\n padding: 0 24px;\n line-height: 21px;\n &:hover {\n color: ", ";\n }\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding: 0 10px;\n }\n"]);
1304
1313
  _templateObject19 = function _templateObject19() {
1305
1314
  return data;
1306
1315
  };
@@ -1405,7 +1414,7 @@
1405
1414
  return data;
1406
1415
  }
1407
1416
  function _templateObject4$1() {
1408
- var data = _taggedTemplateLiteral(["\n padding-top: 6.5px;\n padding-bottom: 6.5px;\n background: #d4d4d4;\n border: 1px solid ", ";\n padding-left: 16px;\n font-size: 14px;\n line-height: 21px;\n color: ", ";\n display: flex;\n position: relative;\n min-width: 339px;\n border-radius: 4px;\n padding-right: 16px;\n justify-content: space-between;\n box-sizing: border-box;\n align-items: self-start;\n ", "\n ", " {\n width: 14px;\n height: 14px;\n background: ", ";\n margin-right: 10px;\n ", "\n }\n"]);
1417
+ var data = _taggedTemplateLiteral(["\n padding-top: 6.5px;\n padding-bottom: 6.5px;\n background: #d4d4d4;\n border: 1px solid ", ";\n padding-left: 16px;\n font-size: 14px;\n line-height: 21px;\n color: ", ";\n display: flex;\n position: relative;\n min-width: 339px;\n border-radius: 4px;\n padding-right: 16px;\n justify-content: space-between;\n box-sizing: border-box;\n align-items: self-start;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ", "\n ", " {\n width: 14px;\n height: 14px;\n background: ", ";\n margin-right: 10px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-right: 5px;\n }\n\n ", "\n }\n"]);
1409
1418
  _templateObject4$1 = function _templateObject4() {
1410
1419
  return data;
1411
1420
  };
@@ -1525,14 +1534,14 @@
1525
1534
  return data;
1526
1535
  }
1527
1536
  function _templateObject9$2() {
1528
- var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
1537
+ var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 36px;\n height: 36px;\n }\n "]);
1529
1538
  _templateObject9$2 = function _templateObject9() {
1530
1539
  return data;
1531
1540
  };
1532
1541
  return data;
1533
1542
  }
1534
1543
  function _templateObject8$2() {
1535
- var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n "]);
1544
+ var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 50px;\n height: 50px;\n }\n "]);
1536
1545
  _templateObject8$2 = function _templateObject8() {
1537
1546
  return data;
1538
1547
  };
@@ -1567,14 +1576,14 @@
1567
1576
  return data;
1568
1577
  }
1569
1578
  function _templateObject3$2() {
1570
- var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n font-size: 16px;\n "]);
1579
+ var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n font-size: 16px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 36px;\n height: 36px;\n font-size: 14px;\n }\n "]);
1571
1580
  _templateObject3$2 = function _templateObject3() {
1572
1581
  return data;
1573
1582
  };
1574
1583
  return data;
1575
1584
  }
1576
1585
  function _templateObject2$2() {
1577
- var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n font-size: 32px;\n "]);
1586
+ var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n font-size: 32px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 50px;\n height: 50px;\n font-size: 26px;\n }\n "]);
1578
1587
  _templateObject2$2 = function _templateObject2() {
1579
1588
  return data;
1580
1589
  };
@@ -1646,7 +1655,7 @@
1646
1655
  return data;
1647
1656
  }
1648
1657
  function _templateObject2$3() {
1649
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 300;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n ", "\n &::after {\n content: \" / \";\n padding: 0 4px;\n display: inline-block;\n color: #394960;\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n"]);
1658
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 400;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n\n ", "\n &::after {\n content: \" / \";\n padding: 0 4px;\n display: inline-block;\n color: #394960;\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n"]);
1650
1659
  _templateObject2$3 = function _templateObject2() {
1651
1660
  return data;
1652
1661
  };
@@ -1708,7 +1717,7 @@
1708
1717
  return data;
1709
1718
  }
1710
1719
  function _templateObject$4() {
1711
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n"]);
1720
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
1712
1721
  _templateObject$4 = function _templateObject() {
1713
1722
  return data;
1714
1723
  };
@@ -1785,7 +1794,7 @@
1785
1794
  return data;
1786
1795
  }
1787
1796
  function _templateObject3$5() {
1788
- var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n padding: 0px 16px;\n box-sizing: border-box;\n height: 37px;\n font-size: 14px;\n color: ", ";\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: none;\n cursor: no-drop;\n pointer-events: none;\n }\n\n ", "\n"]);
1797
+ var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n padding: 0px 16px;\n box-sizing: border-box;\n height: 37px;\n font-size: 14px;\n color: ", ";\n\n //Low Resolution CSS starts\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n font-size: 12px;\n }\n\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: none;\n cursor: no-drop;\n pointer-events: none;\n }\n\n ", "\n"]);
1789
1798
  _templateObject3$5 = function _templateObject3() {
1790
1799
  return data;
1791
1800
  };
@@ -1836,12 +1845,12 @@
1836
1845
  helperText = _ref.helperText,
1837
1846
  props = _objectWithoutProperties(_ref, ["label", "status", "helperText"]);
1838
1847
  return /*#__PURE__*/jsxRuntime.jsxs(StyledInputBoxContainer, {
1839
- children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputLabelContainer, {
1848
+ children: [label && /*#__PURE__*/jsxRuntime.jsx(StyledInputLabelContainer, {
1840
1849
  children: label
1841
1850
  }), /*#__PURE__*/jsxRuntime.jsx(StyledInputBox, _objectSpread$4({
1842
1851
  ref: ref ? ref : null,
1843
1852
  status: status
1844
- }, props)), /*#__PURE__*/jsxRuntime.jsxs(StyledHelperText, {
1853
+ }, props)), helperText && /*#__PURE__*/jsxRuntime.jsxs(StyledHelperText, {
1845
1854
  status: status,
1846
1855
  children: [" ", helperText]
1847
1856
  })]
@@ -1870,7 +1879,7 @@
1870
1879
  return data;
1871
1880
  }
1872
1881
  function _templateObject2$6() {
1873
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n padding-left: 26px;\n"]);
1882
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n padding-left: 26px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
1874
1883
  _templateObject2$6 = function _templateObject2() {
1875
1884
  return data;
1876
1885
  };
@@ -2001,7 +2010,7 @@
2001
2010
  };
2002
2011
 
2003
2012
  function _templateObject4$7() {
2004
- var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight: 300;\n line-height: 21px;\n text-align: right;\n"]);
2013
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n text-align: right;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
2005
2014
  _templateObject4$7 = function _templateObject4() {
2006
2015
  return data;
2007
2016
  };
@@ -2015,14 +2024,14 @@
2015
2024
  return data;
2016
2025
  }
2017
2026
  function _templateObject2$8() {
2018
- var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n"]);
2027
+ var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px 12px;\n font-size: 12px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n"]);
2019
2028
  _templateObject2$8 = function _templateObject2() {
2020
2029
  return data;
2021
2030
  };
2022
2031
  return data;
2023
2032
  }
2024
2033
  function _templateObject$8() {
2025
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n display: block;\n text-align: left;\n"]);
2034
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n display: block;\n text-align: left;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
2026
2035
  _templateObject$8 = function _templateObject() {
2027
2036
  return data;
2028
2037
  };
@@ -2127,7 +2136,7 @@
2127
2136
  var _toConsumableArray = unwrapExports(toConsumableArray);
2128
2137
 
2129
2138
  function _templateObject16$1() {
2130
- var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n &:hover {\n background: ", ";\n }\n"]);
2139
+ var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n\n &:hover {\n background: ", ";\n }\n"]);
2131
2140
  _templateObject16$1 = function _templateObject16() {
2132
2141
  return data;
2133
2142
  };
@@ -2141,7 +2150,7 @@
2141
2150
  return data;
2142
2151
  }
2143
2152
  function _templateObject14$2() {
2144
- var data = _taggedTemplateLiteral(["\n border: none;\n height: 37px;\n width: 100%;\n box-sizing: border-box;\n padding: 0px 16px;\n font-size: 14px;\n border-bottom: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n background: url(", ") no-repeat;\n background-size: 12px;\n background-position: 16px center;\n padding-left: 34px;\n"]);
2153
+ var data = _taggedTemplateLiteral(["\n border: none;\n height: 37px;\n width: 100%;\n box-sizing: border-box;\n padding: 0px 16px;\n font-size: 14px;\n border-bottom: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n background: url(", ") no-repeat;\n background-size: 12px;\n background-position: 16px center;\n padding-left: 34px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n }\n"]);
2145
2154
  _templateObject14$2 = function _templateObject14() {
2146
2155
  return data;
2147
2156
  };
@@ -2176,7 +2185,7 @@
2176
2185
  return data;
2177
2186
  }
2178
2187
  function _templateObject9$4() {
2179
- var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n font-size: 14px;\n box-sizing: border-box;\n padding: 8px 16px;\n height: 37px;\n border-radius: 4px;\n color: ", ";\n min-width: 180px;\n text-align: left;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-width: 232px;\n ", "\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n cursor: default;\n ", " {\n background: url(", ") no-repeat;\n background-position: center;\n background-size: 10px;\n }\n }\n"]);
2188
+ var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n font-size: 14px;\n box-sizing: border-box;\n padding: 8px 16px;\n height: 37px;\n border-radius: 4px;\n color: ", ";\n text-align: left;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-width: 232px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n height: 28px;\n }\n ", "\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n cursor: default;\n ", " {\n background: url(", ") no-repeat;\n background-position: center;\n background-size: 10px;\n }\n }\n"]);
2180
2189
  _templateObject9$4 = function _templateObject9() {
2181
2190
  return data;
2182
2191
  };
@@ -2232,7 +2241,7 @@
2232
2241
  return data;
2233
2242
  }
2234
2243
  function _templateObject$9() {
2235
- var data = _taggedTemplateLiteral(["\n .multi-select__control {\n display: none;\n }\n .multi-select__option {\n font-size: 14px;\n padding: 8px 16px;\n }\n .multi-select__option--is-focused {\n background-color: ", ";\n }\n .multi-select__option--is-selected {\n background-color: ", ";\n color: #1d1d1d;\n }\n .multi-select__option--is-selected:active {\n background-color: ", ";\n }\n"]);
2244
+ var data = _taggedTemplateLiteral(["\n .multi-select__control {\n display: none;\n }\n .multi-select__option {\n font-size: 14px;\n padding: 8px 16px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 5px 16px;\n font-size: 12px;\n }\n }\n .multi-select__option--is-focused {\n background-color: ", ";\n }\n .multi-select__option--is-selected {\n background-color: ", ";\n color: #1d1d1d;\n }\n .multi-select__option--is-selected:active {\n background-color: ", ";\n }\n"]);
2236
2245
  _templateObject$9 = function _templateObject() {
2237
2246
  return data;
2238
2247
  };
@@ -2617,7 +2626,7 @@
2617
2626
  return data;
2618
2627
  }
2619
2628
  function _templateObject6$6() {
2620
- var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n ", "\n"]);
2629
+ var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n ", "\n"]);
2621
2630
  _templateObject6$6 = function _templateObject6() {
2622
2631
  return data;
2623
2632
  };
@@ -2652,7 +2661,7 @@
2652
2661
  return data;
2653
2662
  }
2654
2663
  function _templateObject$a() {
2655
- var data = _taggedTemplateLiteral(["\n padding: 12px 24px;\n border-radius: 4px;\n border: 1px solid ", ";\n cursor: pointer;\n width: 100%;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n }\n ", "\n\n ", "\n ", "\n"]);
2664
+ var data = _taggedTemplateLiteral(["\n padding: 12px 24px;\n border-radius: 4px;\n border: 1px solid ", ";\n cursor: pointer;\n width: 100%;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n }\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 8px 14px;\n font-size: 12px;\n }\n\n ", "\n\n ", "\n ", "\n"]);
2656
2665
  _templateObject$a = function _templateObject() {
2657
2666
  return data;
2658
2667
  };
@@ -2683,43 +2692,77 @@
2683
2692
  var Accordion = function Accordion(_ref) {
2684
2693
  var disabled = _ref.disabled,
2685
2694
  label = _ref.label,
2686
- children = _ref.children;
2687
- var _useState = React.useState(false),
2695
+ children = _ref.children,
2696
+ isExpanded = _ref.isExpanded,
2697
+ defaultExpanded = _ref.defaultExpanded,
2698
+ onChange = _ref.onChange;
2699
+ var _useState = React.useState(defaultExpanded),
2688
2700
  _useState2 = _slicedToArray(_useState, 2),
2689
2701
  isOpen = _useState2[0],
2690
2702
  setIsOpen = _useState2[1];
2691
- return /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
2692
- isOpen: isOpen,
2693
- disabled: disabled,
2694
- children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
2695
- onClick: function onClick() {
2696
- return setIsOpen(function (prevState) {
2697
- return !prevState;
2698
- });
2699
- },
2700
- children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
2701
- isOpen: isOpen,
2702
- children: label
2703
- }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
2704
- isOpen: isOpen
2703
+ var handleAccordionAction = function handleAccordionAction() {
2704
+ if (isExpanded === undefined && onChange) {
2705
+ setIsOpen(function (prevState) {
2706
+ return !prevState;
2707
+ });
2708
+ onChange(!isOpen);
2709
+ } else {
2710
+ setIsOpen(function (prevState) {
2711
+ return !prevState;
2712
+ });
2713
+ }
2714
+ };
2715
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
2716
+ children: isExpanded !== undefined ? /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
2717
+ isOpen: isExpanded,
2718
+ disabled: disabled,
2719
+ children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
2720
+ onClick: function onClick() {
2721
+ return onChange();
2722
+ },
2723
+ children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
2724
+ isOpen: isExpanded,
2725
+ children: label
2726
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
2727
+ isOpen: isExpanded
2728
+ })]
2729
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
2730
+ isOpen: isExpanded,
2731
+ children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
2732
+ children: children
2733
+ })
2705
2734
  })]
2706
- }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
2735
+ }) : /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
2707
2736
  isOpen: isOpen,
2708
- children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
2709
- children: children
2710
- })
2711
- })]
2737
+ disabled: disabled,
2738
+ children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
2739
+ onClick: function onClick() {
2740
+ return handleAccordionAction();
2741
+ },
2742
+ children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
2743
+ isOpen: isOpen,
2744
+ children: label
2745
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
2746
+ isOpen: isOpen
2747
+ })]
2748
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
2749
+ isOpen: isOpen,
2750
+ children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
2751
+ children: children
2752
+ })
2753
+ })]
2754
+ })
2712
2755
  });
2713
2756
  };
2714
2757
 
2715
2758
  function _templateObject$b() {
2716
- var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n width: max-content;\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
2759
+ var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n width: max-content;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n }\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
2717
2760
  _templateObject$b = function _templateObject() {
2718
2761
  return data;
2719
2762
  };
2720
2763
  return data;
2721
2764
  }
2722
- var StyledButtonGroup = styled__default.div(_templateObject$b(), DefaultColorButton, StyledButton, CheckBoxBorder, WhiteColor, DefaultColorButton, FocusBackgroundColor);
2765
+ var StyledButtonGroup = styled__default.div(_templateObject$b(), DefaultColorButton, LOW_RES_NORMAL_BUTTON_HEIGHT, StyledButton, CheckBoxBorder, WhiteColor, DefaultColorButton, FocusBackgroundColor);
2723
2766
 
2724
2767
  var ButtonGroup = function ButtonGroup(_ref) {
2725
2768
  var children = _ref.children,
@@ -3057,28 +3100,28 @@
3057
3100
  return data;
3058
3101
  }
3059
3102
  function _templateObject4$b() {
3060
- var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 6px;\n"]);
3103
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 6px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
3061
3104
  _templateObject4$b = function _templateObject4() {
3062
3105
  return data;
3063
3106
  };
3064
3107
  return data;
3065
3108
  }
3066
3109
  function _templateObject3$c() {
3067
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-top: 4px;\n font-weight: 500;\n"]);
3110
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-top: 4px;\n font-weight: 500;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
3068
3111
  _templateObject3$c = function _templateObject3() {
3069
3112
  return data;
3070
3113
  };
3071
3114
  return data;
3072
3115
  }
3073
3116
  function _templateObject2$c() {
3074
- var data = _taggedTemplateLiteral(["\n background: ", ";\n\n border-radius: 4px;\n width: ", ";\n"]);
3117
+ var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n width: ", ";\n"]);
3075
3118
  _templateObject2$c = function _templateObject2() {
3076
3119
  return data;
3077
3120
  };
3078
3121
  return data;
3079
3122
  }
3080
3123
  function _templateObject$d() {
3081
- var data = _taggedTemplateLiteral(["\n width: 100%;\n\n background: ", ";\n border-radius: 8px;\n padding: 2px;\n box-sizing: border-box;\n"]);
3124
+ var data = _taggedTemplateLiteral(["\n width: 100%;\n background: ", ";\n border-radius: 8px;\n padding: 2px;\n box-sizing: border-box;\n"]);
3082
3125
  _templateObject$d = function _templateObject() {
3083
3126
  return data;
3084
3127
  };
@@ -3162,14 +3205,14 @@
3162
3205
  return data;
3163
3206
  }
3164
3207
  function _templateObject6$9() {
3165
- var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 10px;\n height: 10px;\n background-size: 10px;\n display: inline-block;\n margin-left: 8px;\n ", "\n"]);
3208
+ var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 10px;\n height: 10px;\n background-size: 10px;\n display: inline-block;\n margin-left: 8px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 8px;\n }\n ", "\n"]);
3166
3209
  _templateObject6$9 = function _templateObject6() {
3167
3210
  return data;
3168
3211
  };
3169
3212
  return data;
3170
3213
  }
3171
3214
  function _templateObject5$b() {
3172
- var data = _taggedTemplateLiteral(["\n font-size: 12px;\n"]);
3215
+ var data = _taggedTemplateLiteral(["\n font-size: 12px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 10px;\n }\n"]);
3173
3216
  _templateObject5$b = function _templateObject5() {
3174
3217
  return data;
3175
3218
  };
@@ -3183,14 +3226,14 @@
3183
3226
  return data;
3184
3227
  }
3185
3228
  function _templateObject3$d() {
3186
- var data = _taggedTemplateLiteral(["\n height: 26px;\n padding: 0px 8px;\n "]);
3229
+ var data = _taggedTemplateLiteral(["\n height: 26px;\n padding: 0px 8px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 22px;\n }\n "]);
3187
3230
  _templateObject3$d = function _templateObject3() {
3188
3231
  return data;
3189
3232
  };
3190
3233
  return data;
3191
3234
  }
3192
3235
  function _templateObject2$d() {
3193
- var data = _taggedTemplateLiteral(["\n height: 22px;\n padding: 0px 4px;\n "]);
3236
+ var data = _taggedTemplateLiteral(["\n height: 22px;\n padding: 0px 4px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 18px;\n }\n "]);
3194
3237
  _templateObject2$d = function _templateObject2() {
3195
3238
  return data;
3196
3239
  };
@@ -9009,14 +9052,14 @@
9009
9052
  return data;
9010
9053
  }
9011
9054
  function _templateObject19$1() {
9012
- var data = _taggedTemplateLiteral(["\n display: flex;\n background: ", ";\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding-top: 10px;\n padding-bottom: 20px;\n height: 282px;\n top: 41px;\n ", "\n\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: \"\";\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n position: relative;\n }\n\n .CalendarDay .CalendarDayWeekNumber {\n position: absolute;\n left: -20px;\n top: 5px;\n display: none;\n color: #1d1d1d;\n display: block;\n border-right: 0.5px solid #1d1d1d;\n width: 18px;\n }\n\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n color: #1d1d1d;\n font-size: 12px;\n background: #fff;\n }\n .CalendarDay__default:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n .CalendarDay__hovered_offset {\n /* background: #f4f5f5; */\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n background: #e5edf7;\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n background: #0055af;\n color: #fff;\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n background: #e5edf7;\n color: #1d1d1d;\n }\n .CalendarDay__hovered_span:active {\n /* background: #80e8e0 green color;\n border: 1px double #80e8e0;\n color: #007a87; */\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n background: #cacccd;\n border: 1px solid #cacccd;\n color: #82888a;\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 1px solid #e4e7e7;\n color: #cacccd;\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n margin-top: 12px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n color: #1d1d1d;\n font-size: 12px;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n font-weight: 500;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n background: #fff;\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 9px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: 0;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n background: url(", ") no-repeat;\n /* width: 16px;\n height: 16px; */\n background-size: 12px;\n transform: rotate(90deg);\n }\n .DayPickerNavigation_button__default svg {\n display: none;\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n /* border: 1px solid #c4c4c4 */\n }\n .DayPickerNavigation_button__default:active {\n /* background: #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled {\n /* cursor: default;\n border: 1px solid #f2f2f2 */\n opacity: 0.8;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n /* border: 1px solid #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled:active {\n /* background: 0 0 */\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 25px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 6px 6px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 22px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n transform: rotate(-90deg);\n right: 22px;\n }\n .DayPickerNavigation_button__verticalDefault {\n padding: 5px;\n background: #fff;\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n position: relative;\n display: inline-block;\n text-align: center;\n height: 100%;\n width: 50%;\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n border-left: 0;\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n }\n .DayPickerNavigation_svg__vertical {\n height: 42px;\n width: 42px;\n fill: #484848;\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n /* box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);\n border-radius: 3px */\n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n left: 50%;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_weekHeader_li small {\n font-size: 12px;\n color: #758490;\n line-height: 18px;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n width: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll;\n }\n .DateInput {\n margin: 0;\n padding: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 130px;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n font-weight: 200;\n font-size: 19px;\n line-height: 24px;\n color: #484848;\n background-color: #fff;\n width: 100%;\n padding: 11px 11px 9px;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid transparent;\n border-left: 0;\n border-radius: 0;\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n outline: 0;\n background: #fff;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid #008489;\n border-left: 0;\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #dbdbdb;\n fill: transparent;\n }\n .DateRangePickerInput {\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: block;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n color: #484848;\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n fill: #484848;\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n"]);
9055
+ var data = _taggedTemplateLiteral(["\n display: flex;\n background: ", ";\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding-top: 10px;\n padding-bottom: 20px;\n height: 282px;\n top: 41px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n top: 33px;\n }\n ", "\n\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: \"\";\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n position: relative;\n }\n\n .CalendarDay .CalendarDayWeekNumber {\n position: absolute;\n left: -20px;\n top: 5px;\n display: none;\n color: #1d1d1d;\n display: block;\n border-right: 0.5px solid #1d1d1d;\n width: 18px;\n }\n\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n color: #1d1d1d;\n font-size: 12px;\n background: #fff;\n }\n .CalendarDay__default:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n .CalendarDay__hovered_offset {\n /* background: #f4f5f5; */\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n background: #e5edf7;\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n background: #0055af;\n color: #fff;\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n background: #e5edf7;\n color: #1d1d1d;\n }\n .CalendarDay__hovered_span:active {\n /* background: #80e8e0 green color;\n border: 1px double #80e8e0;\n color: #007a87; */\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n background: #cacccd;\n border: 1px solid #cacccd;\n color: #82888a;\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 1px solid #e4e7e7;\n color: #cacccd;\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n margin-top: 12px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n color: #1d1d1d;\n font-size: 12px;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n font-weight: 500;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n background: #fff;\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 9px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: 0;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n background: url(", ") no-repeat;\n /* width: 16px;\n height: 16px; */\n background-size: 12px;\n transform: rotate(90deg);\n }\n .DayPickerNavigation_button__default svg {\n display: none;\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n /* border: 1px solid #c4c4c4 */\n }\n .DayPickerNavigation_button__default:active {\n /* background: #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled {\n /* cursor: default;\n border: 1px solid #f2f2f2 */\n opacity: 0.8;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n /* border: 1px solid #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled:active {\n /* background: 0 0 */\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 25px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 6px 6px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 22px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n transform: rotate(-90deg);\n right: 22px;\n }\n .DayPickerNavigation_button__verticalDefault {\n padding: 5px;\n background: #fff;\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n position: relative;\n display: inline-block;\n text-align: center;\n height: 100%;\n width: 50%;\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n border-left: 0;\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n }\n .DayPickerNavigation_svg__vertical {\n height: 42px;\n width: 42px;\n fill: #484848;\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n /* box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);\n border-radius: 3px */\n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n left: 50%;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_weekHeader_li small {\n font-size: 12px;\n color: #758490;\n line-height: 18px;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n width: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll;\n }\n .DateInput {\n margin: 0;\n padding: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 130px;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n font-weight: 200;\n font-size: 19px;\n line-height: 24px;\n color: #484848;\n background-color: #fff;\n width: 100%;\n padding: 11px 11px 9px;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid transparent;\n border-left: 0;\n border-radius: 0;\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n outline: 0;\n background: #fff;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid #008489;\n border-left: 0;\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #dbdbdb;\n fill: transparent;\n }\n .DateRangePickerInput {\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: block;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n color: #484848;\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n fill: #484848;\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n"]);
9013
9056
  _templateObject19$1 = function _templateObject19() {
9014
9057
  return data;
9015
9058
  };
9016
9059
  return data;
9017
9060
  }
9018
9061
  function _templateObject18$1() {
9019
- var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px;\n padding-left: 20px;\n width: 260px;\n background: url(", ") no-repeat;\n border: 1px solid ", ";\n background-size: 16px;\n background-position: center right 20px;\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n"]);
9062
+ var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px;\n padding-left: 20px;\n width: 260px;\n background: url(", ") no-repeat;\n border: 1px solid ", ";\n background-size: 16px;\n background-position: center right 20px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-size: 13px;\n background-position: center right 10px;\n font-size: 12px;\n }\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n"]);
9020
9063
  _templateObject18$1 = function _templateObject18() {
9021
9064
  return data;
9022
9065
  };
@@ -9030,21 +9073,21 @@
9030
9073
  return data;
9031
9074
  }
9032
9075
  function _templateObject16$3() {
9033
- var data = _taggedTemplateLiteral(["\n width: 260px;\n height: 35px;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n &:hover {\n cursor: pointer;\n ", " {\n border: 1px solid ", ";\n border-left: none;\n cursor: pointer;\n }\n ", " {\n border: 1px solid ", ";\n border-right: none;\n cursor: pointer;\n }\n }\n ", "\n\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-left: none; */\n }\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-right: none; */\n }\n"]);
9076
+ var data = _taggedTemplateLiteral(["\n width: 260px;\n height: 35px;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n }\n\n &:hover {\n cursor: pointer;\n ", " {\n border: 1px solid ", ";\n border-left: none;\n cursor: pointer;\n }\n ", " {\n border: 1px solid ", ";\n border-right: none;\n cursor: pointer;\n }\n }\n ", "\n\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-left: none; */\n }\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-right: none; */\n }\n"]);
9034
9077
  _templateObject16$3 = function _templateObject16() {
9035
9078
  return data;
9036
9079
  };
9037
9080
  return data;
9038
9081
  }
9039
9082
  function _templateObject15$3() {
9040
- var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px 0 0 4px;\n padding-left: 20px;\n width: 90px;\n border: 1px solid ", ";\n border-right: none;\n"]);
9083
+ var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px 0 0 4px;\n padding-left: 20px;\n width: 90px;\n border: 1px solid ", ";\n border-right: none;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-size: 13px;\n font-size: 12px;\n }\n"]);
9041
9084
  _templateObject15$3 = function _templateObject15() {
9042
9085
  return data;
9043
9086
  };
9044
9087
  return data;
9045
9088
  }
9046
9089
  function _templateObject14$4() {
9047
- var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n padding-left: 20px;\n width: 147px;\n border: none;\n border: 1px solid ", ";\n border-left: none;\n border-radius: 0 4px 4px 0;\n background: url(", ") no-repeat;\n background-size: 16px;\n background-position: center right 20px;\n"]);
9090
+ var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n padding-left: 20px;\n width: 147px;\n border: none;\n border: 1px solid ", ";\n border-left: none;\n border-radius: 0 4px 4px 0;\n background: url(", ") no-repeat;\n background-size: 16px;\n background-position: center right 20px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-position: center right 10px;\n background-size: 13px;\n }\n"]);
9048
9091
  _templateObject14$4 = function _templateObject14() {
9049
9092
  return data;
9050
9093
  };
@@ -9512,21 +9555,21 @@
9512
9555
  return data;
9513
9556
  }
9514
9557
  function _templateObject8$b() {
9515
- var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 16px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n"]);
9558
+ var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 16px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 10px;\n }\n"]);
9516
9559
  _templateObject8$b = function _templateObject8() {
9517
9560
  return data;
9518
9561
  };
9519
9562
  return data;
9520
9563
  }
9521
9564
  function _templateObject7$b() {
9522
- var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n }\n "]);
9565
+ var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 11px;\n }\n }\n "]);
9523
9566
  _templateObject7$b = function _templateObject7() {
9524
9567
  return data;
9525
9568
  };
9526
9569
  return data;
9527
9570
  }
9528
9571
  function _templateObject6$b() {
9529
- var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n }\n "]);
9572
+ var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 11px;\n }\n }\n "]);
9530
9573
  _templateObject6$b = function _templateObject6() {
9531
9574
  return data;
9532
9575
  };
@@ -9547,7 +9590,7 @@
9547
9590
  return data;
9548
9591
  }
9549
9592
  function _templateObject3$f() {
9550
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: #1d1d1d;\n"]);
9593
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: #1d1d1d;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
9551
9594
  _templateObject3$f = function _templateObject3() {
9552
9595
  return data;
9553
9596
  };
@@ -9561,7 +9604,7 @@
9561
9604
  return data;
9562
9605
  }
9563
9606
  function _templateObject$h() {
9564
- var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n background: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n"]);
9607
+ var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n background: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n"]);
9565
9608
  _templateObject$h = function _templateObject() {
9566
9609
  return data;
9567
9610
  };
@@ -9588,6 +9631,19 @@
9588
9631
  vertical = _ref.vertical,
9589
9632
  setActiveIndex = _ref.setActiveIndex,
9590
9633
  props = _objectWithoutProperties(_ref, ["steps", "activeIndex", "vertical", "setActiveIndex"]);
9634
+ var handleStepClick = function handleStepClick(index, isEditable, isCompleted) {
9635
+ var _steps;
9636
+ // if set is editable and is previously completed it can be navigated again
9637
+ if (isEditable && isCompleted) {
9638
+ setActiveIndex(index);
9639
+ return;
9640
+ }
9641
+ // if current step is completed the next step can be navigated
9642
+ if (index > 0 && ((_steps = steps[index - 1]) === null || _steps === void 0 ? void 0 : _steps.isCompleted)) {
9643
+ setActiveIndex(index);
9644
+ return;
9645
+ }
9646
+ };
9591
9647
  return /*#__PURE__*/jsxRuntime.jsx(StyledStepper, {
9592
9648
  vertical: vertical,
9593
9649
  children: steps.map(function (_ref2, index) {
@@ -9600,9 +9656,8 @@
9600
9656
  isCompleted: isCompleted,
9601
9657
  isActive: activeIndex === index,
9602
9658
  onClick: function onClick() {
9603
- return isEditable && isCompleted && setActiveIndex(index);
9604
- } // can be navigated by click only after step is completed and is editable
9605
- ,
9659
+ return handleStepClick(index, isEditable, isCompleted);
9660
+ },
9606
9661
  children: [/*#__PURE__*/jsxRuntime.jsx(StyledCircleContainer, {
9607
9662
  children: !isCompleted && index + 1
9608
9663
  }), /*#__PURE__*/jsxRuntime.jsxs(StyledLabelMainContainer, {
@@ -9699,7 +9754,7 @@
9699
9754
  };
9700
9755
 
9701
9756
  function _templateObject11$7() {
9702
- var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n background-size: 16px;\n display: inline-block;\n width: 16px;\n height: 16px;\n cursor: pointer;\n"]);
9757
+ var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n background-size: 16px;\n display: inline-block;\n width: 16px;\n height: 16px;\n cursor: pointer;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 13px;\n }\n"]);
9703
9758
  _templateObject11$7 = function _templateObject11() {
9704
9759
  return data;
9705
9760
  };
@@ -9734,28 +9789,28 @@
9734
9789
  return data;
9735
9790
  }
9736
9791
  function _templateObject6$d() {
9737
- var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n padding: 20px;\n box-sizing: border-box;\n gap: 16px;\n justify-content: flex-end;\n"]);
9792
+ var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n padding: 20px;\n box-sizing: border-box;\n gap: 16px;\n justify-content: flex-end;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px;\n height: 45px;\n padding-top: 0px;\n gap: 0px;\n }\n"]);
9738
9793
  _templateObject6$d = function _templateObject6() {
9739
9794
  return data;
9740
9795
  };
9741
9796
  return data;
9742
9797
  }
9743
9798
  function _templateObject5$f() {
9744
- var data = _taggedTemplateLiteral(["\n padding: 20px;\n box-sizing: border-box;\n\n overflow: auto;\n"]);
9799
+ var data = _taggedTemplateLiteral(["\n padding: 20px;\n box-sizing: border-box;\n overflow: auto;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px;\n font-size: 12px;\n }\n"]);
9745
9800
  _templateObject5$f = function _templateObject5() {
9746
9801
  return data;
9747
9802
  };
9748
9803
  return data;
9749
9804
  }
9750
9805
  function _templateObject4$g() {
9751
- var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n"]);
9806
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
9752
9807
  _templateObject4$g = function _templateObject4() {
9753
9808
  return data;
9754
9809
  };
9755
9810
  return data;
9756
9811
  }
9757
9812
  function _templateObject3$h() {
9758
- var data = _taggedTemplateLiteral(["\n height: 50px;\n background: ", ";\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]);
9813
+ var data = _taggedTemplateLiteral(["\n height: 50px;\n background: ", ";\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 35px;\n padding: 10px;\n }\n"]);
9759
9814
  _templateObject3$h = function _templateObject3() {
9760
9815
  return data;
9761
9816
  };
@@ -9836,14 +9891,14 @@
9836
9891
  };
9837
9892
 
9838
9893
  function _templateObject11$8() {
9839
- var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n"]);
9894
+ var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 45px;\n }\n"]);
9840
9895
  _templateObject11$8 = function _templateObject11() {
9841
9896
  return data;
9842
9897
  };
9843
9898
  return data;
9844
9899
  }
9845
9900
  function _templateObject10$a() {
9846
- var data = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n list-style: disc;\n line-height: 18px;\n margin-bottom: 8px;\n margin-left: 20px;\n"]);
9901
+ var data = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n list-style: disc;\n line-height: 18px;\n margin-bottom: 4px;\n margin-left: 20px;\n"]);
9847
9902
  _templateObject10$a = function _templateObject10() {
9848
9903
  return data;
9849
9904
  };
@@ -9857,49 +9912,49 @@
9857
9912
  return data;
9858
9913
  }
9859
9914
  function _templateObject8$d() {
9860
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n line-height: 15px;\n padding: 10px 0;\n"]);
9915
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n line-height: 15px;\n padding: 10px 0;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding-top: 0px;\n }\n"]);
9861
9916
  _templateObject8$d = function _templateObject8() {
9862
9917
  return data;
9863
9918
  };
9864
9919
  return data;
9865
9920
  }
9866
9921
  function _templateObject7$d() {
9867
- var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
9922
+ var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
9868
9923
  _templateObject7$d = function _templateObject7() {
9869
9924
  return data;
9870
9925
  };
9871
9926
  return data;
9872
9927
  }
9873
9928
  function _templateObject6$e() {
9874
- var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
9929
+ var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
9875
9930
  _templateObject6$e = function _templateObject6() {
9876
9931
  return data;
9877
9932
  };
9878
9933
  return data;
9879
9934
  }
9880
9935
  function _templateObject5$g() {
9881
- var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
9936
+ var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
9882
9937
  _templateObject5$g = function _templateObject5() {
9883
9938
  return data;
9884
9939
  };
9885
9940
  return data;
9886
9941
  }
9887
9942
  function _templateObject4$h() {
9888
- var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
9943
+ var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
9889
9944
  _templateObject4$h = function _templateObject4() {
9890
9945
  return data;
9891
9946
  };
9892
9947
  return data;
9893
9948
  }
9894
9949
  function _templateObject3$i() {
9895
- var data = _taggedTemplateLiteral(["\n width: 414px;\n padding: 0 20px 20px 20px;\n box-sizing: border-box;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n position: relative;\n background-color: ", ";\n margin-top: 75px;\n\n &::before {\n height: 8px;\n border-radius: 4px 4px 0 0;\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n\n ", "\n"]);
9950
+ var data = _taggedTemplateLiteral(["\n width: 414px;\n padding: 0 20px 20px 20px;\n box-sizing: border-box;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n position: relative;\n background-color: ", ";\n margin-top: 75px;\n\n &::before {\n height: 8px;\n border-radius: 4px 4px 0 0;\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 4px;\n }\n }\n\n ", "\n"]);
9896
9951
  _templateObject3$i = function _templateObject3() {
9897
9952
  return data;
9898
9953
  };
9899
9954
  return data;
9900
9955
  }
9901
9956
  function _templateObject2$i() {
9902
- var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n padding: 16px 8px;\n padding-left: 20px;\n"]);
9957
+ var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n padding: 16px 8px;\n padding-left: 20px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n padding: 12px 8px;\n padding-left: 22px;\n }\n"]);
9903
9958
  _templateObject2$i = function _templateObject2() {
9904
9959
  return data;
9905
9960
  };
@@ -10005,14 +10060,14 @@
10005
10060
  return data;
10006
10061
  }
10007
10062
  function _templateObject12$6() {
10008
- var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n"]);
10063
+ var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-top: 10px;\n }\n"]);
10009
10064
  _templateObject12$6 = function _templateObject12() {
10010
10065
  return data;
10011
10066
  };
10012
10067
  return data;
10013
10068
  }
10014
10069
  function _templateObject11$9() {
10015
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-top: 40px;\n"]);
10070
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-top: 40px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n margin-top: 20px;\n }\n"]);
10016
10071
  _templateObject11$9 = function _templateObject11() {
10017
10072
  return data;
10018
10073
  };
@@ -10061,21 +10116,21 @@
10061
10116
  return data;
10062
10117
  }
10063
10118
  function _templateObject4$i() {
10064
- var data = _taggedTemplateLiteral(["\n width: 543px;\n height: 207px;\n border: 1px dashed ", ";\n border-radius: 4px;\n margin-top: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n"]);
10119
+ var data = _taggedTemplateLiteral(["\n width: 543px;\n height: 207px;\n border: 1px dashed ", ";\n border-radius: 4px;\n margin-top: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 488px;\n padding: 15px;\n margin-top: 10px;\n height: 165px;\n }\n"]);
10065
10120
  _templateObject4$i = function _templateObject4() {
10066
10121
  return data;
10067
10122
  };
10068
10123
  return data;
10069
10124
  }
10070
10125
  function _templateObject3$j() {
10071
- var data = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n"]);
10126
+ var data = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
10072
10127
  _templateObject3$j = function _templateObject3() {
10073
10128
  return data;
10074
10129
  };
10075
10130
  return data;
10076
10131
  }
10077
10132
  function _templateObject2$j() {
10078
- var data = _taggedTemplateLiteral(["\n width: 591px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n padding: 24px;\n box-sizing: border-box;\n"]);
10133
+ var data = _taggedTemplateLiteral(["\n width: 591px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n padding: 24px;\n box-sizing: border-box;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n padding: 15px;\n }\n"]);
10079
10134
  _templateObject2$j = function _templateObject2() {
10080
10135
  return data;
10081
10136
  };
@@ -10545,6 +10600,125 @@
10545
10600
  });
10546
10601
  };
10547
10602
 
10603
+ function _templateObject14$6() {
10604
+ var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n cursor: default;\n color: ", ";\n "]);
10605
+ _templateObject14$6 = function _templateObject14() {
10606
+ return data;
10607
+ };
10608
+ return data;
10609
+ }
10610
+ function _templateObject13$6() {
10611
+ var data = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: default;\n "]);
10612
+ _templateObject13$6 = function _templateObject13() {
10613
+ return data;
10614
+ };
10615
+ return data;
10616
+ }
10617
+ function _templateObject12$7() {
10618
+ var data = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: default;\n "]);
10619
+ _templateObject12$7 = function _templateObject12() {
10620
+ return data;
10621
+ };
10622
+ return data;
10623
+ }
10624
+ function _templateObject11$a() {
10625
+ var data = _taggedTemplateLiteral(["\n cursor: default;\n pointer-events: none;\n "]);
10626
+ _templateObject11$a = function _templateObject11() {
10627
+ return data;
10628
+ };
10629
+ return data;
10630
+ }
10631
+ function _templateObject10$c() {
10632
+ var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n font-size: 14px;\n color: ", ";\n justify-content: center;\n cursor: pointer;\n\n ", "\n\n &:first-child {\n background: url(", ") no-repeat;\n cursor: pointer;\n background-position: center;\n transform: rotate(180deg);\n ", "\n }\n &:last-child {\n background: url(", ") no-repeat;\n cursor: pointer;\n background-position: center;\n transform: rotate(360deg);\n\n ", "\n }\n ", "\n"]);
10633
+ _templateObject10$c = function _templateObject10() {
10634
+ return data;
10635
+ };
10636
+ return data;
10637
+ }
10638
+ function _templateObject9$d() {
10639
+ var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 8px;\n"]);
10640
+ _templateObject9$d = function _templateObject9() {
10641
+ return data;
10642
+ };
10643
+ return data;
10644
+ }
10645
+ function _templateObject8$f() {
10646
+ var data = _taggedTemplateLiteral([""]);
10647
+ _templateObject8$f = function _templateObject8() {
10648
+ return data;
10649
+ };
10650
+ return data;
10651
+ }
10652
+ function _templateObject7$f() {
10653
+ var data = _taggedTemplateLiteral([""]);
10654
+ _templateObject7$f = function _templateObject7() {
10655
+ return data;
10656
+ };
10657
+ return data;
10658
+ }
10659
+ function _templateObject6$g() {
10660
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-left: 10px;\n"]);
10661
+ _templateObject6$g = function _templateObject6() {
10662
+ return data;
10663
+ };
10664
+ return data;
10665
+ }
10666
+ function _templateObject5$i() {
10667
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-right: 10px;\n"]);
10668
+ _templateObject5$i = function _templateObject5() {
10669
+ return data;
10670
+ };
10671
+ return data;
10672
+ }
10673
+ function _templateObject4$j() {
10674
+ var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n // overriding select styles\n ", " {\n min-width: unset;\n width: 54px;\n }\n\n ", " {\n min-width: unset;\n padding: 3px 8px;\n width: 54px;\n height: 27px;\n }\n"]);
10675
+ _templateObject4$j = function _templateObject4() {
10676
+ return data;
10677
+ };
10678
+ return data;
10679
+ }
10680
+ function _templateObject3$k() {
10681
+ var data = _taggedTemplateLiteral(["\n display: flex;\n min-height: 27px;\n align-items: center;\n margin-top: 16px;\n justify-content: space-between;\n"]);
10682
+ _templateObject3$k = function _templateObject3() {
10683
+ return data;
10684
+ };
10685
+ return data;
10686
+ }
10687
+ function _templateObject2$k() {
10688
+ var data = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n\n /* &.ag-theme-alpine .ag-cell {\n font-size: ", ";\n } */\n"]);
10689
+ _templateObject2$k = function _templateObject2() {
10690
+ return data;
10691
+ };
10692
+ return data;
10693
+ }
10694
+ function _templateObject$m() {
10695
+ var data = _taggedTemplateLiteral([""]);
10696
+ _templateObject$m = function _templateObject() {
10697
+ return data;
10698
+ };
10699
+ return data;
10700
+ }
10701
+ var StyledTable = styled__default.div(_templateObject$m());
10702
+ var StyledTableContainer = styled__default.div(_templateObject2$k(), function (props) {
10703
+ return props.isCompact ? COMPACT_TABLE_FONT_SIZE : DEFAULT_TABLE_FONT_SIZE;
10704
+ });
10705
+ var PaginationContainer = styled__default.div(_templateObject3$k());
10706
+ var StyledLeftPaginationContainer = styled__default.div(_templateObject4$j(), StyledMenu, StyledDropdownMainButton);
10707
+ var StyledShowRecLabel = styled__default.label(_templateObject5$i(), LabelColor);
10708
+ var ShowRecordsTable = styled__default.label(_templateObject6$g(), LabelColor);
10709
+ var StyledRightPaginationContainer = styled__default.div(_templateObject7$f());
10710
+ var StyledPaginationMainContainer = styled__default.div(_templateObject8$f());
10711
+ var StyledUL = styled__default.ul(_templateObject9$d());
10712
+ var StyledLi = styled__default.li(_templateObject10$c(), LabelColor, function (props) {
10713
+ return props.disabled && styled.css(_templateObject11$a());
10714
+ }, pageArrow, function (props) {
10715
+ return props.disabled && styled.css(_templateObject12$7());
10716
+ }, pageArrow, function (props) {
10717
+ return props.disabled && styled.css(_templateObject13$6());
10718
+ }, function (props) {
10719
+ return props.active && styled.css(_templateObject14$6(), PrimaryBlueColor, WhiteColor);
10720
+ });
10721
+
10548
10722
  function styleInject(css, ref) {
10549
10723
  if ( ref === void 0 ) ref = {};
10550
10724
  var insertAt = ref.insertAt;
@@ -10572,132 +10746,271 @@
10572
10746
  }
10573
10747
  }
10574
10748
 
10575
- var css_248z = "@import \"~ag-grid-community/styles/ag-grid.css\";\n@import \"~ag-grid-community/styles/ag-theme-alpine.css\";\n";
10749
+ var css_248z = "@import \"~ag-grid-community/styles/ag-grid.css\";\n@import \"~ag-grid-community/styles/ag-theme-alpine.css\";\n\n.common_table > div {\n font-family: \"Poppins\", sans-serif !important;\n}\n\n.ag-header-cell,\n.ag-header-viewport {\n background: #efefef;\n}\n\n.ag-theme-alpine,\n.ag-theme-alpine-dark {\n --ag-border-color: #d4d4d4;\n}\n.ag-header-cell-resize::after {\n --ag-border-color: #d4d4d4;\n bottom: 0;\n height: auto;\n width: 1px;\n top: 0;\n display: none;\n}\n\n.ag-header {\n height: 40px !important;\n /* min-height: auto !important; */\n}\n.ag-cell-label-container {\n padding: 0px;\n}\n\n.ag-header-row {\n height: 40px !important;\n}\n.ag-header-cell,\n.ag-header-group-cell {\n padding: 0px 12px !important;\n border-right: 1px solid #d4d4d4;\n}\n.ag-header-cell:last-child,\n.ag-header-group-cell:last-child {\n border-right: none;\n}\n\n.ag-ltr .ag-cell {\n border-right: 1px solid #d4d4d4;\n}\n\n.ag-ltr .ag-cell:last-child {\n border-right: none;\n}\n\n.ag-row {\n border-bottom: 1px solid #d4d4d4;\n}\n\n.ag-ltr .ag-header-cell-resize {\n right: -5px;\n}\n.ag-header-cell-text {\n font-size: 14px;\n font-weight: 600;\n color: #1d1d1d;\n}\n\n.ag-ltr .ag-cell {\n height: 43px;\n font-size: 14px;\n color: #1d1d1d;\n padding-left: 12px;\n}\n.ag-row-hover {\n --ag-row-hover-color: #e5edf7;\n}\n\n.ag-checkbox-input-wrapper.ag-checked::after {\n content: var(--ag-icon-font-code-checkbox-checked, \"\\f106\");\n color: #0055af;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n.ag-checkbox-input-wrapper::after {\n color: #acacac;\n}\n\n.ag-theme-alpine,\n.ag-theme-alpine-dark {\n --ag-selected-row-background-color: #e5edf7;\n}\n/* .ag-icon.ag-icon-menu::before{\n content: \"\";\n background: url('./../../../assets/images/menu-ext.svg') no-repeat;\n width: 5px;\n height: 15px;\n background-size: 5px;\n display: block;\n cursor: pointer;\n} */\n\n.ag-pinned-left-cols-container,\n.ag-pinned-right-cols-container {\n z-index: 9999;\n box-shadow: 0px 3px 4px #00000029;\n}\n\n.ag-header-active {\n --ag-selected-row-background-color: #e5edf7 !important;\n}\n";
10576
10750
  styleInject(css_248z);
10577
10751
 
10752
+ var Pagination = function Pagination(_ref) {
10753
+ var gridApi = _ref.gridApi,
10754
+ pageSizeList = _ref.pageSizeList;
10755
+ var _useState = React.useState(),
10756
+ _useState2 = _slicedToArray(_useState, 2),
10757
+ totalPages = _useState2[0],
10758
+ setTotalPages = _useState2[1];
10759
+ var _useState3 = React.useState(),
10760
+ _useState4 = _slicedToArray(_useState3, 2),
10761
+ currentPage = _useState4[0],
10762
+ setCurrentPage = _useState4[1];
10763
+ React.useEffect(function () {
10764
+ setTotalPages(gridApi.paginationGetTotalPages());
10765
+ setCurrentPage(gridApi.paginationGetCurrentPage() + 1);
10766
+ }, []);
10767
+ var options = pageSizeList.map(function (pageSize) {
10768
+ return {
10769
+ label: pageSize,
10770
+ value: pageSize
10771
+ };
10772
+ });
10773
+ var _useState5 = React.useState(false),
10774
+ _useState6 = _slicedToArray(_useState5, 2),
10775
+ isOpen = _useState6[0],
10776
+ setIsOpen = _useState6[1];
10777
+ var _useState7 = React.useState(options),
10778
+ _useState8 = _slicedToArray(_useState7, 2),
10779
+ currentOptions = _useState8[0],
10780
+ setCurrentOptions = _useState8[1];
10781
+ var _useState9 = React.useState(options[0]),
10782
+ _useState10 = _slicedToArray(_useState9, 2),
10783
+ selectedOptions = _useState10[0],
10784
+ setSelectedOptions = _useState10[1];
10785
+ var pageSizeChange = function pageSizeChange(selectedOption) {
10786
+ setSelectedOptions(selectedOption);
10787
+ setIsOpen(false);
10788
+ gridApi.paginationSetPageSize(Number(selectedOption.value));
10789
+ setTotalPages(gridApi.paginationGetTotalPages());
10790
+ setTotalPages(gridApi.paginationGetTotalPages());
10791
+ setCurrentPage(1);
10792
+ };
10793
+ var gotoPageNumber = function gotoPageNumber(pageNumber) {
10794
+ if (pageNumber === "...") return;
10795
+ gridApi.paginationGoToPage(pageNumber - 1);
10796
+ setCurrentPage(pageNumber);
10797
+ };
10798
+ var nextPage = function nextPage() {
10799
+ if (currentPage === totalPages) return;
10800
+ gridApi.paginationGoToNextPage();
10801
+ setCurrentPage(function (currentPage) {
10802
+ return currentPage + 1;
10803
+ });
10804
+ };
10805
+ var prevPage = function prevPage() {
10806
+ if (currentPage === 1) return;
10807
+ gridApi.paginationGoToPreviousPage();
10808
+ setCurrentPage(function (currentPage) {
10809
+ return currentPage - 1;
10810
+ });
10811
+ };
10812
+ var getVisiblePageNumbers = function getVisiblePageNumbers() {
10813
+ // if total pages is less then 7 only show page numbers without "..."
10814
+ if (totalPages < 7) {
10815
+ return [1, 2, 3, 4, 5, 6].filter(function (page) {
10816
+ return page < totalPages;
10817
+ });
10818
+ }
10819
+ if (currentPage > 4 && currentPage + 2 < totalPages) {
10820
+ return [1, "...", currentPage - 1, currentPage, currentPage + 1, "...", totalPages];
10821
+ }
10822
+ if (currentPage > 4 && currentPage + 2 >= totalPages) {
10823
+ return [1, 2, "...", totalPages - 3, totalPages - 2, totalPages - 1, totalPages];
10824
+ }
10825
+ return [1, 2, 3, 4, 5, "...", totalPages];
10826
+ };
10827
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
10828
+ children: /*#__PURE__*/jsxRuntime.jsxs(PaginationContainer, {
10829
+ children: [/*#__PURE__*/jsxRuntime.jsxs(StyledLeftPaginationContainer, {
10830
+ children: [/*#__PURE__*/jsxRuntime.jsx(StyledShowRecLabel, {
10831
+ children: "Show Records"
10832
+ }), /*#__PURE__*/jsxRuntime.jsx(Select, {
10833
+ placeholder: "Select page size",
10834
+ initialOptions: options,
10835
+ isOpen: isOpen,
10836
+ setIsOpen: setIsOpen,
10837
+ currentOptions: currentOptions,
10838
+ setCurrentOptions: setCurrentOptions,
10839
+ selectedOptions: selectedOptions,
10840
+ setSelectedOptions: setSelectedOptions,
10841
+ onOptionSelect: pageSizeChange
10842
+ }), /*#__PURE__*/jsxRuntime.jsxs(ShowRecordsTable, {
10843
+ children: [gridApi.paginationGetPageSize(), " of", " ", gridApi.getModel().getRowCount(), " records"]
10844
+ })]
10845
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledRightPaginationContainer, {
10846
+ children: /*#__PURE__*/jsxRuntime.jsx(StyledPaginationMainContainer, {
10847
+ children: /*#__PURE__*/jsxRuntime.jsxs(StyledUL, {
10848
+ children: [/*#__PURE__*/jsxRuntime.jsx(StyledLi, {
10849
+ onClick: prevPage,
10850
+ disabled: currentPage === 1
10851
+ }), getVisiblePageNumbers().map(function (pageNumber) {
10852
+ return /*#__PURE__*/jsxRuntime.jsx(StyledLi, {
10853
+ active: currentPage === pageNumber,
10854
+ onClick: function onClick() {
10855
+ return gotoPageNumber(pageNumber);
10856
+ },
10857
+ disabled: pageNumber === "...",
10858
+ children: pageNumber
10859
+ });
10860
+ }), /*#__PURE__*/jsxRuntime.jsx(StyledLi, {
10861
+ onClick: nextPage,
10862
+ disabled: currentPage === totalPages
10863
+ })]
10864
+ })
10865
+ })
10866
+ })]
10867
+ })
10868
+ });
10869
+ };
10870
+
10578
10871
  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10579
10872
  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10580
- var Table = function Table(_ref) {
10873
+ var Table = /*#__PURE__*/React.forwardRef(function (_ref, refs) {
10581
10874
  var rowData = _ref.rowData,
10582
10875
  columnDefs = _ref.columnDefs,
10583
- props = _objectWithoutProperties(_ref, ["rowData", "columnDefs"]);
10876
+ isCompact = _ref.isCompact,
10877
+ pagination = _ref.pagination,
10878
+ pageSizeList = _ref.pageSizeList,
10879
+ props = _objectWithoutProperties(_ref, ["rowData", "columnDefs", "isCompact", "pagination", "pageSizeList"]);
10584
10880
  agGridEnterprise.LicenseManager.setLicenseKey("CompanyName=Impact Analytics,LicensedGroup=31Jan22 Purchase,LicenseType=MultipleApplications,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-025014,ExpiryDate=31_January_2023_[v2]_MTY3NTEyMzIwMDAwMA==e4f58ef1fe10261cf66aa1e5a5cb2da6");
10881
+ var gridRef = React.useRef();
10882
+ var getRowHeight = function getRowHeight() {
10883
+ var defaultHeight = 45;
10884
+ var compactHeight = 25;
10885
+ return isCompact ? compactHeight : defaultHeight;
10886
+ };
10585
10887
  var columnTypes = {
10586
10888
  number: {
10587
10889
  width: 100,
10588
10890
  cellStyle: {
10589
10891
  textAlign: "right"
10590
10892
  }
10893
+ },
10894
+ cellRenderer: {
10895
+ cellStyle: {
10896
+ display: "flex",
10897
+ alignItems: "center",
10898
+ justifyContent: "center"
10899
+ }
10591
10900
  }
10592
10901
  };
10593
- return /*#__PURE__*/jsxRuntime.jsx("div", {
10902
+ return /*#__PURE__*/jsxRuntime.jsxs(StyledTableContainer, {
10594
10903
  className: "ag-theme-alpine",
10595
- style: {
10596
- height: "100%",
10597
- width: "100%"
10598
- },
10599
- children: /*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$f({
10904
+ isCompact: isCompact,
10905
+ children: [/*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$f({
10906
+ ref: refs ? refs : gridRef,
10600
10907
  rowData: rowData,
10601
10908
  columnDefs: columnDefs,
10602
- columnTypes: columnTypes
10603
- }, props))
10909
+ columnTypes: columnTypes,
10910
+ getRowHeight: getRowHeight,
10911
+ pagination: pagination,
10912
+ suppressPaginationPanel: true
10913
+ }, props)), pagination && (refs.current || gridRef.current) && /*#__PURE__*/jsxRuntime.jsx(Pagination, {
10914
+ gridApi: refs ? refs.current.api : gridRef.current.api,
10915
+ pageSizeList: pageSizeList
10916
+ })]
10604
10917
  });
10605
- };
10918
+ });
10606
10919
 
10607
- function _templateObject11$a() {
10920
+ function _templateObject11$b() {
10608
10921
  var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n"]);
10609
- _templateObject11$a = function _templateObject11() {
10922
+ _templateObject11$b = function _templateObject11() {
10610
10923
  return data;
10611
10924
  };
10612
10925
  return data;
10613
10926
  }
10614
- function _templateObject10$c() {
10927
+ function _templateObject10$d() {
10615
10928
  var data = _taggedTemplateLiteral(["\n background: ", ";\n position: absolute;\n bottom: 0;\n height: 50px;\n left: 0px;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 20px;\n box-sizing: border-box;\n"]);
10616
- _templateObject10$c = function _templateObject10() {
10929
+ _templateObject10$d = function _templateObject10() {
10617
10930
  return data;
10618
10931
  };
10619
10932
  return data;
10620
10933
  }
10621
- function _templateObject9$d() {
10622
- var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 44px;\n bottom: 61px;\n overflow: auto;\n left: 0;\n right: 0;\n padding: 12px 20px;\n box-sizing: border-box;\n"]);
10623
- _templateObject9$d = function _templateObject9() {
10934
+ function _templateObject9$e() {
10935
+ var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 44px;\n bottom: 61px;\n overflow: auto;\n left: 0;\n right: 0;\n padding: 12px 20px;\n box-sizing: border-box;\n font-size: 14px;\n //Low Resolution CSS starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
10936
+ _templateObject9$e = function _templateObject9() {
10624
10937
  return data;
10625
10938
  };
10626
10939
  return data;
10627
10940
  }
10628
- function _templateObject8$f() {
10941
+ function _templateObject8$g() {
10629
10942
  var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 12px;\n height: 12px;\n background-size: 12px;\n cursor: pointer;\n"]);
10630
- _templateObject8$f = function _templateObject8() {
10943
+ _templateObject8$g = function _templateObject8() {
10631
10944
  return data;
10632
10945
  };
10633
10946
  return data;
10634
10947
  }
10635
- function _templateObject7$f() {
10636
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n"]);
10637
- _templateObject7$f = function _templateObject7() {
10948
+ function _templateObject7$g() {
10949
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n //Low Resolution Button starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
10950
+ _templateObject7$g = function _templateObject7() {
10638
10951
  return data;
10639
10952
  };
10640
10953
  return data;
10641
10954
  }
10642
- function _templateObject6$g() {
10643
- var data = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n height: 44px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 20px;\n box-sizing: border-box;\n"]);
10644
- _templateObject6$g = function _templateObject6() {
10955
+ function _templateObject6$h() {
10956
+ var data = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n height: 44px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 20px;\n box-sizing: border-box;\n //Low Resolution Button starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px 16px;\n }\n"]);
10957
+ _templateObject6$h = function _templateObject6() {
10645
10958
  return data;
10646
10959
  };
10647
10960
  return data;
10648
10961
  }
10649
- function _templateObject5$i() {
10962
+ function _templateObject5$j() {
10650
10963
  var data = _taggedTemplateLiteral(["\n width: 815px;\n &::before {\n right: 815px;\n }\n "]);
10651
- _templateObject5$i = function _templateObject5() {
10964
+ _templateObject5$j = function _templateObject5() {
10652
10965
  return data;
10653
10966
  };
10654
10967
  return data;
10655
10968
  }
10656
- function _templateObject4$j() {
10969
+ function _templateObject4$k() {
10657
10970
  var data = _taggedTemplateLiteral(["\n width: 575px;\n &::before {\n right: 575px;\n }\n "]);
10658
- _templateObject4$j = function _templateObject4() {
10971
+ _templateObject4$k = function _templateObject4() {
10659
10972
  return data;
10660
10973
  };
10661
10974
  return data;
10662
10975
  }
10663
- function _templateObject3$k() {
10976
+ function _templateObject3$l() {
10664
10977
  var data = _taggedTemplateLiteral(["\n width: 379px;\n\n &::before {\n right: 379px;\n }\n "]);
10665
- _templateObject3$k = function _templateObject3() {
10978
+ _templateObject3$l = function _templateObject3() {
10666
10979
  return data;
10667
10980
  };
10668
10981
  return data;
10669
10982
  }
10670
- function _templateObject2$k() {
10983
+ function _templateObject2$l() {
10671
10984
  var data = _taggedTemplateLiteral(["\n position: fixed;\n right: 0;\n top: 60px;\n bottom: 0;\n background: #fff;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);\n border-radius: 4px 0 0 4px;\n\n &::before {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n content: \" \";\n background: transparent;\n }\n ", "\n"]);
10672
- _templateObject2$k = function _templateObject2() {
10985
+ _templateObject2$l = function _templateObject2() {
10673
10986
  return data;
10674
10987
  };
10675
10988
  return data;
10676
10989
  }
10677
- function _templateObject$m() {
10990
+ function _templateObject$n() {
10678
10991
  var data = _taggedTemplateLiteral(["\n position: relative;\n"]);
10679
- _templateObject$m = function _templateObject() {
10992
+ _templateObject$n = function _templateObject() {
10680
10993
  return data;
10681
10994
  };
10682
10995
  return data;
10683
10996
  }
10684
- var StyledPanel = styled__default.div(_templateObject$m());
10685
- var StyledPanelContentContainer = styled__default.div(_templateObject2$k(), function (props) {
10997
+ var StyledPanel = styled__default.div(_templateObject$n());
10998
+ var StyledPanelContentContainer = styled__default.div(_templateObject2$l(), function (props) {
10686
10999
  switch (props.size) {
10687
11000
  case "small":
10688
- return styled.css(_templateObject3$k());
11001
+ return styled.css(_templateObject3$l());
10689
11002
  case "medium":
10690
- return styled.css(_templateObject4$j());
11003
+ return styled.css(_templateObject4$k());
10691
11004
  case "large":
10692
- return styled.css(_templateObject5$i());
11005
+ return styled.css(_templateObject5$j());
10693
11006
  }
10694
11007
  });
10695
- var StyledPanelHeader = styled__default.div(_templateObject6$g(), DisabledTextareaBg);
10696
- var StyledPanelHeading = styled__default.h2(_templateObject7$f());
10697
- var StyledPanelCloseIcon = styled__default.i(_templateObject8$f(), PanelCloseIcon);
10698
- var StyledPanelBodyContainer = styled__default.div(_templateObject9$d());
10699
- var StyledPanelFooter = styled__default.div(_templateObject10$c(), PanelFooterBg);
10700
- var StyledPanelCTAContainer = styled__default.div(_templateObject11$a());
11008
+ var StyledPanelHeader = styled__default.div(_templateObject6$h(), DisabledTextareaBg);
11009
+ var StyledPanelHeading = styled__default.h2(_templateObject7$g());
11010
+ var StyledPanelCloseIcon = styled__default.i(_templateObject8$g(), PanelCloseIcon);
11011
+ var StyledPanelBodyContainer = styled__default.div(_templateObject9$e());
11012
+ var StyledPanelFooter = styled__default.div(_templateObject10$d(), PanelFooterBg);
11013
+ var StyledPanelCTAContainer = styled__default.div(_templateObject11$b());
10701
11014
 
10702
11015
  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10703
11016
  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -10739,55 +11052,55 @@
10739
11052
  });
10740
11053
  };
10741
11054
 
10742
- function _templateObject6$h() {
10743
- var data = _taggedTemplateLiteral(["\n ", " {\n width: 113px;\n position: relative;\n z-index: 999;\n padding-left: 36px;\n text-align: center;\n }\n ", " {\n position: absolute;\n bottom: -20px;\n flex-direction: row-reverse;\n justify-content: space-between;\n width: 100%;\n left: 0px;\n right: 0;\n z-index: 9999;\n }\n ", " {\n margin-top: -50px;\n margin-left: 8px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n }\n }\n ", " {\n margin-top: -50px;\n margin-right: 9px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n }\n }\n "]);
10744
- _templateObject6$h = function _templateObject6() {
11055
+ function _templateObject6$i() {
11056
+ var data = _taggedTemplateLiteral(["\n ", " {\n width: 113px;\n position: relative;\n z-index: 999;\n padding-left: 36px;\n text-align: center;\n }\n ", " {\n position: absolute;\n bottom: -20px;\n flex-direction: row-reverse;\n justify-content: space-between;\n width: 100%;\n left: 0px;\n right: 0;\n z-index: 9999;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n bottom: -27px;\n }\n }\n ", " {\n margin-top: -50px;\n margin-left: 8px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 18px;\n height: 18px;\n background-size: 9px;\n }\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 9px;\n }\n }\n }\n ", " {\n margin-top: -50px;\n margin-right: 9px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 18px;\n height: 18px;\n background-size: 9px;\n }\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 9px;\n }\n }\n }\n "]);
11057
+ _templateObject6$i = function _templateObject6() {
10745
11058
  return data;
10746
11059
  };
10747
11060
  return data;
10748
11061
  }
10749
- function _templateObject5$j() {
11062
+ function _templateObject5$k() {
10750
11063
  var data = _taggedTemplateLiteral(["\n pointer-events: none;\n ", " {\n background: ", ";\n border: 1px solid ", ";\n }\n ", " {\n opacity: 0.4;\n }\n ", " {\n opacity: 0.4;\n }\n "]);
10751
- _templateObject5$j = function _templateObject5() {
11064
+ _templateObject5$k = function _templateObject5() {
10752
11065
  return data;
10753
11066
  };
10754
11067
  return data;
10755
11068
  }
10756
- function _templateObject4$k() {
11069
+ function _templateObject4$l() {
10757
11070
  var data = _taggedTemplateLiteral(["\n position: relative;\n width: max-content;\n ", " {\n width: 140px;\n box-sizing: border-box;\n padding-right: 35px;\n }\n ", "\n\n ", "\n"]);
10758
- _templateObject4$k = function _templateObject4() {
11071
+ _templateObject4$l = function _templateObject4() {
10759
11072
  return data;
10760
11073
  };
10761
11074
  return data;
10762
11075
  }
10763
- function _templateObject3$l() {
10764
- var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n\n &:hover {\n background-color: ", ";\n }\n"]);
10765
- _templateObject3$l = function _templateObject3() {
11076
+ function _templateObject3$m() {
11077
+ var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 16px;\n height: 10px;\n background-size: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"]);
11078
+ _templateObject3$m = function _templateObject3() {
10766
11079
  return data;
10767
11080
  };
10768
11081
  return data;
10769
11082
  }
10770
- function _templateObject2$l() {
10771
- var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n transform: rotate(180deg);\n\n &:hover {\n background-color: ", ";\n }\n"]);
10772
- _templateObject2$l = function _templateObject2() {
11083
+ function _templateObject2$m() {
11084
+ var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n transform: rotate(180deg);\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 16px;\n height: 10px;\n background-size: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"]);
11085
+ _templateObject2$m = function _templateObject2() {
10773
11086
  return data;
10774
11087
  };
10775
11088
  return data;
10776
11089
  }
10777
- function _templateObject$n() {
10778
- var data = _taggedTemplateLiteral(["\n position: absolute;\n gap: 1px;\n right: 5px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n"]);
10779
- _templateObject$n = function _templateObject() {
11090
+ function _templateObject$o() {
11091
+ var data = _taggedTemplateLiteral(["\n position: absolute;\n gap: 1px;\n right: 5px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n //Low Resolution CSS starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n bottom: 4px;\n }\n"]);
11092
+ _templateObject$o = function _templateObject() {
10780
11093
  return data;
10781
11094
  };
10782
11095
  return data;
10783
11096
  }
10784
- var StyledArrowContainer = styled__default.div(_templateObject$n());
10785
- var StyledUpArrowContainer = styled__default.button(_templateObject2$l(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
10786
- var StyledUpBottomContainer = styled__default.button(_templateObject3$l(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
10787
- var StyledCounter = styled__default.div(_templateObject4$k(), StyledInputBox, function (props) {
10788
- return props.disabled && styled.css(_templateObject5$j(), StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, StyledUpBottomContainer, StyledUpArrowContainer);
11097
+ var StyledArrowContainer = styled__default.div(_templateObject$o());
11098
+ var StyledUpArrowContainer = styled__default.button(_templateObject2$m(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
11099
+ var StyledUpBottomContainer = styled__default.button(_templateObject3$m(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
11100
+ var StyledCounter = styled__default.div(_templateObject4$l(), StyledInputBox, function (props) {
11101
+ return props.disabled && styled.css(_templateObject5$k(), StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, StyledUpBottomContainer, StyledUpArrowContainer);
10789
11102
  }, function (props) {
10790
- return props.stepper && styled.css(_templateObject6$h(), StyledInputBox, StyledArrowContainer, StyledUpBottomContainer, DisabledTextareaBg, minusIcon, FocusBackgroundColor, minusIcon, StyledUpArrowContainer, DisabledTextareaBg, plusIcon, FocusBackgroundColor, plusIcon);
11103
+ return props.stepper && styled.css(_templateObject6$i(), StyledInputBox, StyledArrowContainer, StyledUpBottomContainer, DisabledTextareaBg, minusIcon, FocusBackgroundColor, minusIcon, StyledUpArrowContainer, DisabledTextareaBg, plusIcon, FocusBackgroundColor, plusIcon);
10791
11104
  });
10792
11105
 
10793
11106
  var Counter = function Counter(_ref) {
@@ -10844,62 +11157,62 @@
10844
11157
  });
10845
11158
  };
10846
11159
 
10847
- function _templateObject7$g() {
11160
+ function _templateObject7$h() {
10848
11161
  var data = _taggedTemplateLiteral(["\n height: 50px;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: flex-end;\n gap: 16px;\n"]);
10849
- _templateObject7$g = function _templateObject7() {
11162
+ _templateObject7$h = function _templateObject7() {
10850
11163
  return data;
10851
11164
  };
10852
11165
  return data;
10853
11166
  }
10854
- function _templateObject6$i() {
10855
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n"]);
10856
- _templateObject6$i = function _templateObject6() {
11167
+ function _templateObject6$j() {
11168
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
11169
+ _templateObject6$j = function _templateObject6() {
10857
11170
  return data;
10858
11171
  };
10859
11172
  return data;
10860
11173
  }
10861
- function _templateObject5$k() {
10862
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-bottom: 16px;\n"]);
10863
- _templateObject5$k = function _templateObject5() {
11174
+ function _templateObject5$l() {
11175
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-bottom: 16px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
11176
+ _templateObject5$l = function _templateObject5() {
10864
11177
  return data;
10865
11178
  };
10866
11179
  return data;
10867
11180
  }
10868
- function _templateObject4$l() {
10869
- var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 16px;\n"]);
10870
- _templateObject4$l = function _templateObject4() {
11181
+ function _templateObject4$m() {
11182
+ var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
11183
+ _templateObject4$m = function _templateObject4() {
10871
11184
  return data;
10872
11185
  };
10873
11186
  return data;
10874
11187
  }
10875
- function _templateObject3$m() {
10876
- var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]);
10877
- _templateObject3$m = function _templateObject3() {
11188
+ function _templateObject3$n() {
11189
+ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n"]);
11190
+ _templateObject3$n = function _templateObject3() {
10878
11191
  return data;
10879
11192
  };
10880
11193
  return data;
10881
11194
  }
10882
- function _templateObject2$m() {
10883
- var data = _taggedTemplateLiteral(["\n min-width: 490px;\n padding: 20px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n box-sizing: border-box;\n"]);
10884
- _templateObject2$m = function _templateObject2() {
11195
+ function _templateObject2$n() {
11196
+ var data = _taggedTemplateLiteral(["\n min-width: 490px;\n padding: 20px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n box-sizing: border-box;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n min-width: 360px;\n padding: 15px;\n }\n"]);
11197
+ _templateObject2$n = function _templateObject2() {
10885
11198
  return data;
10886
11199
  };
10887
11200
  return data;
10888
11201
  }
10889
- function _templateObject$o() {
11202
+ function _templateObject$p() {
10890
11203
  var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 15px;\n"]);
10891
- _templateObject$o = function _templateObject() {
11204
+ _templateObject$p = function _templateObject() {
10892
11205
  return data;
10893
11206
  };
10894
11207
  return data;
10895
11208
  }
10896
- var StyledCardContainer = styled__default.div(_templateObject$o());
10897
- var StyledCard = styled__default.div(_templateObject2$m());
10898
- var StyledCardHeadingContainer = styled__default.div(_templateObject3$m());
10899
- var StyledCardHeading = styled__default.h2(_templateObject4$l());
10900
- var StyledSubHeading = styled__default.h3(_templateObject5$k());
10901
- var StyledBodyContainer = styled__default.p(_templateObject6$i());
10902
- var StyledBottomCTAContainer$2 = styled__default.div(_templateObject7$g());
11209
+ var StyledCardContainer = styled__default.div(_templateObject$p());
11210
+ var StyledCard = styled__default.div(_templateObject2$n());
11211
+ var StyledCardHeadingContainer = styled__default.div(_templateObject3$n());
11212
+ var StyledCardHeading = styled__default.h2(_templateObject4$m());
11213
+ var StyledSubHeading = styled__default.h3(_templateObject5$l());
11214
+ var StyledBodyContainer = styled__default.p(_templateObject6$j());
11215
+ var StyledBottomCTAContainer$2 = styled__default.div(_templateObject7$h());
10903
11216
 
10904
11217
  var Card = function Card(_ref) {
10905
11218
  var children = _ref.children;
@@ -10910,112 +11223,112 @@
10910
11223
  });
10911
11224
  };
10912
11225
 
10913
- function _templateObject13$6() {
11226
+ function _templateObject13$7() {
10914
11227
  var data = _taggedTemplateLiteral(["\n background: ", ";\n position: absolute;\n width: 30%;\n left: 0%;\n height: 6px;\n border-radius: 4px;\n"]);
10915
- _templateObject13$6 = function _templateObject13() {
11228
+ _templateObject13$7 = function _templateObject13() {
10916
11229
  return data;
10917
11230
  };
10918
11231
  return data;
10919
11232
  }
10920
- function _templateObject12$7() {
11233
+ function _templateObject12$8() {
10921
11234
  var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n z-index: 2;\n"]);
10922
- _templateObject12$7 = function _templateObject12() {
11235
+ _templateObject12$8 = function _templateObject12() {
10923
11236
  return data;
10924
11237
  };
10925
11238
  return data;
10926
11239
  }
10927
- function _templateObject11$b() {
11240
+ function _templateObject11$c() {
10928
11241
  var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n width: 100%;\n z-index: 1;\n"]);
10929
- _templateObject11$b = function _templateObject11() {
11242
+ _templateObject11$c = function _templateObject11() {
10930
11243
  return data;
10931
11244
  };
10932
11245
  return data;
10933
11246
  }
10934
- function _templateObject10$d() {
11247
+ function _templateObject10$e() {
10935
11248
  var data = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]);
10936
- _templateObject10$d = function _templateObject10() {
11249
+ _templateObject10$e = function _templateObject10() {
10937
11250
  return data;
10938
11251
  };
10939
11252
  return data;
10940
11253
  }
10941
- function _templateObject9$e() {
11254
+ function _templateObject9$f() {
10942
11255
  var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 4;\n"]);
10943
- _templateObject9$e = function _templateObject9() {
11256
+ _templateObject9$f = function _templateObject9() {
10944
11257
  return data;
10945
11258
  };
10946
11259
  return data;
10947
11260
  }
10948
- function _templateObject8$g() {
11261
+ function _templateObject8$h() {
10949
11262
  var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 3;\n"]);
10950
- _templateObject8$g = function _templateObject8() {
11263
+ _templateObject8$h = function _templateObject8() {
10951
11264
  return data;
10952
11265
  };
10953
11266
  return data;
10954
11267
  }
10955
- function _templateObject7$h() {
11268
+ function _templateObject7$i() {
10956
11269
  var data = _taggedTemplateLiteral(["\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n\n pointer-events: none;\n position: absolute;\n height: 0;\n width: 100%;\n outline: none;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n /* For Chrome browsers */\n &::-webkit-slider-thumb {\n border: none;\n border-radius: 50%;\n cursor: pointer;\n width: 20px;\n height: 20px;\n background: ", ";\n border-radius: 50%;\n cursor: pointer;\n\n margin-top: 8px;\n pointer-events: all;\n position: relative;\n }\n\n &::-webkit-slider-thumb:hover {\n box-shadow: rgba(0, 85, 175, 0.2) 0px 0px 0px 6px;\n }\n\n &::-moz-range-thumb {\n border: none;\n border-radius: 50%;\n cursor: pointer;\n width: 20px;\n height: 20px;\n background: ", ";\n border-radius: 50%;\n cursor: pointer;\n margin-top: 8px;\n pointer-events: all;\n position: relative;\n }\n\n &::-moz-range-thumb:hover {\n box-shadow: rgba(0, 85, 175, 0.2) 0px 0px 0px 6px;\n }\n\n &:disabled::-webkit-slider-thumb {\n background: ", ";\n &:hover {\n box-shadow: none;\n cursor: default;\n }\n }\n"]);
10957
- _templateObject7$h = function _templateObject7() {
11270
+ _templateObject7$i = function _templateObject7() {
10958
11271
  return data;
10959
11272
  };
10960
11273
  return data;
10961
11274
  }
10962
- function _templateObject6$j() {
11275
+ function _templateObject6$k() {
10963
11276
  var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n margin-bottom: 10px;\n"]);
10964
- _templateObject6$j = function _templateObject6() {
11277
+ _templateObject6$k = function _templateObject6() {
10965
11278
  return data;
10966
11279
  };
10967
11280
  return data;
10968
11281
  }
10969
- function _templateObject5$l() {
11282
+ function _templateObject5$m() {
10970
11283
  var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 200px;\n"]);
10971
- _templateObject5$l = function _templateObject5() {
11284
+ _templateObject5$m = function _templateObject5() {
10972
11285
  return data;
10973
11286
  };
10974
11287
  return data;
10975
11288
  }
10976
- function _templateObject4$m() {
11289
+ function _templateObject4$n() {
10977
11290
  var data = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"]);
10978
- _templateObject4$m = function _templateObject4() {
11291
+ _templateObject4$n = function _templateObject4() {
10979
11292
  return data;
10980
11293
  };
10981
11294
  return data;
10982
11295
  }
10983
- function _templateObject3$n() {
11296
+ function _templateObject3$o() {
10984
11297
  var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n pointer-events: none;\n &:focus {\n box-shadow: none;\n }\n }\n "]);
10985
- _templateObject3$n = function _templateObject3() {
11298
+ _templateObject3$o = function _templateObject3() {
10986
11299
  return data;
10987
11300
  };
10988
11301
  return data;
10989
11302
  }
10990
- function _templateObject2$n() {
11303
+ function _templateObject2$o() {
10991
11304
  var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n flex-direction: column;\n "]);
10992
- _templateObject2$n = function _templateObject2() {
11305
+ _templateObject2$o = function _templateObject2() {
10993
11306
  return data;
10994
11307
  };
10995
11308
  return data;
10996
11309
  }
10997
- function _templateObject$p() {
11310
+ function _templateObject$q() {
10998
11311
  var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 16px;\n width: max-content;\n\n ", "\n\n ", " {\n width: 58px;\n height: 29px;\n padding: 4px 16px;\n text-align: center;\n }\n\n ", "\n"]);
10999
- _templateObject$p = function _templateObject() {
11312
+ _templateObject$q = function _templateObject() {
11000
11313
  return data;
11001
11314
  };
11002
11315
  return data;
11003
11316
  }
11004
- var StyledMainContainer = styled__default.div(_templateObject$p(), function (props) {
11005
- return props.isRangeSelector && styled.css(_templateObject2$n());
11317
+ var StyledMainContainer = styled__default.div(_templateObject$q(), function (props) {
11318
+ return props.isRangeSelector && styled.css(_templateObject2$o());
11006
11319
  }, StyledInputBox, function (props) {
11007
- return props.disabled && styled.css(_templateObject3$n(), StyledSliderRange, DefaultColorButton, StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor);
11320
+ return props.disabled && styled.css(_templateObject3$o(), StyledSliderRange, DefaultColorButton, StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor);
11008
11321
  });
11009
- var StyledInputContainer$1 = styled__default.div(_templateObject4$m());
11010
- var StyledSliderContainer = styled__default.div(_templateObject5$l());
11011
- var StyledSliderLabel = styled__default.label(_templateObject6$j(), LabelColor);
11012
- var StyledSliderThumb = styled.css(_templateObject7$h(), PrimaryBlueColor, PrimaryBlueColor, DefaultColorButton);
11013
- var StyledSliderLeft = styled__default.input(_templateObject8$g(), StyledSliderThumb);
11014
- var StyledSliderRight = styled__default.input(_templateObject9$e(), StyledSliderThumb);
11015
- var StyledSlider = styled__default.div(_templateObject10$d());
11016
- var StyledSliderTrack = styled__default.div(_templateObject11$b(), DisabledTextareaBg);
11017
- var StyledSliderRange = styled__default.div(_templateObject12$7(), PrimaryBlueColor);
11018
- var StyledSliderActive = styled__default.div(_templateObject13$6(), PrimaryBlueColor);
11322
+ var StyledInputContainer$1 = styled__default.div(_templateObject4$n());
11323
+ var StyledSliderContainer = styled__default.div(_templateObject5$m());
11324
+ var StyledSliderLabel = styled__default.label(_templateObject6$k(), LabelColor);
11325
+ var StyledSliderThumb = styled.css(_templateObject7$i(), PrimaryBlueColor, PrimaryBlueColor, DefaultColorButton);
11326
+ var StyledSliderLeft = styled__default.input(_templateObject8$h(), StyledSliderThumb);
11327
+ var StyledSliderRight = styled__default.input(_templateObject9$f(), StyledSliderThumb);
11328
+ var StyledSlider = styled__default.div(_templateObject10$e());
11329
+ var StyledSliderTrack = styled__default.div(_templateObject11$c(), DisabledTextareaBg);
11330
+ var StyledSliderRange = styled__default.div(_templateObject12$8(), PrimaryBlueColor);
11331
+ var StyledSliderActive = styled__default.div(_templateObject13$7(), PrimaryBlueColor);
11019
11332
 
11020
11333
  var Slider = function Slider(_ref) {
11021
11334
  var min = _ref.min,
@@ -11156,114 +11469,114 @@
11156
11469
  });
11157
11470
  };
11158
11471
 
11159
- function _templateObject12$8() {
11472
+ function _templateObject12$9() {
11160
11473
  var data = _taggedTemplateLiteral(["\n display: none;\n "]);
11161
- _templateObject12$8 = function _templateObject12() {
11474
+ _templateObject12$9 = function _templateObject12() {
11162
11475
  return data;
11163
11476
  };
11164
11477
  return data;
11165
11478
  }
11166
- function _templateObject11$c() {
11479
+ function _templateObject11$d() {
11167
11480
  var data = _taggedTemplateLiteral(["\n font-size: 14px;\n "]);
11168
- _templateObject11$c = function _templateObject11() {
11481
+ _templateObject11$d = function _templateObject11() {
11169
11482
  return data;
11170
11483
  };
11171
11484
  return data;
11172
11485
  }
11173
- function _templateObject10$e() {
11486
+ function _templateObject10$f() {
11174
11487
  var data = _taggedTemplateLiteral(["\n font-size: 12px;\n "]);
11175
- _templateObject10$e = function _templateObject10() {
11488
+ _templateObject10$f = function _templateObject10() {
11176
11489
  return data;
11177
11490
  };
11178
11491
  return data;
11179
11492
  }
11180
- function _templateObject9$f() {
11493
+ function _templateObject9$g() {
11181
11494
  var data = _taggedTemplateLiteral(["\n display: none;\n "]);
11182
- _templateObject9$f = function _templateObject9() {
11495
+ _templateObject9$g = function _templateObject9() {
11183
11496
  return data;
11184
11497
  };
11185
11498
  return data;
11186
11499
  }
11187
- function _templateObject8$h() {
11500
+ function _templateObject8$i() {
11188
11501
  var data = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n "]);
11189
- _templateObject8$h = function _templateObject8() {
11502
+ _templateObject8$i = function _templateObject8() {
11190
11503
  return data;
11191
11504
  };
11192
11505
  return data;
11193
11506
  }
11194
- function _templateObject7$i() {
11507
+ function _templateObject7$j() {
11195
11508
  var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n "]);
11196
- _templateObject7$i = function _templateObject7() {
11509
+ _templateObject7$j = function _templateObject7() {
11197
11510
  return data;
11198
11511
  };
11199
11512
  return data;
11200
11513
  }
11201
- function _templateObject6$k() {
11514
+ function _templateObject6$l() {
11202
11515
  var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
11203
- _templateObject6$k = function _templateObject6() {
11516
+ _templateObject6$l = function _templateObject6() {
11204
11517
  return data;
11205
11518
  };
11206
11519
  return data;
11207
11520
  }
11208
- function _templateObject5$m() {
11521
+ function _templateObject5$n() {
11209
11522
  var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n "]);
11210
- _templateObject5$m = function _templateObject5() {
11523
+ _templateObject5$n = function _templateObject5() {
11211
11524
  return data;
11212
11525
  };
11213
11526
  return data;
11214
11527
  }
11215
- function _templateObject4$n() {
11528
+ function _templateObject4$o() {
11216
11529
  var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 80px;\n\n ", " {\n ", "\n }\n\n ", " {\n ", "\n }\n"]);
11217
- _templateObject4$n = function _templateObject4() {
11530
+ _templateObject4$o = function _templateObject4() {
11218
11531
  return data;
11219
11532
  };
11220
11533
  return data;
11221
11534
  }
11222
- function _templateObject3$o() {
11223
- var data = _taggedTemplateLiteral(["\n font-size: 10px;\n margin: 50px auto;\n border-radius: 50%;\n background: ", ";\n background: -moz-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: -webkit-linear-gradient(\n left,\n #0055af 10%,\n rgba(0, 85, 175, 0) 82%\n );\n background: -o-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: -ms-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: linear-gradient(to right, #0055af 10%, rgba(0, 85, 175, 0) 52%);\n position: relative;\n -webkit-animation: load3 1.4s infinite linear;\n animation: load3 1.4s infinite linear;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n\n &::before {\n width: 50%;\n height: 50%;\n background: #0055af;\n border-radius: 100% 0 0 0;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n }\n\n &::after {\n background: #fff;\n width: 75%;\n height: 75%;\n border-radius: 50%;\n content: \"\";\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n @-webkit-keyframes load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n"]);
11224
- _templateObject3$o = function _templateObject3() {
11535
+ function _templateObject3$p() {
11536
+ var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n margin: 0;\n background: transparent;\n border-top: 4px solid ", ";\n border-right: 4px solid transparent;\n border-radius: 50%;\n -webkit-animation: 1s spin linear infinite;\n animation: 1s spin linear infinite;\n\n @keyframes spin {\n from {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n"]);
11537
+ _templateObject3$p = function _templateObject3() {
11225
11538
  return data;
11226
11539
  };
11227
11540
  return data;
11228
11541
  }
11229
- function _templateObject2$o() {
11230
- var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n position: absolute;\n left: 0;\n right: 0;\n text-align: center;\n bottom: -35px;\n"]);
11231
- _templateObject2$o = function _templateObject2() {
11542
+ function _templateObject2$p() {
11543
+ var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n position: absolute;\n left: 0;\n right: 0;\n text-align: center;\n"]);
11544
+ _templateObject2$p = function _templateObject2() {
11232
11545
  return data;
11233
11546
  };
11234
11547
  return data;
11235
11548
  }
11236
- function _templateObject$q() {
11237
- var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n font-weight: 500;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n /* width: 100px; */\n height: 16px;\n text-align: center;\n"]);
11238
- _templateObject$q = function _templateObject() {
11549
+ function _templateObject$r() {
11550
+ var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n font-weight: 500;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n height: 16px;\n text-align: center;\n"]);
11551
+ _templateObject$r = function _templateObject() {
11239
11552
  return data;
11240
11553
  };
11241
11554
  return data;
11242
11555
  }
11243
- var SpinnerPercentage = styled__default.span(_templateObject$q());
11244
- var StyledSpinnerText = styled__default.div(_templateObject2$o());
11245
- var StyledSpinner = styled__default.div(_templateObject3$o(), PrimaryBlueColor);
11246
- var StyledSpinnerMainContainer = styled__default.div(_templateObject4$n(), StyledSpinner, function (props) {
11556
+ var SpinnerPercentage = styled__default.span(_templateObject$r());
11557
+ var StyledSpinnerText = styled__default.div(_templateObject2$p());
11558
+ var StyledSpinner = styled__default.div(_templateObject3$p(), PrimaryBlueColor);
11559
+ var StyledSpinnerMainContainer = styled__default.div(_templateObject4$o(), StyledSpinner, function (props) {
11247
11560
  switch (props.size) {
11248
11561
  case "small":
11249
- return styled.css(_templateObject5$m());
11562
+ return styled.css(_templateObject5$n());
11250
11563
  case "medium":
11251
- return styled.css(_templateObject6$k());
11564
+ return styled.css(_templateObject6$l());
11252
11565
  case "large":
11253
- return styled.css(_templateObject7$i());
11566
+ return styled.css(_templateObject7$j());
11254
11567
  case "xs":
11255
- return styled.css(_templateObject8$h());
11568
+ return styled.css(_templateObject8$i());
11256
11569
  }
11257
11570
  }, SpinnerPercentage, function (props) {
11258
11571
  switch (props.size) {
11259
11572
  case "small":
11260
- return styled.css(_templateObject9$f());
11573
+ return styled.css(_templateObject9$g());
11261
11574
  case "medium":
11262
- return styled.css(_templateObject10$e());
11575
+ return styled.css(_templateObject10$f());
11263
11576
  case "large":
11264
- return styled.css(_templateObject11$c());
11577
+ return styled.css(_templateObject11$d());
11265
11578
  case "xs":
11266
- return styled.css(_templateObject12$8());
11579
+ return styled.css(_templateObject12$9());
11267
11580
  }
11268
11581
  });
11269
11582
 
@@ -11285,103 +11598,103 @@
11285
11598
  }));
11286
11599
  };
11287
11600
 
11288
- function _templateObject11$d() {
11289
- var data = _taggedTemplateLiteral(["\n height: 245px;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n display: none;\n }\n ", " {\n margin-top: 0px;\n }\n "]);
11290
- _templateObject11$d = function _templateObject11() {
11601
+ function _templateObject11$e() {
11602
+ var data = _taggedTemplateLiteral(["\n height: 245px;\n display: flex;\n align-items: center;\n justify-content: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 185px;\n }\n ", " {\n display: none;\n }\n ", " {\n margin-top: 0px;\n }\n "]);
11603
+ _templateObject11$e = function _templateObject11() {
11291
11604
  return data;
11292
11605
  };
11293
11606
  return data;
11294
11607
  }
11295
- function _templateObject10$f() {
11296
- var data = _taggedTemplateLiteral(["\n width: 937px;\n height: 360px;\n display: flex;\n align-items: center;\n ", " {\n margin-left: 56px;\n margin-right: 48px;\n background: url(", ") no-repeat;\n background-size: 183px;\n margin-top: 0px;\n }\n ", " {\n flex-direction: row;\n align-items: center;\n }\n ", " {\n padding-left: 0;\n text-align: left;\n margin-top: 0;\n }\n ", " {\n text-align: left;\n }\n ", " {\n text-align: left;\n }\n "]);
11297
- _templateObject10$f = function _templateObject10() {
11608
+ function _templateObject10$g() {
11609
+ var data = _taggedTemplateLiteral(["\n width: 937px;\n height: 360px;\n display: flex;\n align-items: center;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n height: 185px;\n }\n\n ", " {\n margin-left: 56px;\n margin-right: 48px;\n background: url(", ") no-repeat;\n background-size: 103px;\n margin-top: 0px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 108px;\n }\n }\n ", " {\n flex-direction: row;\n align-items: center;\n }\n ", " {\n padding-left: 0;\n text-align: left;\n margin-top: 0;\n }\n ", " {\n text-align: left;\n }\n ", " {\n text-align: left;\n }\n "]);
11610
+ _templateObject10$g = function _templateObject10() {
11298
11611
  return data;
11299
11612
  };
11300
11613
  return data;
11301
11614
  }
11302
- function _templateObject9$g() {
11303
- var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
11304
- _templateObject9$g = function _templateObject9() {
11615
+ function _templateObject9$h() {
11616
+ var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 150px;\n }\n }\n "]);
11617
+ _templateObject9$h = function _templateObject9() {
11305
11618
  return data;
11306
11619
  };
11307
11620
  return data;
11308
11621
  }
11309
- function _templateObject8$i() {
11310
- var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
11311
- _templateObject8$i = function _templateObject8() {
11622
+ function _templateObject8$j() {
11623
+ var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 150px;\n }\n }\n "]);
11624
+ _templateObject8$j = function _templateObject8() {
11312
11625
  return data;
11313
11626
  };
11314
11627
  return data;
11315
11628
  }
11316
- function _templateObject7$j() {
11317
- var data = _taggedTemplateLiteral(["\n width: 890px;\n height: 517px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n\n ", "\n\n ", "\n \n ", "\n"]);
11318
- _templateObject7$j = function _templateObject7() {
11629
+ function _templateObject7$k() {
11630
+ var data = _taggedTemplateLiteral(["\n width: 890px;\n height: 517px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n height: 365px;\n }\n\n ", "\n\n ", "\n \n ", "\n"]);
11631
+ _templateObject7$k = function _templateObject7() {
11319
11632
  return data;
11320
11633
  };
11321
11634
  return data;
11322
11635
  }
11323
- function _templateObject6$l() {
11324
- var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n"]);
11325
- _templateObject6$l = function _templateObject6() {
11636
+ function _templateObject6$m() {
11637
+ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-top: 15px;\n }\n"]);
11638
+ _templateObject6$m = function _templateObject6() {
11326
11639
  return data;
11327
11640
  };
11328
11641
  return data;
11329
11642
  }
11330
- function _templateObject5$n() {
11331
- var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n margin-top: 12px;\n text-align: center;\n"]);
11332
- _templateObject5$n = function _templateObject5() {
11643
+ function _templateObject5$o() {
11644
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n margin-top: 12px;\n text-align: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n margin-top: 10px;\n }\n"]);
11645
+ _templateObject5$o = function _templateObject5() {
11333
11646
  return data;
11334
11647
  };
11335
11648
  return data;
11336
11649
  }
11337
- function _templateObject4$o() {
11338
- var data = _taggedTemplateLiteral(["\n margin-top: 30px;\n padding: 0 15px;\n"]);
11339
- _templateObject4$o = function _templateObject4() {
11650
+ function _templateObject4$p() {
11651
+ var data = _taggedTemplateLiteral(["\n margin-top: 30px;\n padding: 0 15px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-top: 20px;\n }\n"]);
11652
+ _templateObject4$p = function _templateObject4() {
11340
11653
  return data;
11341
11654
  };
11342
11655
  return data;
11343
11656
  }
11344
- function _templateObject3$p() {
11345
- var data = _taggedTemplateLiteral(["\n font-weight: 500;\n line-height: 30px;\n text-align: center;\n"]);
11346
- _templateObject3$p = function _templateObject3() {
11657
+ function _templateObject3$q() {
11658
+ var data = _taggedTemplateLiteral(["\n font-weight: 500;\n line-height: 30px;\n text-align: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 18px;\n }\n"]);
11659
+ _templateObject3$q = function _templateObject3() {
11347
11660
  return data;
11348
11661
  };
11349
11662
  return data;
11350
11663
  }
11351
- function _templateObject2$p() {
11352
- var data = _taggedTemplateLiteral(["\n width: 194px;\n height: 194px;\n margin: auto;\n margin-top: 80px;\n"]);
11353
- _templateObject2$p = function _templateObject2() {
11664
+ function _templateObject2$q() {
11665
+ var data = _taggedTemplateLiteral(["\n width: 194px;\n height: 194px;\n margin: auto;\n margin-top: 80px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 150px;\n height: 158px;\n margin: auto;\n margin-top: 45px;\n }\n"]);
11666
+ _templateObject2$q = function _templateObject2() {
11354
11667
  return data;
11355
11668
  };
11356
11669
  return data;
11357
11670
  }
11358
- function _templateObject$r() {
11671
+ function _templateObject$s() {
11359
11672
  var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"]);
11360
- _templateObject$r = function _templateObject() {
11673
+ _templateObject$s = function _templateObject() {
11361
11674
  return data;
11362
11675
  };
11363
11676
  return data;
11364
11677
  }
11365
- var StyledImageContentContainer = styled__default.div(_templateObject$r());
11366
- var StyledImageContainer = styled__default.div(_templateObject2$p());
11367
- var StyledStateHeading = styled__default.h2(_templateObject3$p());
11368
- var StyledContentContainer = styled__default.div(_templateObject4$o());
11369
- var StyledInfoText = styled__default.div(_templateObject5$n(), LabelColor);
11370
- var StyledCTAContainer = styled__default.div(_templateObject6$l());
11371
- var StyledEmptyState = styled__default.div(_templateObject7$j(), function (props) {
11678
+ var StyledImageContentContainer = styled__default.div(_templateObject$s());
11679
+ var StyledImageContainer = styled__default.div(_templateObject2$q());
11680
+ var StyledStateHeading = styled__default.h2(_templateObject3$q());
11681
+ var StyledContentContainer = styled__default.div(_templateObject4$p());
11682
+ var StyledInfoText = styled__default.div(_templateObject5$o(), LabelColor);
11683
+ var StyledCTAContainer = styled__default.div(_templateObject6$m());
11684
+ var StyledEmptyState = styled__default.div(_templateObject7$k(), function (props) {
11372
11685
  switch (props.variant) {
11373
11686
  case "noPlan":
11374
- return styled.css(_templateObject8$i(), StyledImageContainer, emptyStateIcon);
11687
+ return styled.css(_templateObject8$j(), StyledImageContainer, emptyStateIcon);
11375
11688
  case "permission":
11376
- return styled.css(_templateObject9$g(), StyledImageContainer, permissionIcon);
11689
+ return styled.css(_templateObject9$h(), StyledImageContainer, permissionIcon);
11377
11690
  }
11378
11691
  }, function (props) {
11379
11692
  switch (props.layout) {
11380
11693
  case "vertical":
11381
- return styled.css(_templateObject10$f(), StyledImageContainer, emptyStateIcon, StyledImageContentContainer, StyledContentContainer, StyledStateHeading, StyledInfoText);
11694
+ return styled.css(_templateObject10$g(), StyledImageContainer, emptyStateIcon, StyledImageContentContainer, StyledContentContainer, StyledStateHeading, StyledInfoText);
11382
11695
  }
11383
11696
  }, function (props) {
11384
- return props.hideImage && styled.css(_templateObject11$d(), StyledImageContainer, StyledContentContainer);
11697
+ return props.hideImage && styled.css(_templateObject11$e(), StyledImageContainer, StyledContentContainer);
11385
11698
  });
11386
11699
 
11387
11700
  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -11510,130 +11823,130 @@
11510
11823
  };
11511
11824
  return data;
11512
11825
  }
11513
- function _templateObject14$6() {
11826
+ function _templateObject14$7() {
11514
11827
  var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
11515
- _templateObject14$6 = function _templateObject14() {
11828
+ _templateObject14$7 = function _templateObject14() {
11516
11829
  return data;
11517
11830
  };
11518
11831
  return data;
11519
11832
  }
11520
- function _templateObject13$7() {
11833
+ function _templateObject13$8() {
11521
11834
  var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
11522
- _templateObject13$7 = function _templateObject13() {
11835
+ _templateObject13$8 = function _templateObject13() {
11523
11836
  return data;
11524
11837
  };
11525
11838
  return data;
11526
11839
  }
11527
- function _templateObject12$9() {
11840
+ function _templateObject12$a() {
11528
11841
  var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
11529
- _templateObject12$9 = function _templateObject12() {
11842
+ _templateObject12$a = function _templateObject12() {
11530
11843
  return data;
11531
11844
  };
11532
11845
  return data;
11533
11846
  }
11534
- function _templateObject11$e() {
11847
+ function _templateObject11$f() {
11535
11848
  var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
11536
- _templateObject11$e = function _templateObject11() {
11849
+ _templateObject11$f = function _templateObject11() {
11537
11850
  return data;
11538
11851
  };
11539
11852
  return data;
11540
11853
  }
11541
- function _templateObject10$g() {
11854
+ function _templateObject10$h() {
11542
11855
  var data = _taggedTemplateLiteral(["\n padding-left: 24px;\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n &::before {\n content: \" \";\n width: 8px;\n height: 8px;\n background: ", ";\n position: absolute;\n left: 8px;\n top: 0;\n bottom: 0%;\n margin: auto;\n border-radius: 50%;\n }\n "]);
11543
- _templateObject10$g = function _templateObject10() {
11856
+ _templateObject10$h = function _templateObject10() {
11544
11857
  return data;
11545
11858
  };
11546
11859
  return data;
11547
11860
  }
11548
- function _templateObject9$h() {
11861
+ function _templateObject9$i() {
11549
11862
  var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
11550
- _templateObject9$h = function _templateObject9() {
11863
+ _templateObject9$i = function _templateObject9() {
11551
11864
  return data;
11552
11865
  };
11553
11866
  return data;
11554
11867
  }
11555
- function _templateObject8$j() {
11868
+ function _templateObject8$k() {
11556
11869
  var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
11557
- _templateObject8$j = function _templateObject8() {
11870
+ _templateObject8$k = function _templateObject8() {
11558
11871
  return data;
11559
11872
  };
11560
11873
  return data;
11561
11874
  }
11562
- function _templateObject7$k() {
11875
+ function _templateObject7$l() {
11563
11876
  var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
11564
- _templateObject7$k = function _templateObject7() {
11877
+ _templateObject7$l = function _templateObject7() {
11565
11878
  return data;
11566
11879
  };
11567
11880
  return data;
11568
11881
  }
11569
- function _templateObject6$m() {
11882
+ function _templateObject6$n() {
11570
11883
  var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
11571
- _templateObject6$m = function _templateObject6() {
11884
+ _templateObject6$n = function _templateObject6() {
11572
11885
  return data;
11573
11886
  };
11574
11887
  return data;
11575
11888
  }
11576
- function _templateObject5$o() {
11889
+ function _templateObject5$p() {
11577
11890
  var data = _taggedTemplateLiteral(["\n padding-left: 24px;\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n &::before {\n content: \" \";\n width: 8px;\n height: 8px;\n background: ", ";\n position: absolute;\n left: 8px;\n top: 0;\n bottom: 0%;\n margin: auto;\n border-radius: 50%;\n }\n "]);
11578
- _templateObject5$o = function _templateObject5() {
11891
+ _templateObject5$p = function _templateObject5() {
11579
11892
  return data;
11580
11893
  };
11581
11894
  return data;
11582
11895
  }
11583
- function _templateObject4$p() {
11896
+ function _templateObject4$q() {
11584
11897
  var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
11585
- _templateObject4$p = function _templateObject4() {
11898
+ _templateObject4$q = function _templateObject4() {
11586
11899
  return data;
11587
11900
  };
11588
11901
  return data;
11589
11902
  }
11590
- function _templateObject3$q() {
11903
+ function _templateObject3$r() {
11591
11904
  var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
11592
- _templateObject3$q = function _templateObject3() {
11905
+ _templateObject3$r = function _templateObject3() {
11593
11906
  return data;
11594
11907
  };
11595
11908
  return data;
11596
11909
  }
11597
- function _templateObject2$q() {
11910
+ function _templateObject2$r() {
11598
11911
  var data = _taggedTemplateLiteral(["\n height: 26px;\n color: ", ";\n padding: 4px 8px;\n font-size: 12px;\n line-height: 18px;\n border-radius: 4px;\n box-sizing: border-box;\n position: relative;\n ", "\n"]);
11599
- _templateObject2$q = function _templateObject2() {
11912
+ _templateObject2$r = function _templateObject2() {
11600
11913
  return data;
11601
11914
  };
11602
11915
  return data;
11603
11916
  }
11604
- function _templateObject$s() {
11917
+ function _templateObject$t() {
11605
11918
  var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n\n &:hover {\n cursor: pointer;\n }\n"]);
11606
- _templateObject$s = function _templateObject() {
11919
+ _templateObject$t = function _templateObject() {
11607
11920
  return data;
11608
11921
  };
11609
11922
  return data;
11610
11923
  }
11611
- var StyledBadgeContainer = styled__default.div(_templateObject$s());
11612
- var StyledBadge = styled__default.div(_templateObject2$q(), WhiteColor, function (props) {
11924
+ var StyledBadgeContainer = styled__default.div(_templateObject$t());
11925
+ var StyledBadge = styled__default.div(_templateObject2$r(), WhiteColor, function (props) {
11613
11926
  switch (props.variant) {
11614
11927
  case "default":
11615
- return styled.css(_templateObject3$q(), LabelColor, function (props) {
11616
- return props.outline && styled.css(_templateObject4$p(), WhiteColor, LabelColor, LabelColor);
11928
+ return styled.css(_templateObject3$r(), LabelColor, function (props) {
11929
+ return props.outline && styled.css(_templateObject4$q(), WhiteColor, LabelColor, LabelColor);
11617
11930
  }, function (props) {
11618
- return props.outlineDot && styled.css(_templateObject5$o(), WhiteColor, LabelColor, LabelColor, LabelColor);
11931
+ return props.outlineDot && styled.css(_templateObject5$p(), WhiteColor, LabelColor, LabelColor, LabelColor);
11619
11932
  }, function (props) {
11620
- return props.secondary && styled.css(_templateObject6$m(), LightBgColorButton, LabelColor, LabelColor);
11933
+ return props.secondary && styled.css(_templateObject6$n(), LightBgColorButton, LabelColor, LabelColor);
11621
11934
  }, function (props) {
11622
- return props.rounded && styled.css(_templateObject7$k());
11935
+ return props.rounded && styled.css(_templateObject7$l());
11623
11936
  });
11624
11937
  case "success":
11625
- return styled.css(_templateObject8$j(), AlertGreenSuccessStroke, function (props) {
11626
- return props.outline && styled.css(_templateObject9$h(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11938
+ return styled.css(_templateObject8$k(), AlertGreenSuccessStroke, function (props) {
11939
+ return props.outline && styled.css(_templateObject9$i(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11627
11940
  }, function (props) {
11628
- return props.outlineDot && styled.css(_templateObject10$g(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11941
+ return props.outlineDot && styled.css(_templateObject10$h(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11629
11942
  }, function (props) {
11630
- return props.secondary && styled.css(_templateObject11$e(), AlertGreenSuccessBackground, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11943
+ return props.secondary && styled.css(_templateObject11$f(), AlertGreenSuccessBackground, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
11631
11944
  }, function (props) {
11632
- return props.rounded && styled.css(_templateObject12$9());
11945
+ return props.rounded && styled.css(_templateObject12$a());
11633
11946
  });
11634
11947
  case "error":
11635
- return styled.css(_templateObject13$7(), AlertRedErrorStroke, function (props) {
11636
- return props.outline && styled.css(_templateObject14$6(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke);
11948
+ return styled.css(_templateObject13$8(), AlertRedErrorStroke, function (props) {
11949
+ return props.outline && styled.css(_templateObject14$7(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke);
11637
11950
  }, function (props) {
11638
11951
  return props.outlineDot && styled.css(_templateObject15$5(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke, AlertRedErrorStroke);
11639
11952
  }, function (props) {
@@ -11689,14 +12002,29 @@
11689
12002
  });
11690
12003
  };
11691
12004
 
11692
- function _templateObject$t() {
12005
+ function _templateObject$u() {
12006
+ var data = _taggedTemplateLiteral([""]);
12007
+ _templateObject$u = function _templateObject() {
12008
+ return data;
12009
+ };
12010
+ return data;
12011
+ }
12012
+ var StyledMenu$1 = styled__default.div(_templateObject$u());
12013
+
12014
+ var Menu = function Menu() {
12015
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
12016
+ children: /*#__PURE__*/jsxRuntime.jsx(StyledMenu$1, {})
12017
+ });
12018
+ };
12019
+
12020
+ function _templateObject$v() {
11693
12021
  var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 5px;\n\n flex-direction: column;\n"]);
11694
- _templateObject$t = function _templateObject() {
12022
+ _templateObject$v = function _templateObject() {
11695
12023
  return data;
11696
12024
  };
11697
12025
  return data;
11698
12026
  }
11699
- var StyledRadioGroup = styled__default.div(_templateObject$t());
12027
+ var StyledRadioGroup = styled__default.div(_templateObject$v());
11700
12028
 
11701
12029
  var RadioGroup = function RadioGroup(_ref) {
11702
12030
  var children = _ref.children,
@@ -11732,6 +12060,7 @@
11732
12060
  exports.EmptyState = EmptyState;
11733
12061
  exports.FileSelector = FileSelector;
11734
12062
  exports.Input = Input;
12063
+ exports.Menu = Menu;
11735
12064
  exports.Modal = Modal;
11736
12065
  exports.Panel = Panel;
11737
12066
  exports.ProgressBar = ProgressBar;