@hitachivantara/uikit-react-core 5.1.3 → 5.3.0

package/dist/esm/components/DatePicker/DatePicker.styles.js

@@ -0,0 +1,78 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { outlineStyles } from "../../utils/focusUtils.js";
+const styles = {
+  root: {
+    position: "relative"
+  },
+  inputContainer: {
+    position: "relative",
+    background: theme.colors.atmo1,
+    height: 32,
+    paddingLeft: theme.space.xs,
+    paddingRight: theme.space.md,
+    "&:focus": {
+      ...outlineStyles
+    }
+  },
+  actionContainer: {
+    justifyContent: "space-between"
+  },
+  leftContainer: {},
+  rightContainer: {},
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    paddingBottom: "6px",
+    display: "block"
+  },
+  description: {},
+  error: {},
+  dropdown: {
+    display: "block"
+  },
+  panel: {
+    border: theme.datePicker.panelBorder,
+    backgroundColor: theme.datePicker.panelBackgroundColor
+  },
+  dropdownHeaderInvalid: {
+    border: `1px solid ${theme.colors.negative}`,
+    "&:hover": {
+      border: `1px solid ${theme.colors.negative}`
+    }
+  },
+  dropdownHeaderOpen: {
+    border: theme.datePicker.dropdownHeaderOpenBorder,
+    "&:hover": {
+      border: theme.datePicker.dropdownHeaderOpenBorder
+    }
+  },
+  icon: {
+    position: "absolute",
+    right: -1,
+    bottom: -1
+  },
+  action: {
+    "&:first-of-type": {
+      marginRight: theme.space.xs
+    }
+  },
+  rangeMainContainer: {
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: theme.colors.atmo1,
+    width: "640px"
+  },
+  rangeCalendarsContainer: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  rangeCalendarContainer: {
+    width: "50%"
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=DatePicker.styles.js.map

package/dist/esm/components/DatePicker/DatePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DatePicker/DatePicker.styles.tsx"],"sourcesContent":["import { outlineStyles } from \"@core/utils\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: {\n    position: \"relative\",\n  },\n  inputContainer: {\n    position: \"relative\",\n    background: theme.colors.atmo1,\n    height: 32,\n    paddingLeft: theme.space.xs,\n    paddingRight: theme.space.md,\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  actionContainer: {\n    justifyContent: \"space-between\",\n  },\n  leftContainer: {},\n  rightContainer: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  dropdown: {\n    display: \"block\",\n  },\n  panel: {\n    border: theme.datePicker.panelBorder,\n    backgroundColor: theme.datePicker.panelBackgroundColor,\n  },\n\n  dropdownHeaderInvalid: {\n    border: `1px solid ${theme.colors.negative}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.colors.negative}`,\n    },\n  },\n  dropdownHeaderOpen: {\n    border: theme.datePicker.dropdownHeaderOpenBorder,\n    \"&:hover\": {\n      border: theme.datePicker.dropdownHeaderOpenBorder,\n    },\n  },\n  icon: {\n    position: \"absolute\",\n    right: -1,\n    bottom: -1,\n  },\n  action: {\n    \"&:first-of-type\": {\n      marginRight: theme.space.xs,\n    },\n  },\n\n  rangeMainContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    width: \"640px\",\n  },\n  rangeCalendarsContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n  },\n  rangeCalendarContainer: {\n    width: \"50%\",\n  },\n};\n\n// export const StyledButton = styled(HvButton)({\n//     \"&:first-of-type\": {\n//         marginRight: theme.space.xs\n//       },\n// })\n\n// export const StyledTypography = styled(\n//     HvTypography,\n//     transientOptions,\n//     )(({ $dateString } : { $dateString: boolean }) => ({\n//         color: theme.colors.secondary_80,\n//     ...($dateString && {\n//         color: theme.colors.secondary,\n//     })\n// }))\n"],"names":["styles","root","position","inputContainer","background","theme","colors","atmo1","height","paddingLeft","space","xs","paddingRight","md","outlineStyles","actionContainer","justifyContent","leftContainer","rightContainer","labelContainer","display","alignItems","label","paddingBottom","description","error","dropdown","panel","border","datePicker","panelBorder","backgroundColor","panelBackgroundColor","dropdownHeaderInvalid","negative","dropdownHeaderOpen","dropdownHeaderOpenBorder","icon","right","bottom","action","marginRight","rangeMainContainer","flexDirection","width","rangeCalendarsContainer","rangeCalendarContainer"],"mappings":";;AAIO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdD,UAAU;AAAA,IACVE,YAAYC,MAAMC,OAAOC;AAAAA,IACzBC,QAAQ;AAAA,IACRC,aAAaJ,MAAMK,MAAMC;AAAAA,IACzBC,cAAcP,MAAMK,MAAMG;AAAAA,IAC1B,WAAW;AAAA,MACT,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,iBAAiB;AAAA,IACfC,gBAAgB;AAAA,EAClB;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB,CAAC;AAAA,EAEjBC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,eAAe;AAAA,IACfH,SAAS;AAAA,EACX;AAAA,EACAI,aAAa,CAAC;AAAA,EACdC,OAAO,CAAC;AAAA,EAERC,UAAU;AAAA,IACRN,SAAS;AAAA,EACX;AAAA,EACAO,OAAO;AAAA,IACLC,QAAQvB,MAAMwB,WAAWC;AAAAA,IACzBC,iBAAiB1B,MAAMwB,WAAWG;AAAAA,EACpC;AAAA,EAEAC,uBAAuB;AAAA,IACrBL,QAAS,aAAYvB,MAAMC,OAAO4B;AAAAA,IAClC,WAAW;AAAA,MACTN,QAAS,aAAYvB,MAAMC,OAAO4B;AAAAA,IACpC;AAAA,EACF;AAAA,EACAC,oBAAoB;AAAA,IAClBP,QAAQvB,MAAMwB,WAAWO;AAAAA,IACzB,WAAW;AAAA,MACTR,QAAQvB,MAAMwB,WAAWO;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJnC,UAAU;AAAA,IACVoC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACAC,QAAQ;AAAA,IACN,mBAAmB;AAAA,MACjBC,aAAapC,MAAMK,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EAEA+B,oBAAoB;AAAA,IAClBtB,SAAS;AAAA,IACTuB,eAAe;AAAA,IACfZ,iBAAiB1B,MAAMC,OAAOC;AAAAA,IAC9BqC,OAAO;AAAA,EACT;AAAA,EACAC,yBAAyB;AAAA,IACvBzB,SAAS;AAAA,IACTuB,eAAe;AAAA,EACjB;AAAA,EACAG,wBAAwB;AAAA,IACtBF,OAAO;AAAA,EACT;AACF;"}

