@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/Chip/Chip.js

@@ -1,88 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Loader } from '../Loader/Loader.js';
-import { theme } from '../theme.js';
-import { focusOutline } from '../utils/focusOutline.js';
-
-const Chip = forwardRef(
-  ({
-    children,
-    handleClick,
-    primary = false,
-    secondary = false,
-    disabled = false,
-    loading = false,
-    icon,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    Container,
-    {
-      as: "button",
-      primary,
-      secondary,
-      disabled: disabled || loading,
-      $loading: loading,
-      onClick: handleClick,
-      icon,
-      ...props,
-      ref,
-      children: loading ? /* @__PURE__ */ jsx(Loader, { color: primary ? "liquorice" : "cream", height: "16" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            render: icon,
-            size: 20,
-            color: primary ? "liquorice" : "cream"
-          }
-        ),
-        /* @__PURE__ */ jsx(ChildrenContainer, { children })
-      ] })
-    }
-  )
-);
-Chip.displayName = "Chip";
-const Container = styled(Box)(
-  ({ primary, secondary, icon, $loading, disabled }) => css`
-    ${focusOutline()}
-
-    align-items: center;
-    background-color: ${theme.colors.oatmeal};
-    border-radius: 100px;
-    border: 2px solid ${theme.colors.oatmeal};
-    color: ${theme.colors.liquorice};
-    display: flex;
-    font-size: 16px;
-    justify-content: ${icon ? "space-evenly" : "center"};
-    line-height: 100%;
-    padding: 8px 16px 8px ${icon ? "8px" : "16px"};
-    width: 98px;
-    min-height: 40px;
-    cursor: ${disabled || $loading ? "not-allowed" : "pointer"};
-    opacity: ${disabled ? "0.5" : "1"};
-
-    ${primary && css`
-      &:hover {
-        border: ${!(disabled || $loading) && `2px solid ${theme.colors.mascarpone}`};
-        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};
-      }
-    `}
-    ${secondary && css`
-      color: ${theme.colors.cream};
-      background-color: ${theme.colors.liquorice};
-      border: 2px solid ${theme.colors.liquorice};
-      &:hover {
-        border: ${!(disabled || $loading) && `2px solid ${theme.colors.sesame}`};
-        background-color: ${!(disabled || $loading) && theme.colors.sesame};
-      }
-    `};
-  `
-);
-const ChildrenContainer = styled.div`
-  flex-grow: 1;
-`;
-
-export { Chip };
-//# sourceMappingURL=Chip.js.map

package/dist/Chip/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","sources":["../../src/Chip/Chip.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, FC, ReactNode, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon as IconComponent } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Loader } from '../Loader'\nimport { theme } from '../theme'\nimport { focusOutline } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\ninterface IButton {\n  primary: boolean\n  secondary: boolean\n  icon?: Icons\n  $loading: boolean\n  disabled: boolean\n}\n\ntype Props = {\n  children: ReactNode\n  handleClick: (e: React.FormEvent<HTMLButtonElement>) => void\n  primary?: boolean\n  secondary?: boolean\n  icon?: Icons\n  disabled?: boolean\n  loading?: boolean\n} & MarginProps\n\nexport type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport const Chip: FC<ChipProps> = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      children,\n      handleClick,\n      primary = false,\n      secondary = false,\n      disabled = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref,\n  ) => (\n    <Container\n      as=\"button\"\n      primary={primary}\n      secondary={secondary}\n      disabled={disabled || loading}\n      $loading={loading}\n      onClick={handleClick}\n      icon={icon}\n      {...props}\n      ref={ref}\n    >\n      {loading ? (\n        <Loader color={primary ? 'liquorice' : 'cream'} height=\"16\" />\n      ) : (\n        <>\n          {icon && (\n            <IconComponent\n              render={icon}\n              size={20}\n              color={primary ? 'liquorice' : 'cream'}\n            />\n          )}\n          <ChildrenContainer>{children}</ChildrenContainer>\n        </>\n      )}\n    </Container>\n  ),\n)\n\nChip.displayName = 'Chip'\n\nconst Container = styled(Box)<IButton>(\n  ({ primary, secondary, icon, $loading, disabled }) => css`\n    ${focusOutline()}\n\n    align-items: center;\n    background-color: ${theme.colors.oatmeal};\n    border-radius: 100px;\n    border: 2px solid ${theme.colors.oatmeal};\n    color: ${theme.colors.liquorice};\n    display: flex;\n    font-size: 16px;\n    justify-content: ${icon ? 'space-evenly' : 'center'};\n    line-height: 100%;\n    padding: 8px 16px 8px ${icon ? '8px' : '16px'};\n    width: 98px;\n    min-height: 40px;\n    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};\n    opacity: ${disabled ? '0.5' : '1'};\n\n    ${primary &&\n    css`\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.mascarpone}`};\n        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};\n      }\n    `}\n    ${secondary &&\n    css`\n      color: ${theme.colors.cream};\n      background-color: ${theme.colors.liquorice};\n      border: 2px solid ${theme.colors.liquorice};\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.sesame}`};\n        background-color: ${!(disabled || $loading) && theme.colors.sesame};\n      }\n    `};\n  `,\n)\n\nconst ChildrenContainer = styled.div`\n  flex-grow: 1;\n`\n"],"names":["IconComponent"],"mappings":"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"}

