@razorpay/blade 11.18.2 → 11.19.0

package/build/lib/web/development/components/DatePicker/CalendarHeader.web.js

@@ -0,0 +1,162 @@
+import dayjs from 'dayjs';
+import { useI18nContext } from '../../node_modules/@razorpay/i18nify-react/lib/esm/index.js';
+import { convertIntlToDayjsLocale } from './utils.js';
+import '../Box/index.js';
+import '../Button/index.js';
+import '../Typography/index.js';
+import '../Icons/index.js';
+import '../Link/index.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
+import Button from '../Button/Button/Button.js';
+import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
+import { Text } from '../Typography/Text/Text.js';
+import Link from '../Link/Link/Link.js';
+import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+import ChevronRightIcon from '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+
+var CalendarHeader = function CalendarHeader(_ref) {
+  var _i18nState$locale;
+  var isRange = _ref.isRange,
+    date = _ref.date,
+    pickerType = _ref.pickerType,
+    onNextMonth = _ref.onNextMonth,
+    onNextYear = _ref.onNextYear,
+    onNextDecade = _ref.onNextDecade,
+    onPreviousMonth = _ref.onPreviousMonth,
+    onPreviousYear = _ref.onPreviousYear,
+    onPreviousDecade = _ref.onPreviousDecade,
+    onLevelChange = _ref.onLevelChange;
+  var _useI18nContext = useI18nContext(),
+    i18nState = _useI18nContext.i18nState;
+  var locale = convertIntlToDayjsLocale((_i18nState$locale = i18nState === null || i18nState === void 0 ? void 0 : i18nState.locale) !== null && _i18nState$locale !== void 0 ? _i18nState$locale : 'en-IN');
+  var month = dayjs(date).locale(locale).format('MMMM');
+  var year = dayjs(date).locale(locale).format('YYYY');
+  var currentYear = dayjs(date).year();
+  var startYearOfDecade = Math.floor(currentYear / 10) * 10;
+  var endYearOfDecade = startYearOfDecade + 9;
+  var nextMonth = dayjs(date).locale(locale).add(1, 'month').format('MMMM');
+  var nextYear = dayjs(date).locale(locale).add(1, 'month').format('YYYY');
+  var handleNext = function handleNext() {
+    switch (pickerType) {
+      case 'day':
+        onNextMonth();
+        break;
+      case 'month':
+        onNextYear();
+        break;
+      case 'year':
+        onNextDecade();
+        break;
+      default:
+        throw new Error('Invalid picker type');
+    }
+  };
+  var handlePrevious = function handlePrevious() {
+    switch (pickerType) {
+      case 'day':
+        onPreviousMonth();
+        break;
+      case 'month':
+        onPreviousYear();
+        break;
+      case 'year':
+        onPreviousDecade();
+        break;
+      default:
+        throw new Error('Invalid picker type');
+    }
+  };
+  return /*#__PURE__*/jsxs(Box, {
+    display: isRange ? 'grid' : 'flex',
+    gridTemplateColumns: {
+      base: 'auto  1fr auto',
+      m: 'auto 1fr 1fr auto'
+    },
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/*#__PURE__*/jsx(Button, {
+      justifySelf: "start",
+      size: "small",
+      variant: "tertiary",
+      onClick: handlePrevious,
+      accessibilityLabel: "Previous",
+      icon: ChevronLeftIcon
+    }), isRange ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs(Text, {
+        display: {
+          base: 'none',
+          m: 'block'
+        },
+        size: "large",
+        weight: "medium",
+        marginRight: "spacing.7",
+        justifySelf: "center",
+        children: [month, " ", year]
+      }), /*#__PURE__*/jsxs(Text, {
+        display: {
+          base: 'none',
+          m: 'block'
+        },
+        size: "large",
+        weight: "medium",
+        marginLeft: "spacing.7",
+        justifySelf: "center",
+        children: [nextMonth, " ", nextYear]
+      }), /*#__PURE__*/jsxs(Text, {
+        display: {
+          base: 'block',
+          m: 'none'
+        },
+        size: "large",
+        weight: "medium",
+        justifySelf: "center",
+        children: [month, " ", year]
+      })]
+    }) : /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      gap: "spacing.5",
+      alignItems: "center",
+      children: [pickerType === 'day' && /*#__PURE__*/jsxs(Link, {
+        onClick: function onClick() {
+          onLevelChange('year');
+        },
+        size: "large",
+        variant: "button",
+        color: "neutral",
+        iconPosition: "right",
+        icon: ChevronDownIcon,
+        accessibilityLabel: "Change month",
+        children: [month, " ", year]
+      }), pickerType === 'month' && /*#__PURE__*/jsx(Link, {
+        onClick: function onClick() {
+          onLevelChange('decade');
+        },
+        size: "large",
+        variant: "button",
+        color: "neutral",
+        iconPosition: "right",
+        icon: ChevronDownIcon,
+        accessibilityLabel: "Change decade",
+        children: year
+      }), pickerType === 'year' && /*#__PURE__*/jsxs(Text, {
+        size: "large",
+        weight: "medium",
+        color: "interactive.text.neutral.normal",
+        children: [startYearOfDecade, " - ", endYearOfDecade]
+      })]
+    }), /*#__PURE__*/jsx(Button, {
+      justifySelf: "end",
+      size: "small",
+      variant: "tertiary",
+      onClick: handleNext,
+      accessibilityLabel: "Next",
+      icon: ChevronRightIcon
+    })]
+  });
+};
+
+export { CalendarHeader };
+//# sourceMappingURL=CalendarHeader.web.js.map