package/dist/esm/components/DatePicker/datePickerClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "panel", "action", "icon", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "actionContainer", "leftContainer", "rightContainer"];
+const datePickerClasses = getClasses(classKeys, "HvDatePicker");
+const datePickerClasses$1 = datePickerClasses;
+export {
+  datePickerClasses$1 as default
+};
+//# sourceMappingURL=datePickerClasses.js.map

package/dist/esm/components/DatePicker/datePickerClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerClasses.js","sources":["../../../../src/components/DatePicker/datePickerClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport type HvDatePickerClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  panel?: string;\n  action?: string;\n  icon?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n  actionContainer?: string;\n  leftContainer?: string;\n  rightContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"panel\",\n  \"action\",\n  \"icon\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"actionContainer\",\n  \"leftContainer\",\n  \"rightContainer\",\n];\n\nconst datePickerClasses = getClasses<HvDatePickerClasses>(\n  classKeys,\n  \"HvDatePicker\"\n);\n\nexport default datePickerClasses;\n"],"names":["classKeys","datePickerClasses","getClasses"],"mappings":";AAsBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,UACA,QACA,kBACA,yBACA,sBACA,mBACA,iBACA,gBAAgB;AAGlB,MAAMC,oBAAoBC,WACxBF,WACA,cAAc;AAGhB,MAAA,sBAAeC;"}

package/dist/esm/components/DatePicker/useVisibleDate.js

@@ -0,0 +1,193 @@
+import { useReducer } from "react";
+import { validateDate } from "./utils.js";
+import { NAV_OPTIONS } from "../Calendar/enums.js";
+function stateToLeftRight({
+  visibleYear,
+  visibleMonth,
+  rightVisibleYear,
+  rightVisibleMonth
+}) {
+  return {
+    left: {
+      year: visibleYear,
+      month: visibleMonth
+    },
+    right: {
+      year: rightVisibleYear,
+      month: rightVisibleMonth
+    }
+  };
+}
+function leftRightToState(left, right) {
+  return {
+    visibleYear: left.year,
+    visibleMonth: left.month,
+    rightVisibleYear: right.year,
+    rightVisibleMonth: right.month
+  };
+}
+function subtractYear({
+  year,
+  month
+}) {
+  return {
+    year: year - 1,
+    month
+  };
+}
+function addYear({
+  year,
+  month
+}) {
+  return {
+    year: year + 1,
+    month
+  };
+}
+function subtractMonth({
+  year,
+  month
+}) {
+  let y = year;
+  let m = month;
+  m -= 1;
+  if (m === 0) {
+    y -= 1;
+    m = 12;
+  }
+  return {
+    year: y,
+    month: m
+  };
+}
+function addMonth({
+  year,
+  month
+}) {
+  let y = year;
+  let m = month;
+  m += 1;
+  if (m === 13) {
+    y += 1;
+    m = 1;
+  }
+  return {
+    year: y,
+    month: m
+  };
+}
+function ensureNoOverlap(left, right, keepRight = false) {
+  let l = left;
+  let r = right;
+  if (left.year > right.year || left.year === right.year && left.month >= right.month) {
+    if (keepRight) {
+      l = subtractMonth(right);
+    } else {
+      r = addMonth(left);
+    }
+  }
+  return leftRightToState(l, r);
+}
+function isSameYearMonth(d1, d2) {
+  return d1.year === d2.year && d1.month === d2.month;
+}
+function visibleDateReducer(state, action) {
+  let {
+    left,
+    right
+  } = stateToLeftRight(state);
+  switch (action.type) {
+    case NAV_OPTIONS.PREVIOUS_YEAR:
+      if (action.target === "right") {
+        right = subtractYear(right);
+        return ensureNoOverlap(left, right, true);
+      }
+      left = subtractYear(left);
+      return ensureNoOverlap(left, right, false);
+    case NAV_OPTIONS.NEXT_YEAR:
+      if (action.target === "right") {
+        right = addYear(right);
+        return ensureNoOverlap(left, right, true);
+      }
+      left = addYear(left);
+      return ensureNoOverlap(left, right, false);
+    case NAV_OPTIONS.PREVIOUS_MONTH:
+      if (action.target === "right") {
+        right = subtractMonth(right);
+        return ensureNoOverlap(left, right, true);
+      }
+      left = subtractMonth(left);
+      return ensureNoOverlap(left, right, false);
+    case NAV_OPTIONS.NEXT_MONTH:
+      if (action.target === "right") {
+        right = addMonth(right);
+        return ensureNoOverlap(left, right, true);
+      }
+      left = addMonth(left);
+      return ensureNoOverlap(left, right, false);
+    case NAV_OPTIONS.MONTH:
+      if (action.month != null) {
+        if (action.target === "right") {
+          if (right.month !== action.month) {
+            right = {
+              year: right.year,
+              month: action.month
+            };
+            return ensureNoOverlap(left, right, true);
+          }
+        } else if (left.month !== action.month) {
+          left = {
+            year: left.year,
+            month: action.month
+          };
+          return ensureNoOverlap(left, right, false);
+        }
+      }
+      break;
+    case NAV_OPTIONS.MONTH_YEAR:
+      if (action.month != null && action.year != null) {
+        if (action.target === "right") {
+          if (!isSameYearMonth(left, action) && !isSameYearMonth(right, action)) {
+            right = {
+              year: action.year,
+              month: action.month
+            };
+            return ensureNoOverlap(left, right, true);
+          }
+        } else if (!isSameYearMonth(left, action) && (action.target === "left" || !isSameYearMonth(right, action))) {
+          left = {
+            year: action.year,
+            month: action.month
+          };
+          return ensureNoOverlap(left, right, false);
+        }
+      }
+      break;
+  }
+  return state;
+}
+function stateFromRange(startDate, endDate) {
+  const initialStartDate = validateDate(startDate);
+  const initialEndDate = endDate != null ? validateDate(endDate) : initialStartDate;
+  return ensureNoOverlap({
+    year: initialStartDate.getFullYear(),
+    month: initialStartDate.getMonth() + 1
+  }, {
+    year: initialEndDate.getFullYear(),
+    month: initialEndDate.getMonth() + 1
+  });
+}
+function useVisibleDate(startDate, endDate) {
+  const [state, dispatchAction] = useReducer(visibleDateReducer, {
+    startDate,
+    endDate
+  }, (initData) => {
+    return stateFromRange(initData.startDate, initData.endDate);
+  });
+  return [state, dispatchAction];
+}
+export {
+  useVisibleDate as default,
+  isSameYearMonth
+};
+//# sourceMappingURL=useVisibleDate.js.map