package/dist/CurrencyInput/CurrencyInput.js

@@ -1,91 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../Box/Box.js';
-import { Field } from '../fields/Field/Field.js';
-import { useUniqueId } from '../utils/id.js';
-import { StyledFrontIcon, Input } from '../fields/components/CommonInput.js';
-
-const CurrencyInput = forwardRef(function CurrencyInput2({
-  id: idProp,
-  placeholder,
-  name,
-  value,
-  decimalNumber = true,
-  onChange,
-  onInputChange,
-  onBlur,
-  min,
-  max,
-  disabled = false,
-  error = false,
-  fallbackStyle,
-  ...fieldProps
-}, ref) {
-  const id = useUniqueId(idProp);
-  const frontIcon = "pound-regular";
-  const formatCurrency = (value2) => {
-    const decimalIndex = value2.indexOf(".");
-    if (!decimalNumber) {
-      return Math.trunc(Number(value2)).toString();
-    }
-    if (decimalIndex >= 0 && value2.length > decimalIndex + 1) {
-      const fractionalString = value2.substring(decimalIndex + 1).substring(0, 2);
-      return `${value2.substring(0, decimalIndex)}.${fractionalString}`;
-    } else {
-      return value2;
-    }
-  };
-  const applyMinMax = (value2) => {
-    const numberValue = Number(value2);
-    if (min && numberValue < min)
-      return min.toString();
-    if (max && numberValue > max)
-      return max.toString();
-    return value2;
-  };
-  const handleChange = (value2) => {
-    if (onChange === void 0)
-      return;
-    const EMPTY_INPUT = "";
-    if (value2 === EMPTY_INPUT) {
-      onChange(value2);
-    } else {
-      const amount = formatCurrency(value2);
-      const normalisedValue = applyMinMax(amount);
-      onChange(normalisedValue);
-    }
-  };
-  return /* @__PURE__ */ jsx(Field, { ...fieldProps, htmlFor: id, error, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-start", children: [
-    /* @__PURE__ */ jsx(
-      StyledFrontIcon,
-      {
-        disabled,
-        render: frontIcon,
-        color: "sesame"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        error,
-        disabled,
-        type: "number",
-        id,
-        name,
-        placeholder,
-        value,
-        frontIcon,
-        fallbackStyle,
-        onChange: (e) => {
-          onChange && handleChange(e.currentTarget.value);
-          onInputChange && onInputChange(e);
-        },
-        onBlur
-      }
-    )
-  ] }) });
-});
-
-export { CurrencyInput };
-//# sourceMappingURL=CurrencyInput.js.map