package/build/lib/web/development/components/DatePicker/CalendarHeader.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.web.js","sources":["../../../../../../src/components/DatePicker/CalendarHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { CalendarLevel as MantineCalendarLevel } from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport { useI18nContext } from '@razorpay/i18nify-react';\nimport type { PickerType, DateValue, DatesRangeValue } from './types';\nimport { convertIntlToDayjsLocale } from './utils';\nimport { Box } from '~components/Box';\nimport { Button } from '~components/Button';\nimport { Text } from '~components/Typography';\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { Link } from '~components/Link';\n\ntype CalendarHeaderProps = {\n  isRange: boolean;\n  date: DateValue | DatesRangeValue;\n  pickerType: PickerType;\n  onNextMonth: () => void;\n  onPreviousMonth: () => void;\n  onNextYear: () => void;\n  onPreviousYear: () => void;\n  onNextDecade: () => void;\n  onPreviousDecade: () => void;\n  onLevelChange: (level: MantineCalendarLevel) => void;\n};\n\nconst CalendarHeader = ({\n  isRange,\n  date,\n  pickerType,\n  onNextMonth,\n  onNextYear,\n  onNextDecade,\n  onPreviousMonth,\n  onPreviousYear,\n  onPreviousDecade,\n  onLevelChange,\n}: CalendarHeaderProps): React.ReactElement => {\n  const { i18nState } = useI18nContext();\n  const locale = convertIntlToDayjsLocale(i18nState?.locale ?? 'en-IN');\n\n  const month = dayjs(date as Date)\n    .locale(locale)\n    .format('MMMM');\n  const year = dayjs(date as Date)\n    .locale(locale)\n    .format('YYYY');\n  const currentYear = dayjs(date as Date).year();\n  const startYearOfDecade = Math.floor(currentYear / 10) * 10;\n  const endYearOfDecade = startYearOfDecade + 9;\n  const nextMonth = dayjs(date as Date)\n    .locale(locale)\n    .add(1, 'month')\n    .format('MMMM');\n  const nextYear = dayjs(date as Date)\n    .locale(locale)\n    .add(1, 'month')\n    .format('YYYY');\n\n  const handleNext = () => {\n    switch (pickerType) {\n      case 'day':\n        onNextMonth();\n        break;\n      case 'month':\n        onNextYear();\n        break;\n      case 'year':\n        onNextDecade();\n        break;\n      default:\n        throw new Error('Invalid picker type');\n    }\n  };\n\n  const handlePrevious = () => {\n    switch (pickerType) {\n      case 'day':\n        onPreviousMonth();\n        break;\n      case 'month':\n        onPreviousYear();\n        break;\n      case 'year':\n        onPreviousDecade();\n        break;\n      default:\n        throw new Error('Invalid picker type');\n    }\n  };\n\n  return (\n    <Box\n      display={isRange ? 'grid' : 'flex'}\n      gridTemplateColumns={{ base: 'auto  1fr auto', m: 'auto 1fr 1fr auto' }}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      <Button\n        justifySelf=\"start\"\n        size=\"small\"\n        variant=\"tertiary\"\n        onClick={handlePrevious}\n        accessibilityLabel=\"Previous\"\n        icon={ChevronLeftIcon}\n      />\n      {isRange ? (\n        <>\n          <Text\n            display={{ base: 'none', m: 'block' }}\n            size=\"large\"\n            weight=\"medium\"\n            marginRight=\"spacing.7\"\n            justifySelf=\"center\"\n          >\n            {month} {year}\n          </Text>\n          <Text\n            display={{ base: 'none', m: 'block' }}\n            size=\"large\"\n            weight=\"medium\"\n            marginLeft=\"spacing.7\"\n            justifySelf=\"center\"\n          >\n            {nextMonth} {nextYear}\n          </Text>\n          <Text\n            display={{ base: 'block', m: 'none' }}\n            size=\"large\"\n            weight=\"medium\"\n            justifySelf=\"center\"\n          >\n            {month} {year}\n          </Text>\n        </>\n      ) : (\n        <Box display=\"flex\" gap=\"spacing.5\" alignItems=\"center\">\n          {pickerType === 'day' && (\n            <Link\n              onClick={() => {\n                onLevelChange('year');\n              }}\n              size=\"large\"\n              variant=\"button\"\n              color=\"neutral\"\n              iconPosition=\"right\"\n              icon={ChevronDownIcon}\n              accessibilityLabel=\"Change month\"\n            >\n              {month} {year}\n            </Link>\n          )}\n          {pickerType === 'month' && (\n            <Link\n              onClick={() => {\n                onLevelChange('decade');\n              }}\n              size=\"large\"\n              variant=\"button\"\n              color=\"neutral\"\n              iconPosition=\"right\"\n              icon={ChevronDownIcon}\n              accessibilityLabel=\"Change decade\"\n            >\n              {year}\n            </Link>\n          )}\n          {pickerType === 'year' && (\n            <Text size=\"large\" weight=\"medium\" color=\"interactive.text.neutral.normal\">\n              {startYearOfDecade} - {endYearOfDecade}\n            </Text>\n          )}\n        </Box>\n      )}\n      <Button\n        justifySelf=\"end\"\n        size=\"small\"\n        variant=\"tertiary\"\n        onClick={handleNext}\n        accessibilityLabel=\"Next\"\n        icon={ChevronRightIcon}\n      />\n    </Box>\n  );\n};\n\nexport { CalendarHeader };\n"],"names":["CalendarHeader","_ref","_i18nState$locale","isRange","date","pickerType","onNextMonth","onNextYear","onNextDecade","onPreviousMonth","onPreviousYear","onPreviousDecade","onLevelChange","_useI18nContext","useI18nContext","i18nState","locale","convertIntlToDayjsLocale","month","dayjs","format","year","currentYear","startYearOfDecade","Math","floor","endYearOfDecade","nextMonth","add","nextYear","handleNext","Error","handlePrevious","_jsxs","Box","display","gridTemplateColumns","base","m","justifyContent","alignItems","children","_jsx","Button","justifySelf","size","variant","onClick","accessibilityLabel","icon","ChevronLeftIcon","_Fragment","Text","weight","marginRight","marginLeft","gap","Link","color","iconPosition","ChevronDownIcon","ChevronRightIcon"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js

@@ -0,0 +1,310 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import styled from 'styled-components';
+import dayjs from 'dayjs';
+import { classes } from './constants.js';
+import '../Box/BaseBox/index.js';
+import getTextStyles from '../Typography/Text/getTextStyles.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/getFocusRingStyles/index.js';
+import { size } from '../../tokens/global/size.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var cell = {
+  gap: {
+    x: size[0],
+    y: size[2]
+  },
+  size: {
+    desktop: size[40],
+    mobile: size[48]
+  },
+  background: {
+    "default": 'transparent',
+    hover: 'interactive.background.gray.highlighted',
+    disabled: 'transparent'
+  },
+  text: {
+    "default": 'interactive.text.gray.normal',
+    disabled: 'interactive.text.gray.disabled'
+  }
+};
+var todayCell = {
+  background: {
+    "default": 'transparent',
+    hover: 'interactive.background.primary.faded'
+  },
+  border: {
+    "default": 'interactive.border.primary.default',
+    hover: 'interactive.border.primary.default'
+  },
+  text: {
+    "default": 'interactive.text.primary.normal',
+    hover: 'interactive.text.primary.normal'
+  }
+};
+var selectedCell = {
+  day: {
+    background: {
+      "default": 'interactive.background.primary.default',
+      hover: 'interactive.background.primary.highlighted'
+    },
+    border: {
+      "default": 'interactive.border.primary.default',
+      hover: 'interactive.border.primary.faded'
+    },
+    text: {
+      "default": 'interactive.text.onPrimary.normal',
+      hover: 'interactive.text.onPrimary.normal'
+    }
+  },
+  month: {
+    background: {
+      "default": 'transparent',
+      hover: 'interactive.background.primary.faded'
+    },
+    border: {
+      "default": 'interactive.border.primary.default'
+    },
+    text: {
+      "default": 'interactive.text.primary.normal'
+    }
+  }
+};
+var inRangeCell = {
+  background: {
+    "default": 'surface.background.primary.subtle',
+    hover: 'interactive.background.primary.faded'
+  },
+  border: {
+    "default": 'interactive.border.primary.default',
+    hover: 'interactive.border.primary.default'
+  },
+  text: {
+    "default": 'interactive.text.primary.normal',
+    hover: 'interactive.text.primary.normal'
+  }
+};
+var CalendarGradientStyles = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "CalendarStylesweb__CalendarGradientStyles",
+  componentId: "xxlq7y-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    date = _ref.date,
+    isRange = _ref.isRange;
+  var isMobile = useIsMobile();
+  // Bail out if datepicker is not in range mode or on mobile
+  if (isMobile || !isRange) return {};
+
+  // Calculate the first and last day of the month for both calendars in range mode
+  // This is to apply the gradient to the first and last day of the month
+  var cal1 = dayjs(date);
+  var cal1FirstDay = cal1.startOf('month');
+  var cal1LastDay = cal1.endOf('month');
+  // Check if the first and last day of the month are at the start or end of the week
+  // If so, we don't apply the gradient, as it will overflow to the previous or next month
+  // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f
+  var cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;
+  var cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;
+
+  // Do the same for the second calendar
+  var cal2 = dayjs(date).add(1, 'month');
+  var cal2FirstDay = cal2.startOf('month');
+  var cal2LastDay = cal2.endOf('month');
+  var cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;
+  var cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;
+  var calendar1FirstGradient = "".concat(cal1.month(), "-").concat(cal1FirstDay.date());
+  var calendar1LastGradient = "".concat(cal1.month(), "-").concat(cal1LastDay.date());
+  var calendar2FirstGradient = "".concat(cal2.month(), "-").concat(cal2FirstDay.date());
+  var calendar2LastGradient = "".concat(cal2.month(), "-").concat(cal2LastDay.date());
+  var gradientBefore = {
+    content: '""',
+    position: 'absolute',
+    width: '100%',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    pointerEvents: 'none'
+  };
+  var rightGradient = _objectSpread(_objectSpread({}, gradientBefore), {}, {
+    left: '-100%',
+    background: "linear-gradient(to right, transparent, ".concat(getIn(theme.colors, inRangeCell.background["default"]), ")")
+  });
+  var leftGradient = _objectSpread(_objectSpread({}, gradientBefore), {}, {
+    left: '100%',
+    background: "linear-gradient(to left, transparent, ".concat(getIn(theme.colors, inRangeCell.background["default"]), ")")
+  });
+  return _defineProperty({}, ".".concat(classes.dayCell), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&[data-in-range]:not(&[data-first-in-range])[data-date=\"".concat(calendar1FirstGradient, "\"]"), {
+    '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient
+  }), "&[data-in-range]:not(&[data-last-in-range])[data-date=\"".concat(calendar1LastGradient, "\"]"), {
+    '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient
+  }), "&[data-in-range]:not(&[data-first-in-range])[data-date=\"".concat(calendar2FirstGradient, "\"]"), {
+    '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient
+  }), "&[data-in-range]:not(&[data-last-in-range])[data-date=\"".concat(calendar2LastGradient, "\"]"), {
+    '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient
+  }));
+});
+var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "CalendarStylesweb__CalendarStyles",
+  componentId: "xxlq7y-1"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    pickerType = _ref3.pickerType;
+  var isMobile = useIsMobile();
+  var device = isMobile ? 'mobile' : 'desktop';
+  var isDayPicker = pickerType === 'day';
+  var today = {
+    '&[data-today]': {
+      position: 'relative',
+      ':before': {
+        content: '""',
+        position: 'absolute',
+        left: '50%',
+        bottom: makeSpace(size[5]),
+        transform: 'translate(-50%, -50%)',
+        backgroundColor: getIn(theme.colors, todayCell.text["default"]),
+        width: makeSpace(theme.spacing[2]),
+        height: makeSpace(theme.spacing[2]),
+        borderRadius: theme.border.radius.max
+      }
+    },
+    '&[data-today]:hover': {
+      backgroundColor: getIn(theme.colors, todayCell.background.hover),
+      outlineColor: getIn(theme.colors, todayCell.border.hover),
+      color: getIn(theme.colors, todayCell.text.hover)
+    }
+  };
+  var selected = {
+    '&[data-selected]': {
+      '&[data-celltype="day"]': {
+        backgroundColor: getIn(theme.colors, selectedCell.day.background["default"]),
+        outlineColor: getIn(theme.colors, selectedCell.day.border["default"]),
+        color: getIn(theme.colors, selectedCell.day.text["default"]),
+        ':hover': {
+          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),
+          color: getIn(theme.colors, selectedCell.day.text.hover)
+        }
+      },
+      '&[data-celltype="month"], &[data-celltype="year"]': {
+        backgroundColor: 'transparent',
+        outlineStyle: 'solid',
+        outlineWidth: makeBorderSize(theme.border.width.thin),
+        outlineOffset: makeSpace(-theme.border.width.thin),
+        outlineColor: getIn(theme.colors, selectedCell.month.border["default"]),
+        color: getIn(theme.colors, selectedCell.month.text["default"]),
+        ':hover': {
+          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover)
+        }
+      },
+      ':before': {
+        backgroundColor: getIn(theme.colors, selectedCell.day.text["default"])
+      }
+    }
+  };
+  var ranges = {
+    '&[data-in-range]': {
+      borderRadius: 0,
+      backgroundColor: getIn(theme.colors, inRangeCell.background["default"]),
+      outlineColor: getIn(theme.colors, inRangeCell.border["default"]),
+      color: getIn(theme.colors, inRangeCell.text["default"]),
+      position: 'relative'
+    },
+    '&[data-in-range]:hover': {
+      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),
+      outlineColor: getIn(theme.colors, inRangeCell.border.hover),
+      color: getIn(theme.colors, inRangeCell.text.hover)
+    },
+    '&[data-first-in-range]': {
+      borderRadius: theme.border.radius.medium,
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    '&[data-last-in-range]': {
+      borderRadius: theme.border.radius.medium,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    },
+    '&[data-first-in-range][data-last-in-range]': {
+      borderRadius: theme.border.radius.medium
+    }
+  };
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    width: '100%'
+  }, ".".concat(classes.levelsGroup), {
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'space-between',
+    gap: makeSpace(theme.spacing[8]),
+    table: {
+      borderCollapse: 'collapse',
+      width: '100%'
+    },
+    '> div': {
+      width: isMobile || !isDayPicker ? '100%' : undefined
+    },
+    th: {
+      flex: 1
+    },
+    td: {
+      flex: 1,
+      padding: '0px',
+      paddingBottom: makeSpace(cell.gap.y)
+    }
+  }), ".".concat(classes.row), {
+    textAlign: 'center',
+    display: isDayPicker ? 'flex' : 'grid',
+    gridTemplateColumns: 'repeat(3, 1fr)'
+  }), ".".concat(classes.calendarHeader), {
+    display: 'none'
+  }), ".".concat(classes.weekday), _objectSpread(_objectSpread({}, getTextStyles({
+    theme: theme,
+    variant: 'body',
+    size: 'small',
+    weight: 'medium',
+    color: 'surface.text.gray.muted'
+  })), {}, {
+    paddingBottom: makeSpace(theme.spacing[4])
+  })), ".".concat(classes.dayCell), _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    cursor: 'pointer',
+    width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),
+    height: isDayPicker && isMobile ? undefined : makeSpace(cell.size[device]),
+    aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,
+    borderRadius: theme.border.radius.medium,
+    backgroundColor: getIn(theme.colors, cell.background["default"]),
+    border: 'none'
+  }, getTextStyles({
+    theme: theme,
+    variant: 'body',
+    size: 'medium',
+    weight: 'regular'
+  })), {}, {
+    '&:hover': {
+      backgroundColor: getIn(theme.colors, cell.background.hover)
+    },
+    '&:focus-visible': getFocusRingStyles({
+      theme: theme,
+      isImportant: true
+    }),
+    '&[data-disabled]': {
+      color: getIn(theme.colors, cell.text.disabled),
+      backgroundColor: getIn(theme.colors, cell.background.disabled),
+      cursor: 'not-allowed'
+    },
+    '&[data-outside]': {
+      color: theme.colors.interactive.text.gray.muted
+    },
+    '&[data-outside]:hover': {
+      color: getIn(theme.colors, cell.text["default"])
+    }
+  }, ranges), today), selected));
+});
+
+export { CalendarGradientStyles, CalendarStyles };
+//# sourceMappingURL=CalendarStyles.web.js.map

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'transparent',\n      hover: 'interactive.background.primary.faded',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.primary.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: 'transparent',\n        outlineStyle: 'solid',\n        outlineWidth: makeBorderSize(theme.border.width.thin),\n        outlineOffset: makeSpace(-theme.border.width.thin),\n        outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: '100%',\n      },\n      '> div': { width: isMobile || !isDayPicker ? '100%' : undefined },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      cursor: 'pointer',\n      width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n      height: isDayPicker && isMobile ? undefined : makeSpace(cell.size[device]),\n      aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n      borderRadius: theme.border.radius.medium,\n      backgroundColor: getIn(theme.colors, cell.background.default),\n      border: 'none',\n      ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n      '&:hover': {\n        backgroundColor: getIn(theme.colors, cell.background.hover),\n      },\n      '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n      '&[data-disabled]': {\n        color: getIn(theme.colors, cell.text.disabled),\n        backgroundColor: getIn(theme.colors, cell.background.disabled),\n        cursor: 'not-allowed',\n      },\n      '&[data-outside]': {\n        color: theme.colors.interactive.text.gray.muted,\n      },\n      '&[data-outside]:hover': {\n        color: getIn(theme.colors, cell.text.default),\n      },\n      ...ranges,\n      ...today,\n      ...selected,\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}