package/dist/esm/components/DatePicker/useVisibleDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleDate.js","sources":["../../../../src/components/DatePicker/useVisibleDate.tsx"],"sourcesContent":["import { useReducer } from \"react\";\n\nimport { validateDate } from \"./utils\";\n\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nfunction stateToLeftRight({\n  visibleYear,\n  visibleMonth,\n  rightVisibleYear,\n  rightVisibleMonth,\n}) {\n  return {\n    left: { year: visibleYear, month: visibleMonth },\n    right: { year: rightVisibleYear, month: rightVisibleMonth },\n  };\n}\n\nfunction leftRightToState(left, right) {\n  return {\n    visibleYear: left.year,\n    visibleMonth: left.month,\n    rightVisibleYear: right.year,\n    rightVisibleMonth: right.month,\n  };\n}\n\nfunction subtractYear({ year, month }) {\n  return { year: year - 1, month };\n}\n\nfunction addYear({ year, month }) {\n  return { year: year + 1, month };\n}\n\nfunction subtractMonth({ year, month }) {\n  let y = year;\n  let m = month;\n\n  m -= 1;\n  if (m === 0) {\n    y -= 1;\n    m = 12;\n  }\n\n  return { year: y, month: m };\n}\n\nfunction addMonth({ year, month }) {\n  let y = year;\n  let m = month;\n\n  m += 1;\n  if (m === 13) {\n    y += 1;\n    m = 1;\n  }\n\n  return { year: y, month: m };\n}\n\nfunction ensureNoOverlap(left, right, keepRight = false) {\n  let l = left;\n  let r = right;\n  if (\n    left.year > right.year ||\n    (left.year === right.year && left.month >= right.month)\n  ) {\n    if (keepRight) {\n      l = subtractMonth(right);\n    } else {\n      r = addMonth(left);\n    }\n  }\n\n  return leftRightToState(l, r);\n}\n\nexport function isSameYearMonth(d1, d2) {\n  return d1.year === d2.year && d1.month === d2.month;\n}\n\nfunction visibleDateReducer(state, action) {\n  let { left, right } = stateToLeftRight(state);\n\n  switch (action.type) {\n    case NAV_OPTIONS.PREVIOUS_YEAR:\n      if (action.target === \"right\") {\n        right = subtractYear(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = subtractYear(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.NEXT_YEAR:\n      if (action.target === \"right\") {\n        right = addYear(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = addYear(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.PREVIOUS_MONTH:\n      if (action.target === \"right\") {\n        right = subtractMonth(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = subtractMonth(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.NEXT_MONTH:\n      if (action.target === \"right\") {\n        right = addMonth(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = addMonth(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.MONTH:\n      if (action.month != null) {\n        if (action.target === \"right\") {\n          if (right.month !== action.month) {\n            right = { year: right.year, month: action.month };\n            return ensureNoOverlap(left, right, true);\n          }\n        } else if (left.month !== action.month) {\n          left = { year: left.year, month: action.month };\n          return ensureNoOverlap(left, right, false);\n        }\n      }\n      break;\n\n    case NAV_OPTIONS.MONTH_YEAR:\n      if (action.month != null && action.year != null) {\n        if (action.target === \"right\") {\n          if (\n            !isSameYearMonth(left, action) &&\n            !isSameYearMonth(right, action)\n          ) {\n            right = { year: action.year, month: action.month };\n            return ensureNoOverlap(left, right, true);\n          }\n        } else if (\n          !isSameYearMonth(left, action) &&\n          (action.target === \"left\" || !isSameYearMonth(right, action))\n        ) {\n          left = { year: action.year, month: action.month };\n          return ensureNoOverlap(left, right, false);\n        }\n      }\n\n      break;\n\n    default:\n  }\n\n  return state;\n}\n\nfunction stateFromRange(startDate, endDate) {\n  const initialStartDate = validateDate(startDate);\n  const initialEndDate =\n    endDate != null ? validateDate(endDate) : initialStartDate;\n\n  return ensureNoOverlap(\n    {\n      year: initialStartDate.getFullYear(),\n      month: initialStartDate.getMonth() + 1,\n    },\n    { year: initialEndDate.getFullYear(), month: initialEndDate.getMonth() + 1 }\n  );\n}\n\nexport default function useVisibleDate(startDate, endDate) {\n  const [state, dispatchAction] = useReducer(\n    visibleDateReducer,\n    { startDate, endDate },\n    (initData) => {\n      return stateFromRange(initData.startDate, initData.endDate);\n    }\n  );\n\n  return [state, dispatchAction];\n}\n"],"names":["stateToLeftRight","visibleYear","visibleMonth","rightVisibleYear","rightVisibleMonth","left","year","month","right","leftRightToState","subtractYear","addYear","subtractMonth","y","m","addMonth","ensureNoOverlap","keepRight","l","r","isSameYearMonth","d1","d2","visibleDateReducer","state","action","type","NAV_OPTIONS","PREVIOUS_YEAR","target","NEXT_YEAR","PREVIOUS_MONTH","NEXT_MONTH","MONTH","MONTH_YEAR","stateFromRange","startDate","endDate","initialStartDate","validateDate","initialEndDate","getFullYear","getMonth","useVisibleDate","dispatchAction","useReducer","initData"],"mappings":"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"}