package/dist/CurrencyInput/CurrencyInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencyInput.js","sources":["../../src/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["import React, { FocusEvent, FormEvent, forwardRef, ForwardedRef } from 'react'\n\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\n\nimport { useUniqueId } from '../utils/id'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\n\nexport interface Props extends CommonFieldProps {\n  placeholder: string\n  name?: string\n  value: string\n  decimalNumber?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  min?: number\n  max?: number\n}\n\n/** on change or on input required */\ntype InputProps =\n  | {\n      /** on change is required and on input optional */\n      onChange: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLInputElement>) => void\n    }\n  | {\n      /** on input is required and on change optional */\n      onChange?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLInputElement>) => void\n    }\n\nexport type CurrencyInputProps = Props & InputProps\n\nexport const CurrencyInput = forwardRef(function CurrencyInput(\n  {\n    id: idProp,\n    placeholder,\n    name,\n    value,\n    decimalNumber = true,\n    onChange,\n    onInputChange,\n    onBlur,\n    min,\n    max,\n    disabled = false,\n    error = false,\n    fallbackStyle,\n    ...fieldProps\n  }: CurrencyInputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const id = useUniqueId(idProp)\n  const frontIcon = 'pound-regular'\n\n  const formatCurrency = (value: string) => {\n    const decimalIndex = value.indexOf('.')\n\n    if (!decimalNumber) {\n      return Math.trunc(Number(value)).toString()\n    }\n\n    if (decimalIndex >= 0 && value.length > decimalIndex + 1) {\n      const fractionalString = value.substring(decimalIndex + 1).substring(0, 2)\n      return `${value.substring(0, decimalIndex)}.${fractionalString}`\n    } else {\n      return value\n    }\n  }\n\n  const applyMinMax = (value: string) => {\n    const numberValue = Number(value)\n    if (min && numberValue < min) return min.toString()\n    if (max && numberValue > max) return max.toString()\n    return value\n  }\n\n  const handleChange = (value: string) => {\n    if (onChange === undefined) return\n    const EMPTY_INPUT = ''\n\n    if (value === EMPTY_INPUT) {\n      onChange(value)\n    } else {\n      const amount = formatCurrency(value)\n      const normalisedValue = applyMinMax(amount)\n\n      onChange(normalisedValue)\n    }\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n        <StyledFrontIcon\n          disabled={disabled}\n          render={frontIcon}\n          color=\"sesame\"\n        />\n        <Input\n          ref={ref}\n          error={error}\n          disabled={disabled}\n          type=\"number\"\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          onChange={(e: FormEvent<HTMLInputElement>) => {\n            onChange && handleChange(e.currentTarget.value)\n            onInputChange && onInputChange(e)\n          }}\n          onBlur={onBlur}\n        />\n      </Box>\n    </Field>\n  )\n})\n"],"names":["CurrencyInput","value"],"mappings":";;;;;;;AAkCa,MAAA,aAAA,GAAgB,UAAW,CAAA,SAASA,cAC/C,CAAA;AAAA,EACE,EAAI,EAAA,MAAA;AAAA,EACJ,WAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,QAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,KAAQ,GAAA,KAAA;AAAA,EACR,aAAA;AAAA,EACA,GAAG,UAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAM,MAAA,EAAA,GAAK,YAAY,MAAM,CAAA,CAAA;AAC7B,EAAA,MAAM,SAAY,GAAA,eAAA,CAAA;AAElB,EAAM,MAAA,cAAA,GAAiB,CAACC,MAAkB,KAAA;AACxC,IAAM,MAAA,YAAA,GAAeA,MAAM,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAEtC,IAAA,IAAI,CAAC,aAAe,EAAA;AAClB,MAAA,OAAO,KAAK,KAAM,CAAA,MAAA,CAAOA,MAAK,CAAC,EAAE,QAAS,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,IAAI,YAAgB,IAAA,CAAA,IAAKA,MAAM,CAAA,MAAA,GAAS,eAAe,CAAG,EAAA;AACxD,MAAM,MAAA,gBAAA,GAAmBA,OAAM,SAAU,CAAA,YAAA,GAAe,CAAC,CAAE,CAAA,SAAA,CAAU,GAAG,CAAC,CAAA,CAAA;AACzE,MAAA,OAAO,GAAGA,MAAM,CAAA,SAAA,CAAU,GAAG,YAAY,CAAC,IAAI,gBAAgB,CAAA,CAAA,CAAA;AAAA,KACzD,MAAA;AACL,MAAOA,OAAAA,MAAAA,CAAAA;AAAA,KACT;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAACA,MAAkB,KAAA;AACrC,IAAM,MAAA,WAAA,GAAc,OAAOA,MAAK,CAAA,CAAA;AAChC,IAAA,IAAI,OAAO,WAAc,GAAA,GAAA;AAAK,MAAA,OAAO,IAAI,QAAS,EAAA,CAAA;AAClD,IAAA,IAAI,OAAO,WAAc,GAAA,GAAA;AAAK,MAAA,OAAO,IAAI,QAAS,EAAA,CAAA;AAClD,IAAOA,OAAAA,MAAAA,CAAAA;AAAA,GACT,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAACA,MAAkB,KAAA;AACtC,IAAA,IAAI,QAAa,KAAA,KAAA,CAAA;AAAW,MAAA,OAAA;AAC5B,IAAA,MAAM,WAAc,GAAA,EAAA,CAAA;AAEpB,IAAA,IAAIA,WAAU,WAAa,EAAA;AACzB,MAAA,QAAA,CAASA,MAAK,CAAA,CAAA;AAAA,KACT,MAAA;AACL,MAAM,MAAA,MAAA,GAAS,eAAeA,MAAK,CAAA,CAAA;AACnC,MAAM,MAAA,eAAA,GAAkB,YAAY,MAAM,CAAA,CAAA;AAE1C,MAAA,QAAA,CAAS,eAAe,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,UAAA,EAAY,SAAS,EAAI,EAAA,KAAA,EAClC,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,IAAI,EAAA,IAAA,EAAC,UAAW,EAAA,QAAA,EAAS,gBAAe,YAC3C,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,MAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,QAAA;AAAA,OAAA;AAAA,KACR;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAK,EAAA,QAAA;AAAA,QACL,EAAA;AAAA,QACA,IAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,QAAA,EAAU,CAAC,CAAmC,KAAA;AAC5C,UAAY,QAAA,IAAA,YAAA,CAAa,CAAE,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC9C,UAAA,aAAA,IAAiB,cAAc,CAAC,CAAA,CAAA;AAAA,SAClC;AAAA,QACA,MAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/Datepicker/Datepicker.js

