@7shifts/sous-chef 2.9.0 → 2.10.0

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.
@@ -4,13 +4,14 @@ import ReactDOM from 'react-dom';
4
4
  import Select, { components } from 'react-select';
5
5
  import DayPickerInput from 'react-day-picker/DayPickerInput';
6
6
  import { isDate, startOfDay } from 'date-fns';
7
- import { DateUtils } from 'react-day-picker';
7
+ import DayPicker, { DateUtils } from 'react-day-picker';
8
8
  import dateFnsFormat from 'date-fns/format';
9
9
  import dateFnsParse from 'date-fns/parse';
10
10
  import startOfDay$1 from 'date-fns/startOfDay';
11
11
  import eachDayOfInterval from 'date-fns/eachDayOfInterval';
12
12
  import parseTime from 'time-autocomplete/src/core/AMPMParser';
13
13
  import ReactModal from 'react-modal';
14
+ import 'react-day-picker/lib/style.css';
14
15
 
15
16
  function _extends() {
16
17
  _extends = Object.assign || function (target) {
@@ -5306,7 +5307,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
5306
5307
 
5307
5308
  var inputStyles = {"text-field":"_1btTx","date-field":"_1Sc9D","text-field--invalid":"_2feYp","date-field--invalid":"_2SNat","text-field--prefixed":"_E18JV","date-field--prefixed":"_jLolW","text-field--suffixed":"_27J43","date-field--suffixed":"_3eTNi"};
5308
5309
 
5309
- var styles$s = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
5310
+ var dayStyles = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
5310
5311
 
5311
5312
  function parseDate(str, format, locale) {
5312
5313
  var parsed = dateFnsParse(str, format, new Date(), {
@@ -5390,7 +5391,7 @@ var DateField = function DateField(_ref) {
5390
5391
  error: controllers.error
5391
5392
  };
5392
5393
  var dayPickerProps = {
5393
- classNames: styles$s,
5394
+ classNames: dayStyles,
5394
5395
  disabledDays: function disabledDays(day) {
5395
5396
  return _disabledDays && _disabledDays(setToMidnight(day));
5396
5397
  },
@@ -5407,7 +5408,7 @@ var DateField = function DateField(_ref) {
5407
5408
  })
5408
5409
  }, React__default.createElement(DayPickerInput, {
5409
5410
  format: format,
5410
- classNames: styles$s,
5411
+ classNames: dayStyles,
5411
5412
  formatDate: formatDate,
5412
5413
  parseDate: parseDate,
5413
5414
  placeholder: placeholder || format.toUpperCase(),
@@ -5516,7 +5517,7 @@ var getFormikError = function getFormikError(error) {
5516
5517
  return undefined;
5517
5518
  };
5518
5519
 
5519
- var styles$t = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R","date-range-field--disabled":"_2Nkht"};
5520
+ var styles$s = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R","date-range-field--disabled":"_2Nkht"};
5520
5521
 
5521
5522
  var FromDate = function FromDate(_ref) {
5522
5523
  var name = _ref.name,
@@ -5554,7 +5555,7 @@ var FromDate = function FromDate(_ref) {
5554
5555
  }
5555
5556
 
5556
5557
  var dayPickerProps = {
5557
- classNames: styles$t,
5558
+ classNames: styles$s,
5558
5559
  months: MONTH_NAMES,
5559
5560
  weekdaysLong: DAYS,
5560
5561
  weekdaysShort: DAYS.map(function (day) {
@@ -5581,7 +5582,7 @@ var FromDate = function FromDate(_ref) {
5581
5582
  };
5582
5583
  return React__default.createElement(DayPickerInput, {
5583
5584
  format: format,
5584
- classNames: styles$t,
5585
+ classNames: styles$s,
5585
5586
  selectedDay: start,
5586
5587
  value: start,
5587
5588
  formatDate: formatDate,
@@ -5654,7 +5655,7 @@ var ToDate = function ToDate(_ref, ref) {
5654
5655
  }
5655
5656
 
5656
5657
  var dayPickerProps = {
5657
- classNames: styles$t,
5658
+ classNames: styles$s,
5658
5659
  months: MONTH_NAMES,
5659
5660
  weekdaysLong: DAYS,
5660
5661
  weekdaysShort: DAYS.map(function (day) {
@@ -5673,7 +5674,7 @@ var ToDate = function ToDate(_ref, ref) {
5673
5674
  };
5674
5675
  return React__default.createElement(DayPickerInput, {
5675
5676
  format: format,
5676
- classNames: styles$t,
5677
+ classNames: styles$s,
5677
5678
  selectedDay: end,
5678
5679
  value: end,
5679
5680
  formatDate: formatDate,
@@ -5757,7 +5758,7 @@ var DateRangeField = function DateRangeField(_ref) {
5757
5758
  start = _controllers$value.start,
5758
5759
  end = _controllers$value.end;
5759
5760
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
5760
- className: classnames(styles$t['date-range-field'], (_classnames = {}, _classnames[styles$t['date-range-field--invalid']] = hasError, _classnames[styles$t['date-range-field--disabled']] = disabled, _classnames))
5761
+ className: classnames(styles$s['date-range-field'], (_classnames = {}, _classnames[styles$s['date-range-field--invalid']] = hasError, _classnames[styles$s['date-range-field--disabled']] = disabled, _classnames))
5761
5762
  }, React__default.createElement(IconCalendarAlt, {
5762
5763
  size: "medium",
5763
5764
  color: GREY400
@@ -5807,7 +5808,7 @@ var DateRangeField = function DateRangeField(_ref) {
5807
5808
  })));
5808
5809
  };
5809
5810
 
5810
- var styles$u = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
5811
+ var weekStyles = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
5811
5812
 
5812
5813
  var WeekField = function WeekField(_ref) {
5813
5814
  var _classnames;
@@ -5882,7 +5883,7 @@ var WeekField = function WeekField(_ref) {
5882
5883
  };
5883
5884
 
5884
5885
  var dayPickerProps = {
5885
- classNames: styles$u,
5886
+ classNames: weekStyles,
5886
5887
  disabledDays: function disabledDays(day) {
5887
5888
  return _disabledDays && _disabledDays(setToMidnight(day));
5888
5889
  },
@@ -5912,7 +5913,7 @@ var WeekField = function WeekField(_ref) {
5912
5913
  })
5913
5914
  }, React__default.createElement(DayPickerInput, {
5914
5915
  format: format,
5915
- classNames: styles$u,
5916
+ classNames: weekStyles,
5916
5917
  formatDate: formatDate,
5917
5918
  parseDate: parseDate,
5918
5919
  placeholder: placeholder || format.toUpperCase(),
@@ -6108,9 +6109,9 @@ var PercentageElement = function PercentageElement(_ref, ref) {
6108
6109
 
6109
6110
  var PercentageField = forwardRef(PercentageElement);
6110
6111
 
6111
- var styles$v = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
6112
+ var styles$t = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
6112
6113
 
6113
- var styles$w = {"header":"_36nxW","sub-header":"_2XwRD"};
6114
+ var styles$u = {"header":"_36nxW","sub-header":"_2XwRD"};
6114
6115
 
6115
6116
  var ModalHeader = function ModalHeader(_ref) {
6116
6117
  var header = _ref.header,
@@ -6122,12 +6123,12 @@ var ModalHeader = function ModalHeader(_ref) {
6122
6123
  flex: [1],
6123
6124
  alignItems: "center"
6124
6125
  }, React__default.createElement("span", {
6125
- className: styles$w['header']
6126
+ className: styles$u['header']
6126
6127
  }, header), React__default.createElement(Button$1, {
6127
6128
  theme: "link-icon",
6128
6129
  onClick: onClose
6129
6130
  }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
6130
- className: styles$w['sub-header']
6131
+ className: styles$u['sub-header']
6131
6132
  }, subHeader));
6132
6133
  };
6133
6134
 
@@ -6163,14 +6164,14 @@ var Modal = function Modal(_ref) {
6163
6164
  contentLabel: "Modal",
6164
6165
  appElement: rootElementId && document.getElementById(rootElementId) || undefined,
6165
6166
  overlayClassName: {
6166
- base: styles$v['overlay'],
6167
- afterOpen: styles$v['overlay--after-open'],
6168
- beforeClose: styles$v['overlay--before-close']
6167
+ base: styles$t['overlay'],
6168
+ afterOpen: styles$t['overlay--after-open'],
6169
+ beforeClose: styles$t['overlay--before-close']
6169
6170
  },
6170
6171
  className: {
6171
- base: styles$v['content'],
6172
- afterOpen: styles$v['content--after-open'],
6173
- beforeClose: styles$v['content--before-close']
6172
+ base: styles$t['content'],
6173
+ afterOpen: styles$t['content--after-open'],
6174
+ beforeClose: styles$t['content--before-close']
6174
6175
  }
6175
6176
  }, React__default.createElement(ModalHeader, {
6176
6177
  header: header,
@@ -6183,16 +6184,16 @@ Modal.setAppElement = function (rootElement) {
6183
6184
  ReactModal.setAppElement(rootElement);
6184
6185
  };
6185
6186
 
6186
- var styles$x = {"modal-body":"_2J-ku"};
6187
+ var styles$v = {"modal-body":"_2J-ku"};
6187
6188
 
6188
6189
  var ModalBody = function ModalBody(_ref) {
6189
6190
  var children = _ref.children;
6190
6191
  return React__default.createElement("div", {
6191
- className: styles$x['modal-body']
6192
+ className: styles$v['modal-body']
6192
6193
  }, children);
6193
6194
  };
6194
6195
 
6195
- var styles$y = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
6196
+ var styles$w = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
6196
6197
 
6197
6198
  var ModalFooter = function ModalFooter(_ref) {
6198
6199
  var children = _ref.children,
@@ -6213,7 +6214,7 @@ var ModalFooter = function ModalFooter(_ref) {
6213
6214
  return React__default.createElement(FooterContainer, null, React__default.createElement(Inline, {
6214
6215
  justifyContent: "space-between"
6215
6216
  }, React__default.createElement("div", {
6216
- className: classnames((_classnames = {}, _classnames[styles$y['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
6217
+ className: classnames((_classnames = {}, _classnames[styles$w['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
6217
6218
  }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
6218
6219
  space: 12
6219
6220
  }, secondaryButton, primaryButton)));
@@ -6241,7 +6242,7 @@ var FooterContainer = function FooterContainer(_ref2) {
6241
6242
  var childrenItens = React__default.Children.toArray(children);
6242
6243
  var hasCustomAlignment = childrenItens.length === 1 && childrenItens[0].type === Inline;
6243
6244
  return React__default.createElement("div", {
6244
- className: styles$y['modal-footer']
6245
+ className: styles$w['modal-footer']
6245
6246
  }, React__default.createElement(Inline, {
6246
6247
  justifyContent: "end",
6247
6248
  space: 12,
@@ -6249,7 +6250,161 @@ var FooterContainer = function FooterContainer(_ref2) {
6249
6250
  }, children));
6250
6251
  };
6251
6252
 
6252
- var styles$z = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
6253
+ var CALENDAR_MODE = {
6254
+ DAY: 'day',
6255
+ WEEK: 'week'
6256
+ };
6257
+ var CALENDAR_PLACEMENT = {
6258
+ BOTTOM: 'bottom',
6259
+ TOP: 'top'
6260
+ };
6261
+
6262
+ var calculateCalendarPosition = function calculateCalendarPosition(placement, anchorPosition, calendarDimensions) {
6263
+ if (!calendarDimensions) {
6264
+ return {
6265
+ left: 0,
6266
+ top: 0
6267
+ };
6268
+ }
6269
+
6270
+ var horizontalPosition = getHorizontalPosition(anchorPosition, calendarDimensions);
6271
+ var verticalPosition = getVerticalPosition(anchorPosition, placement, calendarDimensions);
6272
+ return _extends({}, horizontalPosition, verticalPosition);
6273
+ };
6274
+
6275
+ var getHorizontalPosition = function getHorizontalPosition(anchorPosition, calendarDimensions) {
6276
+ var innerWidth = window.innerWidth;
6277
+ var calendarRight = anchorPosition.left + calendarDimensions.width;
6278
+
6279
+ if (innerWidth > calendarRight + BUFFER) {
6280
+ return {
6281
+ left: anchorPosition.left
6282
+ };
6283
+ }
6284
+
6285
+ return {
6286
+ left: anchorPosition.right - calendarDimensions.width
6287
+ };
6288
+ };
6289
+
6290
+ var getVerticalPosition = function getVerticalPosition(anchorPosition, placement, calendarDimensions) {
6291
+ var calendarTopAboveTrigger = anchorPosition.top - calendarDimensions.height - PADDING;
6292
+ var calendarTopBelowTrigger = anchorPosition.bottom + PADDING;
6293
+
6294
+ if (placement === CALENDAR_PLACEMENT.TOP) {
6295
+ if (calendarTopAboveTrigger < 0) {
6296
+ return {
6297
+ top: anchorPosition.bottom + PADDING
6298
+ };
6299
+ }
6300
+
6301
+ return {
6302
+ top: calendarTopAboveTrigger + window.scrollY
6303
+ };
6304
+ } else {
6305
+ if (calendarTopBelowTrigger + calendarDimensions.height > window.innerHeight) {
6306
+ return {
6307
+ top: calendarTopAboveTrigger + window.scrollY
6308
+ };
6309
+ }
6310
+
6311
+ return {
6312
+ top: calendarTopBelowTrigger + window.scrollY
6313
+ };
6314
+ }
6315
+ };
6316
+
6317
+ var Calendar = function Calendar(_ref) {
6318
+ var _ref$mode = _ref.mode,
6319
+ mode = _ref$mode === void 0 ? CALENDAR_MODE.DAY : _ref$mode,
6320
+ _ref$position = _ref.position,
6321
+ position = _ref$position === void 0 ? CALENDAR_PLACEMENT.BOTTOM : _ref$position,
6322
+ _ref$weekStart = _ref.weekStart,
6323
+ weekStart = _ref$weekStart === void 0 ? 0 : _ref$weekStart,
6324
+ selected = _ref.selected,
6325
+ onSelect = _ref.onSelect,
6326
+ onClickOutside = _ref.onClickOutside,
6327
+ disabledDays = _ref.disabledDays,
6328
+ anchorRef = _ref.anchorRef;
6329
+
6330
+ var _useState = useState(null),
6331
+ calendarRef = _useState[0],
6332
+ setCalendarRef = _useState[1];
6333
+
6334
+ var style = mode === CALENDAR_MODE.DAY ? dayStyles : weekStyles;
6335
+ var anchorNode = anchorRef.current;
6336
+ useOnClickOutside({
6337
+ current: calendarRef
6338
+ }, function (event) {
6339
+ var _anchorRef$current;
6340
+
6341
+ if (!((_anchorRef$current = anchorRef.current) !== null && _anchorRef$current !== void 0 && _anchorRef$current.contains(event === null || event === void 0 ? void 0 : event.srcElement))) {
6342
+ onClickOutside();
6343
+ }
6344
+ });
6345
+ var weekRange = selected ? createWeekRange(selected, weekStart) : undefined;
6346
+ var selectedRange = weekRange && {
6347
+ from: weekRange.start,
6348
+ to: weekRange.end
6349
+ };
6350
+
6351
+ var handleSelect = function handleSelect(day) {
6352
+ var selectedDate = setToMidnight(day);
6353
+
6354
+ if (mode === CALENDAR_MODE.DAY) {
6355
+ onSelect(selectedDate);
6356
+ } else {
6357
+ var _weekRange = createWeekRange(selectedDate, weekStart);
6358
+
6359
+ onSelect(_weekRange.start);
6360
+ }
6361
+
6362
+ setTimeout(function () {
6363
+ onClickOutside();
6364
+ }, 100);
6365
+ };
6366
+
6367
+ if (!anchorNode) {
6368
+ return null;
6369
+ }
6370
+
6371
+ var anchorPosition = anchorNode.getBoundingClientRect();
6372
+ var calendarPosition = calculateCalendarPosition(position, anchorPosition, calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.getBoundingClientRect());
6373
+ return React__default.createElement(Portal, null, React__default.createElement("div", {
6374
+ className: style.overlayWrapper
6375
+ }, React__default.createElement("div", {
6376
+ className: style.overlay,
6377
+ ref: function ref(_ref2) {
6378
+ return setCalendarRef(_ref2);
6379
+ },
6380
+ style: _extends({}, calendarPosition, {
6381
+ zIndex: Z_INDEX_LAYERS.MODAL
6382
+ })
6383
+ }, React__default.createElement(DayPicker, {
6384
+ format: "MM/dd/yyyy",
6385
+ classNames: style,
6386
+ onDayClick: function onDayClick(day, activeModifiers) {
6387
+ var isDateDisabled = Object.keys(activeModifiers).find(function (modifier) {
6388
+ return modifier.includes('disabled');
6389
+ });
6390
+
6391
+ if (!Boolean(isDateDisabled)) {
6392
+ handleSelect(day);
6393
+ }
6394
+ },
6395
+ selectedDays: mode === CALENDAR_MODE.DAY ? selected : selectedRange,
6396
+ disabledDays: disabledDays,
6397
+ months: MONTH_NAMES,
6398
+ weekdaysLong: DAYS,
6399
+ weekdaysShort: DAYS.map(function (day) {
6400
+ return day.substring(0, 2);
6401
+ }),
6402
+ showOutsideDays: mode === CALENDAR_MODE.WEEK,
6403
+ firstDayOfWeek: weekStart
6404
+ }))));
6405
+ };
6406
+
6407
+ var styles$x = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
6253
6408
 
6254
6409
  var _excluded$a = ["children", "theme", "title"];
6255
6410
 
@@ -6272,16 +6427,16 @@ var Badge = function Badge(_ref, forwardedRef) {
6272
6427
  overlay: title,
6273
6428
  ref: ref
6274
6429
  }, React__default.createElement("div", Object.assign({
6275
- className: classnames(styles$z['badge'], (_classnames = {}, _classnames[styles$z['badge--success']] = theme === 'success', _classnames[styles$z['badge--danger']] = theme === 'danger', _classnames[styles$z['badge--info']] = theme === 'info', _classnames[styles$z['badge--warning']] = theme === 'warning', _classnames)),
6430
+ className: classnames(styles$x['badge'], (_classnames = {}, _classnames[styles$x['badge--success']] = theme === 'success', _classnames[styles$x['badge--danger']] = theme === 'danger', _classnames[styles$x['badge--info']] = theme === 'info', _classnames[styles$x['badge--warning']] = theme === 'warning', _classnames)),
6276
6431
  ref: ref
6277
6432
  }, otherProps), children));
6278
6433
  };
6279
6434
 
6280
6435
  var Badge$1 = forwardRef(Badge);
6281
6436
 
6282
- var styles$A = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
6437
+ var styles$y = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
6283
6438
 
6284
- var styles$B = {"avatar-image":"_GKL9P"};
6439
+ var styles$z = {"avatar-image":"_GKL9P"};
6285
6440
 
6286
6441
  var AvatarImage = function AvatarImage(_ref) {
6287
6442
  var url = _ref.url,
@@ -6306,7 +6461,7 @@ var AvatarImage = function AvatarImage(_ref) {
6306
6461
  }
6307
6462
 
6308
6463
  return React__default.createElement("div", {
6309
- className: styles$B['avatar-image']
6464
+ className: styles$z['avatar-image']
6310
6465
  }, React__default.createElement(IconUserSolid, {
6311
6466
  size: "flexible",
6312
6467
  color: color
@@ -6374,7 +6529,7 @@ var Avatar = function Avatar(_ref) {
6374
6529
 
6375
6530
  var backgroundColor = url ? GREY200 : color;
6376
6531
  return React__default.createElement("div", {
6377
- className: classnames(styles$A['avatar'], (_classnames = {}, _classnames[styles$A['avatar--small']] = size === 'small', _classnames[styles$A['avatar--medium']] = size === 'medium', _classnames[styles$A['avatar--large']] = size === 'large', _classnames[styles$A['avatar--extra-large']] = size === 'extra-large', _classnames)),
6532
+ className: classnames(styles$y['avatar'], (_classnames = {}, _classnames[styles$y['avatar--small']] = size === 'small', _classnames[styles$y['avatar--medium']] = size === 'medium', _classnames[styles$y['avatar--large']] = size === 'large', _classnames[styles$y['avatar--extra-large']] = size === 'extra-large', _classnames)),
6378
6533
  style: {
6379
6534
  backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
6380
6535
  }
@@ -6386,9 +6541,9 @@ var Avatar = function Avatar(_ref) {
6386
6541
  return setShowIconInsteadOfImage(true);
6387
6542
  }
6388
6543
  }), badge && size !== 'small' && React__default.createElement("div", {
6389
- className: styles$A['avatar__badge']
6544
+ className: styles$y['avatar__badge']
6390
6545
  }, badge));
6391
6546
  };
6392
6547
 
6393
- export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PercentageField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, WeekField };
6548
+ export { Avatar, Badge$1 as Badge, Button$1 as Button, Calendar, CheckboxField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PercentageField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, WeekField };
6394
6549
  //# sourceMappingURL=index.modern.js.map