package/dist/esm/components/DatePicker/utils.js

@@ -0,0 +1,32 @@
+import { REPRESENTATION_VALUES } from "../Calendar/enums.js";
+import { isDate, getFormattedDate, isSameMonth, getMonthName } from "../Calendar/utils.js";
+const validateDate = (date) => isDate(date) && date || /* @__PURE__ */ new Date();
+const getFormattedDateRange = (date, locale, rep = REPRESENTATION_VALUES.SHORT) => {
+  const {
+    startDate,
+    endDate
+  } = date;
+  const monthYear = `${getMonthName(startDate, locale, rep)} ${startDate.getFullYear()}`;
+  return `${startDate.getDate()} - ${endDate.getDate()} ${monthYear}`;
+};
+const getSingleDateLabel = (date, locale) => isDate(date) ? getFormattedDate(date, locale) : "";
+const getRangeDateLabel = ({
+  startDate,
+  endDate
+}, locale) => {
+  if (!(isDate(startDate) && isDate(endDate)))
+    return getSingleDateLabel(startDate);
+  return isSameMonth(startDate, endDate) ? getFormattedDateRange({
+    startDate,
+    endDate
+  }, locale) : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(endDate, locale)}`;
+};
+const getDateLabel = (date, rangeMode, locale) => rangeMode ? getRangeDateLabel(date, locale) : getSingleDateLabel(date, locale);
+export {
+  getDateLabel,
+  getFormattedDateRange,
+  getRangeDateLabel,
+  getSingleDateLabel,
+  validateDate
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.tsx"],"sourcesContent":["import { REPRESENTATION_VALUES } from \"../Calendar/enums\";\nimport {\n  getFormattedDate,\n  getMonthName,\n  isDate,\n  isSameMonth,\n} from \"../Calendar/utils\";\n\nexport const validateDate = (date) => (isDate(date) && date) || new Date();\n\nexport const getFormattedDateRange = (\n  date,\n  locale,\n  rep = REPRESENTATION_VALUES.SHORT\n) => {\n  const { startDate, endDate } = date;\n  const monthYear = `${getMonthName(\n    startDate,\n    locale,\n    rep\n  )} ${startDate.getFullYear()}`;\n  return `${startDate.getDate()} - ${endDate.getDate()} ${monthYear}`;\n};\n\nexport const getSingleDateLabel = (date, locale?) =>\n  isDate(date) ? getFormattedDate(date, locale) : \"\";\n\nexport const getRangeDateLabel = ({ startDate, endDate }, locale) => {\n  if (!(isDate(startDate) && isDate(endDate)))\n    return getSingleDateLabel(startDate);\n\n  return isSameMonth(startDate, endDate)\n    ? getFormattedDateRange({ startDate, endDate }, locale)\n    : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(\n        endDate,\n        locale\n      )}`;\n};\n\nexport const getDateLabel = (date, rangeMode, locale) =>\n  rangeMode\n    ? getRangeDateLabel(date, locale)\n    : getSingleDateLabel(date, locale);\n"],"names":["validateDate","date","isDate","Date","getFormattedDateRange","locale","rep","REPRESENTATION_VALUES","SHORT","startDate","endDate","monthYear","getMonthName","getFullYear","getDate","getSingleDateLabel","getFormattedDate","getRangeDateLabel","isSameMonth","getDateLabel","rangeMode"],"mappings":";;AAQO,MAAMA,eAAgBC,CAAUC,SAAAA,OAAOD,IAAI,KAAKA,4BAAaE,KAAM;AAEnE,MAAMC,wBAAwBA,CACnCH,MACAI,QACAC,MAAMC,sBAAsBC,UACzB;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAYT,IAAAA;AACzBU,QAAAA,YAAa,GAAEC,aACnBH,WACAJ,QACAC,GAAG,KACAG,UAAUI;AACf,SAAQ,GAAEJ,UAAUK,QAAAA,OAAeJ,QAAQI,aAAaH;AAC1D;AAEaI,MAAAA,qBAAqBA,CAACd,MAAMI,WACvCH,OAAOD,IAAI,IAAIe,iBAAiBf,MAAMI,MAAM,IAAI;AAE3C,MAAMY,oBAAoBA,CAAC;AAAA,EAAER;AAAAA,EAAWC;AAAQ,GAAGL,WAAW;AACnE,MAAI,EAAEH,OAAOO,SAAS,KAAKP,OAAOQ,OAAO;AACvC,WAAOK,mBAAmBN,SAAS;AAErC,SAAOS,YAAYT,WAAWC,OAAO,IACjCN,sBAAsB;AAAA,IAAEK;AAAAA,IAAWC;AAAAA,EAAQ,GAAGL,MAAM,IACnD,GAAEW,iBAAiBP,WAAWJ,MAAM,OAAOW,iBAC1CN,SACAL,MAAM;AAEd;AAEO,MAAMc,eAAeA,CAAClB,MAAMmB,WAAWf,WAC5Ce,YACIH,kBAAkBhB,MAAMI,MAAM,IAC9BU,mBAAmBd,MAAMI,MAAM;"}