@@ -1,179 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { addDays, isSameMonth, getYear, eachMonthOfInterval, format, getDaysInMonth, getMonth, isSameDay, isWithinInterval, isWeekend } from 'date-fns';
-import { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-import { convertToUkDate } from '../utils/date.js';
-import { focusOutlineStyle } from '../utils/focusOutline.js';
-import { useControllableState } from '../utils/useControlledState.js';
-import { DatesList } from './DatesList.js';
-
-const getAvailableMonths = (startDate, endDate) => {
-  const monthList = eachMonthOfInterval({
-    start: startDate,
-    end: endDate
-  });
-  return monthList.map((monthDate) => ({
-    date: monthDate,
-    label: format(monthDate, "MMMM")
-  }));
-};
-const Datepicker = ({
-  showDayLabels = false,
-  disableWeekend = true,
-  range = 14,
-  fromDate = /* @__PURE__ */ new Date(),
-  endingDate,
-  showYear = false,
-  showSelectedDate = false,
-  onDateSelect,
-  onChange,
-  value,
-  fallbackStyle = false,
-  ...marginProps
-}) => {
-  const startDate = convertToUkDate(fromDate);
-  const endDate = endingDate ? endingDate : addDays(startDate, range);
-  const availableMonths = getAvailableMonths(startDate, endDate);
-  const selectedDate = value ?? /* @__PURE__ */ new Date();
-  const [activeDay, setActiveDay] = useControllableState({
-    initialState: void 0,
-    stateProp: value
-  });
-  const [activeMonthIndex, setActiveMonth] = useState(
-    showSelectedDate ? availableMonths.findIndex(
-      (month) => isSameMonth(month.date, selectedDate)
-    ) : 0
-  );
-  const handleSelectEvent = (date) => {
-    setActiveDay(date);
-    onChange?.(date);
-    onDateSelect(format(date, "yyyy-MM-dd"));
-  };
-  const generateDaysForMonth = (monthDate) => {
-    const daysInMonth = getDaysInMonth(monthDate);
-    const month = getMonth(monthDate);
-    const year = getYear(monthDate);
-    const filteredDays = [];
-    for (let i = 1; i <= daysInMonth; i += 1) {
-      const date = new Date(year, month, i);
-      filteredDays.push({
-        date,
-        label: format(date, "dd"),
-        active: activeDay ? isSameDay(date, activeDay) : false,
-        disabled: !isWithinInterval(date, { start: startDate, end: endDate }) || disableWeekend && isWeekend(date)
-      });
-    }
-    return filteredDays;
-  };
-  return /* @__PURE__ */ jsxs(Container, { id: "datepicker", ...marginProps, fallbackStyle, children: [
-    /* @__PURE__ */ jsxs(
-      Header,
-      {
-        flex: true,
-        alignItems: "center",
-        justifyContent: "space-between",
-        direction: "row",
-        children: [
-          /* @__PURE__ */ jsx(
-            Circle,
-            {
-              type: "button",
-              disabled: activeMonthIndex === 0,
-              onClick: () => setActiveMonth(activeMonthIndex - 1),
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  setActiveMonth(activeMonthIndex - 1);
-                }
-              },
-              children: /* @__PURE__ */ jsx(Icon, { render: "caret", color: "cream", size: 18, rotate: 90 })
-            }
-          ),
-          /* @__PURE__ */ jsxs(Heading, { tag: "h4", typo: "body-regular", children: [
-            availableMonths[activeMonthIndex].label,
-            " ",
-            showYear && `- ${getYear(availableMonths[activeMonthIndex].date)}`
-          ] }),
-          /* @__PURE__ */ jsx(
-            Circle,
-            {
-              type: "button",
-              disabled: activeMonthIndex === availableMonths.length - 1,
-              onClick: () => setActiveMonth(activeMonthIndex + 1),
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  setActiveMonth(activeMonthIndex + 1);
-                }
-              },
-              children: /* @__PURE__ */ jsx(Icon, { render: "caret", color: "cream", size: 18, rotate: -90 })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { flex: true, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(
-      DatesList,
-      {
-        items: generateDaysForMonth(availableMonths[activeMonthIndex].date),
-        showDayLabels,
-        handleDateSelect: handleSelectEvent
-      }
-    ) })
-  ] });
-};
-const Container = styled(Box)`
-  font-family: ${theme.font.system};
-  display: inline-block;
-  box-sizing: border-box;
-  outline: none;
-  border-radius: 16px;
-
-  ${({ fallbackStyle }) => {
-  return fallbackStyle ? css`
-          background-color: ${theme.colors.cream};
-        ` : css`
-          background-color: ${theme.colors.custard};
-        `;
-}}
-`;
-const Header = styled(Box)`
-  color: ${theme.colors.liquorice};
-  user-select: none;
-  padding: 16px;
-  border-bottom: 1px solid ${theme.colors.oatmeal};
-
-  span {
-    font-size: 16px;
-    line-height: 1;
-  }
-`;
-const Heading = styled(Text)`
-  position: relative;
-  top: 2px;
-  font-weight: ${theme.font.weight.medium};
-`;
-const Circle = styled.button`
-  background-color: ${theme.colors.liquorice};
-  height: 32px;
-  width: 32px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  border: none;
-  padding: 0 !important;
-  cursor: pointer;
-
-  :disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-
-  ${focusOutlineStyle}
-`;
-
-export { Datepicker };
-//# sourceMappingURL=Datepicker.js.map

package/dist/Datepicker/Datepicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Datepicker.js","sources":["../../src/Datepicker/Datepicker.tsx"],"sourcesContent":["import {\n  addDays,\n  eachMonthOfInterval,\n  format,\n  getDaysInMonth,\n  getMonth,\n  getYear,\n  isSameDay,\n  isSameMonth,\n  isWeekend,\n  isWithinInterval,\n} from 'date-fns'\nimport React, { FC, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { theme } from '../theme'\n\nimport { convertToUkDate } from '../utils/date'\nimport { focusOutlineStyle } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\nimport { useControllableState } from '../utils/useControlledState'\nimport { DatesList } from './DatesList'\n\nconst getAvailableMonths = (startDate: Date, endDate: Date) => {\n  const monthList = eachMonthOfInterval({\n    start: startDate,\n    end: endDate,\n  })\n\n  return monthList.map((monthDate) => ({\n    date: monthDate,\n    label: format(monthDate, 'MMMM'),\n  }))\n}\n\nexport type DatepickerProps = {\n  showDayLabels?: boolean\n  disableWeekend?: boolean\n  fromDate?: Date\n  endingDate?: Date\n  showYear?: boolean\n  showSelectedDate?: boolean\n  range?: number\n  onDateSelect: (date: string) => void\n  onChange?: (value: Date) => void\n  value?: Date\n  fallbackStyle?: boolean\n} & MarginProps\n\nexport const Datepicker: FC<DatepickerProps> = ({\n  showDayLabels = false,\n  disableWeekend = true,\n  range = 14,\n  fromDate = new Date(),\n  endingDate,\n  showYear = false,\n  showSelectedDate = false,\n  onDateSelect,\n  onChange,\n  value,\n  fallbackStyle = false,\n  ...marginProps\n}) => {\n  // We want to make sure that the date is in the UK timezone,\n  // this might need to be revisit when opening up to new countries\n  const startDate = convertToUkDate(fromDate)\n  const endDate = endingDate ? endingDate : addDays(startDate, range)\n  const availableMonths = getAvailableMonths(startDate, endDate)\n\n  const selectedDate = value ?? new Date()\n\n  const [activeDay, setActiveDay] = useControllableState({\n    initialState: undefined,\n    stateProp: value,\n  })\n  const [activeMonthIndex, setActiveMonth] = useState(\n    showSelectedDate\n      ? availableMonths.findIndex((month) =>\n          isSameMonth(month.date, selectedDate),\n        )\n      : 0,\n  )\n\n  const handleSelectEvent = (date: Date) => {\n    setActiveDay(date)\n    onChange?.(date)\n    onDateSelect(format(date, 'yyyy-MM-dd'))\n  }\n\n  const generateDaysForMonth = (monthDate: Date) => {\n    const daysInMonth = getDaysInMonth(monthDate)\n    const month = getMonth(monthDate)\n    const year = getYear(monthDate)\n    const filteredDays = []\n\n    for (let i = 1; i <= daysInMonth; i += 1) {\n      const date = new Date(year, month, i)\n\n      filteredDays.push({\n        date,\n        label: format(date, 'dd'),\n        active: activeDay ? isSameDay(date, activeDay) : false,\n        disabled:\n          !isWithinInterval(date, { start: startDate, end: endDate }) ||\n          (disableWeekend && isWeekend(date)),\n      })\n    }\n\n    return filteredDays\n  }\n\n  return (\n    <Container id=\"datepicker\" {...marginProps} fallbackStyle={fallbackStyle}>\n      <Header\n        flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        direction=\"row\"\n      >\n        <Circle\n          type=\"button\"\n          disabled={activeMonthIndex === 0}\n          onClick={() => setActiveMonth(activeMonthIndex - 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              setActiveMonth(activeMonthIndex - 1)\n            }\n          }}\n        >\n          <Icon render=\"caret\" color=\"cream\" size={18} rotate={90} />\n        </Circle>\n\n        <Heading tag=\"h4\" typo=\"body-regular\">\n          {availableMonths[activeMonthIndex].label}{' '}\n          {showYear && `- ${getYear(availableMonths[activeMonthIndex].date)}`}\n        </Heading>\n\n        <Circle\n          type=\"button\"\n          disabled={activeMonthIndex === availableMonths.length - 1}\n          onClick={() => setActiveMonth(activeMonthIndex + 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              setActiveMonth(activeMonthIndex + 1)\n            }\n          }}\n        >\n          <Icon render=\"caret\" color=\"cream\" size={18} rotate={-90} />\n        </Circle>\n      </Header>\n\n      <Box flex alignItems=\"center\" justifyContent=\"center\">\n        <DatesList\n          items={generateDaysForMonth(availableMonths[activeMonthIndex].date)}\n          showDayLabels={showDayLabels}\n          handleDateSelect={handleSelectEvent}\n        />\n      </Box>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{ fallbackStyle: boolean }>`\n  font-family: ${theme.font.system};\n  display: inline-block;\n  box-sizing: border-box;\n  outline: none;\n  border-radius: 16px;\n\n  ${({ fallbackStyle }) => {\n    return fallbackStyle\n      ? css`\n          background-color: ${theme.colors.cream};\n        `\n      : css`\n          background-color: ${theme.colors.custard};\n        `\n  }}\n`\n\nconst Header = styled(Box)`\n  color: ${theme.colors.liquorice};\n  user-select: none;\n  padding: 16px;\n  border-bottom: 1px solid ${theme.colors.oatmeal};\n\n  span {\n    font-size: 16px;\n    line-height: 1;\n  }\n`\n\nconst Heading = styled(Text)`\n  position: relative;\n  top: 2px;\n  font-weight: ${theme.font.weight.medium};\n`\n\nconst Circle = styled.button`\n  background-color: ${theme.colors.liquorice};\n  height: 32px;\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: none;\n  padding: 0 !important;\n  cursor: pointer;\n\n  :disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  ${focusOutlineStyle}\n`\n"],"names":[],"mappings":"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"}

package/dist/Datepicker/DatesList.js

@@ -1,92 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { getISODay } from 'date-fns';
-import { theme } from '../theme.js';
-import { Text } from '../Text/Text.js';
-import { focusOutlineStyle } from '../utils/focusOutline.js';
-
-const getBlankDaysCount = (firstDayOfTheMonth) => {
-  const dayOfTheWeek = getISODay(firstDayOfTheMonth);
-  return dayOfTheWeek - 1;
-};
-const daysOfTheWeek = ["mon", "tues", "wed", "thurs", "fri", "sat", "sun"];
-const DatesList = ({
-  items,
-  handleDateSelect,
-  showDayLabels
-}) => {
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    showDayLabels && daysOfTheWeek.map((day) => {
-      return /* @__PURE__ */ jsx(Text, { color: "sesame", typo: "label", mb: "24px", children: day }, day);
-    }),
-    Array(getBlankDaysCount(items[0].date)).fill(null).map((_, index) => /* @__PURE__ */ jsx(ListButton, { disabled: true }, `blankItem-${index}`)),
-    items.map((item, i) => /* @__PURE__ */ jsx(
-      ListButton,
-      {
-        type: "button",
-        disabled: item.disabled,
-        className: `ListButton ${item.active ? "active" : ""}`,
-        onClick: () => handleDateSelect(item.date),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            handleDateSelect(item.date);
-          }
-        },
-        "data-testid": item.label,
-        children: item.label
-      },
-      i
-    ))
-  ] });
-};
-const Container = styled.div`
-  justify-items: center;
-  display: grid;
-  grid-column-gap: 4px;
-  grid-row-gap: 8px;
-  grid-template-columns: repeat(7, 1fr);
-  padding: 8px;
-
-  @media (min-width: 360px) {
-    grid-gap: 8px;
-    padding: 16px;
-  }
-
-  @media (min-width: 768px) {
-    grid-column-gap: 16px;
-    padding: 32px;
-  }
-`;
-const ListButton = styled.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  width: 32px;
-  height: 32px;
-  border: 1px solid transparent;
-  font-weight: ${theme.font.weight.medium};
-  font-size: 14px;
-  line-height: 15px;
-  color: ${theme.colors.liquorice};
-  background-color: transparent;
-  pointer-events: ${({ disabled }) => disabled ? "none" : ""};
-  opacity: ${({ disabled }) => disabled ? "0.2" : "1"};
-  cursor: pointer;
-
-  &:hover:not(.active) {
-    color: ${theme.colors.custard};
-    background-color: ${theme.colors.liquorice};
-  }
-
-  &.active {
-    color: ${theme.colors.custard};
-    background-color: ${theme.colors.liquorice};
-    cursor: default;
-  }
-
-  ${focusOutlineStyle}
-`;
-
-export { DatesList };
-//# sourceMappingURL=DatesList.js.map

package/dist/Datepicker/DatesList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatesList.js","sources":["../../src/Datepicker/DatesList.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { getISODay } from 'date-fns'\n\nimport { theme } from '../theme'\n\nimport { Day } from './types'\nimport { Text } from '../Text'\nimport { focusOutlineStyle } from '../utils/focusOutline'\n\ntype Props = {\n  items: Day[]\n  showDayLabels: boolean\n  handleDateSelect: (date: Date) => void\n}\n\nconst getBlankDaysCount = (firstDayOfTheMonth: Date) => {\n  const dayOfTheWeek = getISODay(firstDayOfTheMonth)\n  return dayOfTheWeek - 1\n}\n\nconst daysOfTheWeek = ['mon', 'tues', 'wed', 'thurs', 'fri', 'sat', 'sun']\n\nexport const DatesList: FC<Props> = ({\n  items,\n  handleDateSelect,\n  showDayLabels,\n}) => {\n  return (\n    <Container>\n      {showDayLabels &&\n        daysOfTheWeek.map((day) => {\n          return (\n            <Text key={day} color=\"sesame\" typo=\"label\" mb=\"24px\">\n              {day}\n            </Text>\n          )\n        })}\n      {Array(getBlankDaysCount(items[0].date))\n        .fill(null)\n        .map((_, index) => (\n          <ListButton key={`blankItem-${index}`} disabled />\n        ))}\n      {items.map((item: Day, i) => (\n        <ListButton\n          key={i}\n          type=\"button\"\n          disabled={item.disabled}\n          className={`ListButton ${item.active ? 'active' : ''}`}\n          onClick={() => handleDateSelect(item.date)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              handleDateSelect(item.date)\n            }\n          }}\n          data-testid={item.label}\n        >\n          {item.label}\n        </ListButton>\n      ))}\n    </Container>\n  )\n}\n\nconst Container = styled.div`\n  justify-items: center;\n  display: grid;\n  grid-column-gap: 4px;\n  grid-row-gap: 8px;\n  grid-template-columns: repeat(7, 1fr);\n  padding: 8px;\n\n  @media (min-width: 360px) {\n    grid-gap: 8px;\n    padding: 16px;\n  }\n\n  @media (min-width: 768px) {\n    grid-column-gap: 16px;\n    padding: 32px;\n  }\n`\n\ninterface IListButton {\n  disabled?: boolean\n}\n\nconst ListButton = styled.button<IListButton>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  width: 32px;\n  height: 32px;\n  border: 1px solid transparent;\n  font-weight: ${theme.font.weight.medium};\n  font-size: 14px;\n  line-height: 15px;\n  color: ${theme.colors.liquorice};\n  background-color: transparent;\n  pointer-events: ${({ disabled }) => (disabled ? 'none' : '')};\n  opacity: ${({ disabled }) => (disabled ? '0.2' : '1')};\n  cursor: pointer;\n\n  &:hover:not(.active) {\n    color: ${theme.colors.custard};\n    background-color: ${theme.colors.liquorice};\n  }\n\n  &.active {\n    color: ${theme.colors.custard};\n    background-color: ${theme.colors.liquorice};\n    cursor: default;\n  }\n\n  ${focusOutlineStyle}\n`\n"],"names":[],"mappings":"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"}

package/dist/Divider/Divider.js

@@ -1,26 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { theme } from '../theme.js';
-
-const Divider = memo(function Divider2({
-  maxWidth = "none",
-  height = "1px",
-  color = "oatmeal",
-  ...marginProps
-}) {
-  return /* @__PURE__ */ jsx(Line, { maxWidth, height, color, ...marginProps });
-});
-const Line = styled(Box)`
-  ${({ color }) => color ? css`
-          background: ${theme.colors[color]};
-        ` : ""}
-  display: block;
-  height: ${({ height }) => height};
-  max-width: ${({ maxWidth }) => maxWidth};
-  width: 100%;
-`;
-
-export { Divider };
-//# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../../src/Divider/Divider.tsx"],"sourcesContent":["import React, { FC, memo } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Box } from '../Box'\nimport { Color, theme } from '../theme'\n\nexport type DividerProps = {\n  maxWidth?: string\n  height?: string\n  color?: Color\n} & MarginProps\n\nexport const Divider: FC<DividerProps> = memo(function Divider({\n  maxWidth = 'none',\n  height = '1px',\n  color = 'oatmeal',\n  ...marginProps\n}) {\n  return (\n    <Line maxWidth={maxWidth} height={height} color={color} {...marginProps} />\n  )\n})\n\nconst Line = styled(Box)<{ color: Color }>`\n  ${({ color }) =>\n    color\n      ? css`\n          background: ${theme.colors[color]};\n        `\n      : ''}\n  display: block;\n  height: ${({ height }) => height};\n  max-width: ${({ maxWidth }) => maxWidth};\n  width: 100%;\n`\n"],"names":["Divider"],"mappings":";;;;;;AAYa,MAAA,OAAA,GAA4B,IAAK,CAAA,SAASA,QAAQ,CAAA;AAAA,EAC7D,QAAW,GAAA,MAAA;AAAA,EACX,MAAS,GAAA,KAAA;AAAA,EACT,KAAQ,GAAA,SAAA;AAAA,EACR,GAAG,WAAA;AACL,CAAG,EAAA;AACD,EAAA,2BACG,IAAK,EAAA,EAAA,QAAA,EAAoB,MAAgB,EAAA,KAAA,EAAe,GAAG,WAAa,EAAA,CAAA,CAAA;AAE7E,CAAC,EAAA;AAED,MAAM,IAAA,GAAO,OAAO,GAAG,CAAA,CAAA;AAAA,EAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KACT,KACI,GAAA,GAAA,CAAA;AAAA,sBACgB,EAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,QAAA,CAAA,GAEnC,EAAE,CAAA;AAAA;AAAA,UAAA,EAEE,CAAC,EAAE,MAAO,EAAA,KAAM,MAAM,CAAA;AAAA,aAAA,EACnB,CAAC,EAAE,QAAS,EAAA,KAAM,QAAQ,CAAA;AAAA;AAAA,CAAA;;;;"}