package/dist/esm/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ import MuiDialog from "@mui/material/Dialog";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import { theme } from "@hitachivantara/uikit-styles";
 import isNil from "lodash/isNil";
-import { StyledBackdrop, StyledPaper, StyledClose } from "./Dialog.styles.js";
+import { StyledBackdrop, styles, StyledClose } from "./Dialog.styles.js";
 import dialogClasses from "./dialogClasses.js";
 import { ClassNames } from "@emotion/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -124,15 +124,11 @@ const HvDialog = ({
           root: clsx(classes == null ? void 0 : classes.background, dialogClasses.background)
         }
       },
-      PaperComponent: (paperProps) => /* @__PURE__ */ jsx(StyledPaper, {
-        $fullscreen: fullscreen,
-        ...paperProps
-      }),
       PaperProps: {
         classes: {
-          root: clsx(css({
+          root: clsx(css(styles.paper), classes == null ? void 0 : classes.paper, dialogClasses.paper, css({
             position: "absolute"
-          }), classes == null ? void 0 : classes.paper, dialogClasses.paper, fullscreen && clsx(dialogClasses.fullscreen, classes == null ? void 0 : classes.fullscreen))
+          }), fullscreen && clsx(dialogClasses.fullscreen, classes == null ? void 0 : classes.fullscreen, "fullscreen"))
         }
       },
       "aria-modal": true,

package/dist/esm/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { StyledBackdrop, StyledClose, StyledPaper } from \"./Dialog.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  getFocusableList,\n} from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { useTheme } from \"@core/hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport interface HvDialogProps\n  extends Omit<MuiDialogProps, \"fullScreen\" | \"classes\" | \"open\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Current state of the Dialog. */\n  open?: boolean;\n  /** Function executed on close. */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Element id that should be focus when the Dialog opens. */\n  firstFocusable?: string;\n  /** Title for the button close. */\n  buttonTitle?: string;\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  /** Prevent closing the dialog when clicking on the backdrop. */\n  disableBackdropClick?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogClasses;\n}\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useTheme();\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiDialog\n          container={document.getElementById(rootId || \"\") || document.body}\n          className={clsx(dialogClasses.root, classes?.root, className)}\n          id={id}\n          ref={measuredRef}\n          open={open}\n          fullScreen={fullscreen}\n          onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n          onKeyDown={keyDownHandler}\n          fullWidth\n          maxWidth={false}\n          slots={{\n            backdrop: (backdropProps) => (\n              <StyledBackdrop\n                open={open}\n                onClick={(event) => wrappedClose(event)}\n                $backColor={\n                  activeTheme?.colors?.modes[selectedMode].atmo4 ||\n                  theme.colors.atmo4\n                }\n                {...backdropProps}\n              />\n            ),\n          }}\n          classes={{ container: css({ position: \"relative\" }) }}\n          BackdropProps={{\n            classes: {\n              root: clsx(classes?.background, dialogClasses.background),\n            },\n          }}\n          PaperComponent={(paperProps) => (\n            <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n          )}\n          PaperProps={{\n            classes: {\n              root: clsx(\n                css({ position: \"absolute\" }),\n                classes?.paper,\n                dialogClasses.paper,\n                fullscreen &&\n                  clsx(dialogClasses.fullscreen, classes?.fullscreen)\n              ),\n            },\n          }}\n          aria-modal\n          {...others}\n        >\n          <StyledClose\n            id={setId(id, \"close\")}\n            className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n            variant=\"secondaryGhost\"\n            onClick={(event) => wrappedClose(event, true, undefined)}\n            aria-label={buttonTitle}\n          >\n            <CloseButtonTooltipWrapper />\n          </StyledClose>\n          {children && typeof children === \"object\"\n            ? React.Children.map(\n                children,\n                (c: React.ReactNode) =>\n                  c &&\n                  React.cloneElement(c as React.ReactElement, { fullscreen })\n              )\n            : children}\n        </MuiDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useTheme","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","ClassNames","css","MuiDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","position","BackdropProps","background","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","paper","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { StyledBackdrop, StyledClose, styles } from \"./Dialog.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  getFocusableList,\n} from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { useTheme } from \"@core/hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport interface HvDialogProps\n  extends Omit<MuiDialogProps, \"fullScreen\" | \"classes\" | \"open\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Current state of the Dialog. */\n  open?: boolean;\n  /** Function executed on close. */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Element id that should be focus when the Dialog opens. */\n  firstFocusable?: string;\n  /** Title for the button close. */\n  buttonTitle?: string;\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  /** Prevent closing the dialog when clicking on the backdrop. */\n  disableBackdropClick?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogClasses;\n}\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useTheme();\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiDialog\n          container={document.getElementById(rootId || \"\") || document.body}\n          className={clsx(dialogClasses.root, classes?.root, className)}\n          id={id}\n          ref={measuredRef}\n          open={open}\n          fullScreen={fullscreen}\n          onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n          onKeyDown={keyDownHandler}\n          fullWidth\n          maxWidth={false}\n          slots={{\n            backdrop: (backdropProps) => (\n              <StyledBackdrop\n                open={open}\n                onClick={(event) => wrappedClose(event)}\n                $backColor={\n                  activeTheme?.colors?.modes[selectedMode].atmo4 ||\n                  theme.colors.atmo4\n                }\n                {...backdropProps}\n              />\n            ),\n          }}\n          classes={{ container: css({ position: \"relative\" }) }}\n          BackdropProps={{\n            classes: {\n              root: clsx(classes?.background, dialogClasses.background),\n            },\n          }}\n          PaperProps={{\n            classes: {\n              root: clsx(\n                css(styles.paper),\n                classes?.paper,\n                dialogClasses.paper,\n                css({ position: \"absolute\" }),\n                fullscreen &&\n                  clsx(\n                    dialogClasses.fullscreen,\n                    classes?.fullscreen,\n                    \"fullscreen\"\n                  )\n              ),\n            },\n          }}\n          aria-modal\n          {...others}\n        >\n          <StyledClose\n            id={setId(id, \"close\")}\n            className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n            variant=\"secondaryGhost\"\n            onClick={(event) => wrappedClose(event, true, undefined)}\n            aria-label={buttonTitle}\n          >\n            <CloseButtonTooltipWrapper />\n          </StyledClose>\n          {children && typeof children === \"object\"\n            ? React.Children.map(\n                children,\n                (c: React.ReactNode) =>\n                  c &&\n                  React.cloneElement(c as React.ReactElement, { fullscreen })\n              )\n            : children}\n        </MuiDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useTheme","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","ClassNames","css","MuiDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","position","BackdropProps","background","PaperProps","styles","paper","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

package/dist/esm/components/Dialog/Dialog.styles.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-import { Paper, paperClasses, Backdrop } from "@mui/material";
+import { paperClasses, Backdrop } from "@mui/material";
 import { theme } from "@hitachivantara/uikit-styles";
 import { transientOptions } from "../../utils/transientOptions.js";
 import fade from "../../utils/hexToRgbA.js";
@@ -20,35 +20,36 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledPaper = /* @__PURE__ */ _styled(Paper, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1x1ml1b2"
-}, transientOptions) : _extends({}, {
-  target: "e1x1ml1b2",
-  label: "StyledPaper"
-}, transientOptions))(({
-  $fullscreen
-}) => ({
-  color: theme.colors.secondary,
-  flex: $fullscreen ? "1" : "0 0 83.3333333%",
-  backgroundColor: theme.colors.atmo1,
-  padding: "0px",
-  overflow: "auto",
-  boxShadow: ["none", "0 2px 12px rgba(65,65,65,0.12)"],
-  borderRadius: theme.dialog.borderRadius,
-  ...!$fullscreen && {
-    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,
-    display: "flex",
-    flexDirection: "column"
-  },
-  "& svg *.color0": {
-    fill: theme.colors.secondary
-  },
-  [`&.${paperClasses.root}`]: {
-    width: "inherit",
-    minWidth: $fullscreen ? "100%" : "33.3333333%",
-    maxWidth: $fullscreen ? "100%" : "83.3333333%"
+const styles = {
+  paper: {
+    [`&.MuiDialog-paper`]: {
+      maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,
+      display: "flex",
+      flexDirection: "column",
+      color: theme.colors.secondary,
+      flex: "0 0 83.3333333%",
+      backgroundColor: theme.colors.atmo1,
+      padding: "0px",
+      overflow: "auto",
+      boxShadow: ["none", "0 2px 12px rgba(65,65,65,0.12)"],
+      borderRadius: theme.dialog.borderRadius,
+      [`&.${paperClasses.root}`]: {
+        width: "inherit",
+        minWidth: "33.3333333%",
+        maxWidth: "83.3333333%",
+        "&.fullscreen": {
+          flex: "1",
+          borderRadius: "0",
+          width: "inherit",
+          minWidth: "100%",
+          maxWidth: "100%",
+          minHeight: "100%",
+          maxHeight: "100%"
+        }
+      }
+    }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgUGFwZXIgYXMgTXVpUGFwZXIsXG4gIHBhcGVyQ2xhc3NlcyBhcyBNdWlQYXBlckNsYXNzZXMsXG4gIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBNdWlQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICBmbGV4OiAkZnVsbHNjcmVlbiA/IFwiMVwiIDogXCIwIDAgODMuMzMzMzMzMyVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IFwiMHB4XCIsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRpYWxvZy5ib3JkZXJSYWRpdXMsXG4gIC4uLighJGZ1bGxzY3JlZW4gJiYge1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwJSAtICgyICogJHt0aGVtZS5kaWFsb2cubWFyZ2lufSkpYCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB9KSxcbiAgXCImIHN2ZyAqLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbiAgW2AmLiR7TXVpUGFwZXJDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCJpbmhlcml0XCIsXG4gICAgbWluV2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjMzLjMzMzMzMzMlXCIsXG4gICAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjgzLjMzMzMzMzMlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgTXVpQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBhZGRpbmc6IDAsXG4gIG1pbldpZHRoOiBcImF1dG9cIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcbiJdfQ== */");
+};
 const StyledBackdrop = /* @__PURE__ */ _styled(Backdrop, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1x1ml1b1"
 }, transientOptions) : _extends({}, {
@@ -58,7 +59,7 @@ const StyledBackdrop = /* @__PURE__ */ _styled(Backdrop, process.env.NODE_ENV ==
   $backColor
 }) => ({
   background: fade($backColor, 0.8)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIFBhcGVyIGFzIE11aVBhcGVyLFxuICBwYXBlckNsYXNzZXMgYXMgTXVpUGFwZXJDbGFzc2VzLFxuICBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgTXVpUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgZmxleDogJGZ1bGxzY3JlZW4gPyBcIjFcIiA6IFwiMCAwIDgzLjMzMzMzMzMlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBwYWRkaW5nOiBcIjBweFwiLFxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogW1wibm9uZVwiLCBcIjAgMnB4IDEycHggcmdiYSg2NSw2NSw2NSwwLjEyKVwiXSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMCUgLSAoMiAqICR7dGhlbWUuZGlhbG9nLm1hcmdpbn0pKWAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgfSksXG4gIFwiJiBzdmcgKi5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gIH0sXG4gIFtgJi4ke011aVBhcGVyQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgIG1pbldpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCIzMy4zMzMzMzMzJVwiLFxuICAgIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI4My4zMzMzMzMzJVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIHBhcGVyQ2xhc3NlcyBhcyBNdWlQYXBlckNsYXNzZXMsXG4gIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENTU0ludGVycG9sYXRpb24gfSBmcm9tIFwiQGVtb3Rpb24vc2VyaWFsaXplXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXM6IHsgW2tleTogc3RyaW5nXTogQ1NTSW50ZXJwb2xhdGlvbiB9ID0ge1xuICBwYXBlcjoge1xuICAgIFtgJi5NdWlEaWFsb2ctcGFwZXJgXToge1xuICAgICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbGV4OiBcIjAgMCA4My4zMzMzMzMzJVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBwYWRkaW5nOiBcIjBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgICAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAgICAgW2AmLiR7TXVpUGFwZXJDbGFzc2VzLnJvb3R9YF06IHtcbiAgICAgICAgd2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgICBtaW5XaWR0aDogXCIzMy4zMzMzMzMzJVwiLFxuICAgICAgICBtYXhXaWR0aDogXCI4My4zMzMzMzMzJVwiLFxuICAgICAgICBcIiYuZnVsbHNjcmVlblwiOiB7XG4gICAgICAgICAgZmxleDogXCIxXCIsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICAgICAgICB3aWR0aDogXCJpbmhlcml0XCIsXG4gICAgICAgICAgbWluV2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBtaW5IZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICAgIG1heEhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG4iXX0= */");
 const StyledClose = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(HvButton, {
     ...props,
@@ -77,10 +78,10 @@ const StyledClose = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
   right: theme.space.sm,
   width: 32,
   height: 32
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIFBhcGVyIGFzIE11aVBhcGVyLFxuICBwYXBlckNsYXNzZXMgYXMgTXVpUGFwZXJDbGFzc2VzLFxuICBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgTXVpUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgZmxleDogJGZ1bGxzY3JlZW4gPyBcIjFcIiA6IFwiMCAwIDgzLjMzMzMzMzMlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBwYWRkaW5nOiBcIjBweFwiLFxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogW1wibm9uZVwiLCBcIjAgMnB4IDEycHggcmdiYSg2NSw2NSw2NSwwLjEyKVwiXSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMCUgLSAoMiAqICR7dGhlbWUuZGlhbG9nLm1hcmdpbn0pKWAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgfSksXG4gIFwiJiBzdmcgKi5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gIH0sXG4gIFtgJi4ke011aVBhcGVyQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgIG1pbldpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCIzMy4zMzMzMzMzJVwiLFxuICAgIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI4My4zMzMzMzMzJVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIHBhcGVyQ2xhc3NlcyBhcyBNdWlQYXBlckNsYXNzZXMsXG4gIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENTU0ludGVycG9sYXRpb24gfSBmcm9tIFwiQGVtb3Rpb24vc2VyaWFsaXplXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXM6IHsgW2tleTogc3RyaW5nXTogQ1NTSW50ZXJwb2xhdGlvbiB9ID0ge1xuICBwYXBlcjoge1xuICAgIFtgJi5NdWlEaWFsb2ctcGFwZXJgXToge1xuICAgICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICBmbGV4OiBcIjAgMCA4My4zMzMzMzMzJVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBwYWRkaW5nOiBcIjBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgICAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAgICAgW2AmLiR7TXVpUGFwZXJDbGFzc2VzLnJvb3R9YF06IHtcbiAgICAgICAgd2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgICBtaW5XaWR0aDogXCIzMy4zMzMzMzMzJVwiLFxuICAgICAgICBtYXhXaWR0aDogXCI4My4zMzMzMzMzJVwiLFxuICAgICAgICBcIiYuZnVsbHNjcmVlblwiOiB7XG4gICAgICAgICAgZmxleDogXCIxXCIsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICAgICAgICB3aWR0aDogXCJpbmhlcml0XCIsXG4gICAgICAgICAgbWluV2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBtaW5IZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICAgIG1heEhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG4iXX0= */");
 export {
   StyledBackdrop,
   StyledClose,
-  StyledPaper
+  styles
 };
 //# sourceMappingURL=Dialog.styles.js.map

package/dist/esm/components/Dialog/Dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  Paper as MuiPaper,\n  paperClasses as MuiPaperClasses,\n  Backdrop as MuiBackdrop,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef, Ref } from \"react\";\n\nexport const StyledPaper = styled(\n  MuiPaper,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  color: theme.colors.secondary,\n  flex: $fullscreen ? \"1\" : \"0 0 83.3333333%\",\n  backgroundColor: theme.colors.atmo1,\n  padding: \"0px\",\n  overflow: \"auto\",\n  boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n  borderRadius: theme.dialog.borderRadius,\n  ...(!$fullscreen && {\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    display: \"flex\",\n    flexDirection: \"column\",\n  }),\n  \"& svg *.color0\": {\n    fill: theme.colors.secondary,\n  },\n  [`&.${MuiPaperClasses.root}`]: {\n    width: \"inherit\",\n    minWidth: $fullscreen ? \"100%\" : \"33.3333333%\",\n    maxWidth: $fullscreen ? \"100%\" : \"83.3333333%\",\n  },\n}));\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(\n  forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  padding: 0,\n  minWidth: \"auto\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n  width: 32,\n  height: 32,\n});\n"],"names":["StyledPaper","MuiPaper","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","color","theme","colors","secondary","flex","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","MuiPaperClasses","root","width","minWidth","maxWidth","StyledBackdrop","MuiBackdrop","$backColor","background","fade","StyledClose","_styled","forwardRef","props","ref","HvButton","position","top","space","sm","right","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,sCACXC,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,OAAOC,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,iBAAiBJ,MAAMC,OAAOI;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcT,MAAMU,OAAOD;AAAAA,EAC3B,GAAI,CAACX,eAAe;AAAA,IAClBa,WAAY,oBAAmBX,MAAMU,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMf,MAAMC,OAAOC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIc,aAAgBC,MAAM,GAAG;AAAA,IAC7BC,OAAO;AAAA,IACPC,UAAUrB,cAAc,SAAS;AAAA,IACjCsB,UAAUtB,cAAc,SAAS;AAAA,EACnC;AACF,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,itFAAA;AAEU4B,MAAAA,yCACXC,UAAW/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAE2B;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,KAAKF,YAAY,GAAG;AAClC,IAAEhC,QAAAC,IAAAC,aAAC,eAAA,KAAA,itFAAA;AAEI,MAAMiC,cAAcC,wBACzBC,WAAW,CAACC,OAAsBC,QAAiC;AACjE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACvC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACF;AAAA,EACAS,SAAS;AAAA,EACTa,UAAU;AAAA,EACVa,UAAU;AAAA,EACVC,KAAKjC,MAAMkC,MAAMC;AAAAA,EACjBC,OAAOpC,MAAMkC,MAAMC;AAAAA,EACnBjB,OAAO;AAAA,EACPmB,QAAQ;AACV,GAAC9C,QAAAC,IAAAC,aAAC,eAAA,KAAA,itFAAA;"}
+{"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  paperClasses as MuiPaperClasses,\n  Backdrop as MuiBackdrop,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef, Ref } from \"react\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  paper: {\n    [`&.MuiDialog-paper`]: {\n      maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n      display: \"flex\",\n      flexDirection: \"column\",\n      color: theme.colors.secondary,\n      flex: \"0 0 83.3333333%\",\n      backgroundColor: theme.colors.atmo1,\n      padding: \"0px\",\n      overflow: \"auto\",\n      boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n      borderRadius: theme.dialog.borderRadius,\n      [`&.${MuiPaperClasses.root}`]: {\n        width: \"inherit\",\n        minWidth: \"33.3333333%\",\n        maxWidth: \"83.3333333%\",\n        \"&.fullscreen\": {\n          flex: \"1\",\n          borderRadius: \"0\",\n          width: \"inherit\",\n          minWidth: \"100%\",\n          maxWidth: \"100%\",\n          minHeight: \"100%\",\n          maxHeight: \"100%\",\n        },\n      },\n    },\n  },\n};\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(\n  forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  padding: 0,\n  minWidth: \"auto\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n  width: 32,\n  height: 32,\n});\n"],"names":["styles","paper","maxHeight","theme","dialog","margin","display","flexDirection","color","colors","secondary","flex","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","MuiPaperClasses","root","width","minWidth","maxWidth","minHeight","StyledBackdrop","MuiBackdrop","process","env","NODE_ENV","_extends","target","transientOptions","label","$backColor","background","fade","StyledClose","_styled","forwardRef","props","ref","HvButton","position","top","space","sm","right","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,SAA8C;AAAA,EACzDC,OAAO;AAAA,IACL,CAAE,mBAAkB,GAAG;AAAA,MACrBC,WAAY,oBAAmBC,MAAMC,OAAOC;AAAAA,MAC5CC,SAAS;AAAA,MACTC,eAAe;AAAA,MACfC,OAAOL,MAAMM,OAAOC;AAAAA,MACpBC,MAAM;AAAA,MACNC,iBAAiBT,MAAMM,OAAOI;AAAAA,MAC9BC,SAAS;AAAA,MACTC,UAAU;AAAA,MACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,MACpDC,cAAcd,MAAMC,OAAOa;AAAAA,MAC3B,CAAE,KAAIC,aAAgBC,MAAM,GAAG;AAAA,QAC7BC,OAAO;AAAA,QACPC,UAAU;AAAA,QACVC,UAAU;AAAA,QACV,gBAAgB;AAAA,UACdX,MAAM;AAAA,UACNM,cAAc;AAAA,UACdG,OAAO;AAAA,UACPC,UAAU;AAAA,UACVC,UAAU;AAAA,UACVC,WAAW;AAAA,UACXrB,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEasB,MAAAA,yCACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,KAAKF,YAAY,GAAG;AAClC,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7FAAA;AAEI,MAAMQ,cAAcC,wBACzBC,WAAW,CAACC,OAAsBC,QAAiC;AACjE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACF;AAAA,EACAlB,SAAS;AAAA,EACTO,UAAU;AAAA,EACVqB,UAAU;AAAA,EACVC,KAAKxC,MAAMyC,MAAMC;AAAAA,EACjBC,OAAO3C,MAAMyC,MAAMC;AAAAA,EACnBzB,OAAO;AAAA,EACP2B,QAAQ;AACV,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7FAAA;"}