@primer/components 0.0.0-202192822657 → 0.0.0-2021929142717

package/lib-esm/DatePicker/DatePicker.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { OverlayProps } from '../Overlay';
-import { FocusTrapHookSettings } from '../hooks/useFocusTrap';
-import { FocusZoneHookSettings } from '../hooks/useFocusZone';
-import { DatePickerConfiguration, Selection } from './useDatePicker';
-declare type OpenGesture = 'anchor-click' | 'anchor-key-press';
-declare type CloseGesture = 'anchor-click' | 'click-outside' | 'escape';
-export interface DatePickerProps extends DatePickerConfiguration {
-    /**
-     * An override to the internal ref that will be spread on to the renderAnchor
-     */
-    anchorRef?: React.RefObject<HTMLElement>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusTrapSettings?: Partial<FocusTrapHookSettings>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusZoneSettings?: Partial<FocusZoneHookSettings>;
-    initialValue?: 'today' | Date | string | null;
-    iconOnly?: boolean;
-    placeholder?: string;
-    /**
-     * Determines whether the overlay portion of the component should be shown or not
-     */
-    open?: boolean;
-    /**
-     * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
-     */
-    onOpen?: (gesture: OpenGesture) => unknown;
-    /**
-     * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
-     */
-    onClose?: (gesture: CloseGesture) => unknown;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    /**
-     * A custom function component used to render the anchor element.
-     * Will receive the selected text as `children` prop when an item is activated.
-     */
-    renderAnchor: <T extends React.HTMLAttributes<HTMLElement>>(props: T) => JSX.Element;
-    value?: Selection;
-}
-export declare const DatePicker: React.FC<DatePickerProps>;
-export {};

package/lib-esm/DatePicker/DatePicker.js

@@ -1,89 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { DatePickerAnchor } from './DatePickerAnchor';
-import { DatePickerProvider } from './useDatePicker';
-import { DatePickerOverlay } from './DatePickerOverlay';
-export const DatePicker = ({
-  anchorVariant,
-  anchorRef: externalAnchorRef,
-  confirmation,
-  confirmUnsavedClose,
-  dateFormat,
-  disableWeekends,
-  focusTrapSettings,
-  focusZoneSettings,
-  iconPlacement,
-  maxDate,
-  maxRangeSize,
-  maxSelections,
-  minDate,
-  onOpen: onOpenExternal,
-  onClose: onCloseExternal,
-  open,
-  overlayProps,
-  placeholder,
-  renderAnchor,
-  showInputPrompt,
-  value,
-  variant,
-  view,
-  weekStartsOn
-}) => {
-  const anchorRef = useRef(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const datePickerConfiguration = {
-    anchorVariant,
-    confirmation,
-    confirmUnsavedClose,
-    dateFormat,
-    disableWeekends,
-    iconPlacement,
-    maxDate: maxDate ? new Date(new Date(maxDate).toDateString()) : maxDate,
-    maxRangeSize,
-    maxSelections,
-    minDate: minDate ? new Date(new Date(minDate).toDateString()) : minDate,
-    placeholder,
-    showInputPrompt,
-    variant,
-    view,
-    weekStartsOn
-  };
-
-  const onOpen = gesture => {
-    setIsOpen(true);
-    onOpenExternal === null || onOpenExternal === void 0 ? void 0 : onOpenExternal(gesture);
-  };
-
-  const onClose = gesture => {
-    setIsOpen(false);
-    onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal(gesture);
-  };
-
-  const toggleIsOpen = () => {
-    if (isOpen) {
-      setIsOpen(false);
-      onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal('anchor-click');
-    } else {
-      setIsOpen(true);
-      onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal('anchor-click');
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(DatePickerProvider, {
-    configuration: datePickerConfiguration,
-    value: value,
-    closePicker: () => setIsOpen(false)
-  }, /*#__PURE__*/React.createElement(DatePickerAnchor, {
-    ref: anchorRef,
-    onAction: toggleIsOpen
-  }), /*#__PURE__*/React.createElement(DatePickerOverlay, {
-    anchorRef: externalAnchorRef !== null && externalAnchorRef !== void 0 ? externalAnchorRef : anchorRef,
-    renderAnchor: renderAnchor,
-    open: open !== null && open !== void 0 ? open : isOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    overlayProps: overlayProps,
-    focusTrapSettings: focusTrapSettings,
-    focusZoneSettings: focusZoneSettings
-  }));
-};
-DatePicker.displayName = "DatePicker";

package/lib-esm/DatePicker/DatePickerAnchor.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface DatePickerAnchorProps {
-    onAction?: (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-}
-export declare const DatePickerAnchor: React.ForwardRefExoticComponent<DatePickerAnchorProps & React.RefAttributes<HTMLDivElement>>;

package/lib-esm/DatePicker/DatePickerAnchor.js

@@ -1,167 +0,0 @@
-import { CalendarIcon } from '@primer/octicons-react';
-import styled from 'styled-components';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import Button, { ButtonInvisible } from '../Button';
-import Text from '../Text';
-import { get } from '../constants';
-import StyledOcticon from '../StyledOcticon';
-import useDatePicker from './useDatePicker';
-import TextInput from '../TextInput';
-import Box from '../Box';
-import { parseDate } from './dateParser';
-const DatePickerAnchorButton = styled(Button).withConfig({
-  displayName: "DatePickerAnchor__DatePickerAnchorButton",
-  componentId: "sc-8gpb9d-0"
-})(["align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:350px;overflow:hidden;& ", " ~ svg{margin-left:", ";}& svg ~ ", "{margin-left:", ";}"], Text, get('space.2'), Text, get('space.2'));
-export const DatePickerAnchor = /*#__PURE__*/React.forwardRef(({
-  onAction
-}, ref) => {
-  const {
-    configuration: {
-      anchorVariant,
-      iconPlacement,
-      placeholder,
-      showInputPrompt,
-      variant
-    },
-    disabled,
-    formattedDate,
-    onDateInput
-  } = useDatePicker();
-  const [inputValue, setInputValue] = useState(formattedDate);
-  const inputRef = useRef(null);
-  const keyPressHandler = useCallback(event => {
-    if (disabled) {
-      return;
-    }
-
-    if ([' ', 'Enter'].includes(event.key)) {
-      onAction === null || onAction === void 0 ? void 0 : onAction(event);
-    }
-  }, [disabled, onAction]);
-  const clickHandler = useCallback(event => {
-    if (disabled) {
-      return;
-    }
-
-    onAction === null || onAction === void 0 ? void 0 : onAction(event);
-  }, [disabled, onAction]);
-  useEffect(() => {
-    if (document.activeElement !== inputRef.current) {
-      setInputValue(formattedDate);
-    }
-  }, [formattedDate]);
-  const onInputChangeHandler = useCallback(e => {
-    const value = e.currentTarget.value;
-
-    if (!value) {
-      setInputValue(value);
-      return;
-    }
-
-    const parsedDate = parseDate(value, variant);
-
-    if (parsedDate) {
-      onDateInput(parsedDate);
-    }
-  }, [onDateInput, variant]);
-
-  const onBlurHandler = () => {
-    setInputValue(formattedDate);
-  };
-
-  if (anchorVariant === 'input') {
-    const calendarButton = side => /*#__PURE__*/React.createElement(ButtonInvisible, {
-      onClick: clickHandler,
-      sx: {
-        width: '32px',
-        px: '6px',
-        position: 'absolute',
-        [side]: '1px',
-        top: '1px',
-        bottom: '1px'
-      }
-    }, /*#__PURE__*/React.createElement(StyledOcticon, {
-      icon: CalendarIcon
-    }));
-
-    const inputSx = () => {
-      let sxObject = {};
-
-      if (iconPlacement === 'start') {
-        sxObject = { ...sxObject,
-          pl: 5,
-          pr: 2
-        };
-      } else if (iconPlacement === 'end') {
-        sxObject = { ...sxObject,
-          pl: 2,
-          pr: 5
-        };
-      }
-
-      if (showInputPrompt) {
-        sxObject = { ...sxObject,
-          pt: '20px'
-        };
-      }
-
-      return sxObject;
-    };
-
-    const promptSx = () => {
-      let sxObject = {
-        position: 'absolute',
-        top: '2px',
-        fontSize: 0,
-        color: 'fg.subtle'
-      };
-
-      if (iconPlacement === 'start') {
-        sxObject = { ...sxObject,
-          left: '36px'
-        };
-      }
-
-      return sxObject;
-    };
-
-    return /*#__PURE__*/React.createElement(Box, {
-      ref: ref,
-      sx: {
-        position: 'relative',
-        display: 'flex',
-        flex: 1
-      }
-    }, iconPlacement === 'start' && calendarButton('left'), showInputPrompt && /*#__PURE__*/React.createElement(Text, {
-      sx: promptSx()
-    }, "MM/DD/YYYY"), /*#__PURE__*/React.createElement(TextInput, {
-      ref: inputRef,
-      placeholder: placeholder,
-      value: inputValue,
-      onChange: onInputChangeHandler,
-      sx: inputSx(),
-      onBlur: onBlurHandler
-    }), iconPlacement === 'end' && calendarButton('right'));
-  }
-
-  const calendarIcon = () => /*#__PURE__*/React.createElement(StyledOcticon, {
-    icon: CalendarIcon,
-    color: "fg.muted",
-    sx: {
-      my: '2px'
-    }
-  });
-
-  return /*#__PURE__*/React.createElement(Box, {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(DatePickerAnchorButton, {
-    onClick: clickHandler,
-    onKeyPress: keyPressHandler
-  }, iconPlacement === 'start' && calendarIcon(), anchorVariant !== 'icon-only' && /*#__PURE__*/React.createElement(Text, {
-    sx: {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    }
-  }, formattedDate), iconPlacement === 'end' && calendarIcon()));
-});

package/lib-esm/DatePicker/DatePickerOverlay.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AnchoredOverlayProps } from '../AnchoredOverlay';
-export declare const DatePickerOverlay: React.FC<AnchoredOverlayProps>;

package/lib-esm/DatePicker/DatePickerOverlay.js

@@ -1,29 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { useState } from 'react';
-import useDatePicker from './useDatePicker';
-import { AnchoredOverlay } from '../AnchoredOverlay';
-import { DatePickerPanel } from './DatePickerPanel';
-export const DatePickerOverlay = ({
-  onClose,
-  ...rest
-}) => {
-  const {
-    onClose: onDatePickerClose
-  } = useDatePicker();
-  const [suspendFocusTrap, setSuspendFocusTrap] = useState(false);
-
-  const onOverlayClose = async gesture => {
-    if (!suspendFocusTrap) {
-      setSuspendFocusTrap(true);
-      await onDatePickerClose();
-      setSuspendFocusTrap(false);
-      onClose === null || onClose === void 0 ? void 0 : onClose(gesture);
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(AnchoredOverlay, _extends({
-    onClose: onOverlayClose
-  }, rest), /*#__PURE__*/React.createElement(DatePickerPanel, null));
-};
-DatePickerOverlay.displayName = "DatePickerOverlay";

package/lib-esm/DatePicker/DatePickerPanel.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DatePickerPanel: () => JSX.Element;

package/lib-esm/DatePicker/DatePickerPanel.js

@@ -1,100 +0,0 @@
-import { addMonths, subMonths } from 'date-fns';
-import React, { useMemo } from 'react';
-import Box from '../Box';
-import { Month } from './Month';
-import styled from 'styled-components';
-import { get } from '../constants';
-import useDatePicker from './useDatePicker';
-import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
-import StyledOcticon from '../StyledOcticon';
-import Button, { ButtonPrimary } from '../Button';
-const DatePickerPanelContainer = styled(Box).withConfig({
-  displayName: "DatePickerPanel__DatePickerPanelContainer",
-  componentId: "sc-19upxpo-0"
-})(["align-items:stretch;display:flex;flex-direction:column;"]);
-const DatePickerPanelMonths = styled(Box).withConfig({
-  displayName: "DatePickerPanel__DatePickerPanelMonths",
-  componentId: "sc-19upxpo-1"
-})(["align-items:flex-start;display:flex;flex-direction:row;gap:", ";padding:", ";position:relative;"], get('space.6'), get('space.3'));
-const DatePickerPanelFooter = styled(Box).withConfig({
-  displayName: "DatePickerPanel__DatePickerPanelFooter",
-  componentId: "sc-19upxpo-2"
-})(["align-items:flex-start;border-top:1px solid;border-top-color:", ";display:flex;gap:", ";padding-top:12px;padding-bottom:12px;padding-left:", ";padding-right:", ";flex-direction:row;justify-content:space-between;position:relative;"], get('colors.border.default'), get('space.6'), get('space.3'), get('space.3'));
-const ArrowButton = styled(Button).withConfig({
-  displayName: "DatePickerPanel__ArrowButton",
-  componentId: "sc-19upxpo-3"
-})(["position:absolute;width:40px;height:28px;top:12px;", ";"], props => `${props.side}: ${get('space.3')(props)}`);
-export const DatePickerPanel = () => {
-  const {
-    configuration,
-    saveValue,
-    revertValue,
-    currentViewingDate,
-    goToMonth,
-    nextMonth,
-    previousMonth
-  } = useDatePicker();
-  const previousDisabled = useMemo(() => {
-    const {
-      minDate
-    } = configuration;
-    if (!minDate) return false;
-    const previous = subMonths(currentViewingDate, 1);
-
-    if (minDate.getFullYear() >= previous.getFullYear() && minDate.getMonth() > previous.getMonth()) {
-      return true;
-    }
-
-    return false;
-  }, [configuration, currentViewingDate]);
-  const nextDisabled = useMemo(() => {
-    const {
-      maxDate,
-      view
-    } = configuration;
-    if (!maxDate) return false;
-    const next = addMonths(currentViewingDate, view === '2-month' ? 2 : 1);
-
-    if (maxDate.getFullYear() <= next.getFullYear() && maxDate.getMonth() < next.getMonth()) {
-      return true;
-    }
-
-    return false;
-  }, [configuration, currentViewingDate]);
-  return /*#__PURE__*/React.createElement(DatePickerPanelContainer, null, /*#__PURE__*/React.createElement(DatePickerPanelMonths, null, /*#__PURE__*/React.createElement(ArrowButton, {
-    variant: "small",
-    side: "left",
-    onClick: previousMonth,
-    disabled: previousDisabled
-  }, /*#__PURE__*/React.createElement(StyledOcticon, {
-    icon: ChevronLeftIcon,
-    color: "fg.muted"
-  })), /*#__PURE__*/React.createElement(Month, {
-    month: currentViewingDate.getMonth(),
-    year: currentViewingDate.getFullYear()
-  }), configuration.view === '2-month' && /*#__PURE__*/React.createElement(Month, {
-    month: addMonths(currentViewingDate, 1).getMonth(),
-    year: addMonths(currentViewingDate, 1).getFullYear()
-  }), /*#__PURE__*/React.createElement(ArrowButton, {
-    variant: "small",
-    side: "right",
-    onClick: nextMonth,
-    disabled: nextDisabled
-  }, /*#__PURE__*/React.createElement(StyledOcticon, {
-    icon: ChevronRightIcon,
-    color: "fg.muted"
-  }))), /*#__PURE__*/React.createElement(DatePickerPanelFooter, null, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "small",
-    sx: {
-      mr: 1
-    },
-    onClick: () => revertValue()
-  }, "Reset"), /*#__PURE__*/React.createElement(Button, {
-    variant: "small",
-    onClick: () => goToMonth(new Date())
-  }, "Today")), configuration.confirmation && /*#__PURE__*/React.createElement(ButtonPrimary, {
-    variant: "small",
-    onClick: () => saveValue()
-  }, "Apply")));
-};
-DatePickerPanel.displayName = "DatePickerPanel";

package/lib-esm/DatePicker/Day.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { FontSizeProps } from 'styled-system';
-import { SystemCommonProps, SystemLayoutProps } from '../constants';
-import { SxProp } from '../sx';
-import { DaySelection } from './useDatePicker';
-export declare type DayProps = {
-    blocked?: boolean;
-    disabled?: boolean;
-    onAction?: (date: Date, event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    selected?: DaySelection;
-    date: Date;
-} & FontSizeProps & SystemCommonProps & SxProp & SystemLayoutProps;
-export declare const Day: React.FC<DayProps>;
-export declare const BlankDay: import("styled-components").StyledComponent<"div", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SxProp, never>;

package/lib-esm/DatePicker/Day.js

@@ -1,167 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import styled from 'styled-components';
-import Box from '../Box';
-import Text from '../Text';
-import { get } from '../constants';
-import useDatePicker from './useDatePicker';
-const DayBaseComponent = styled(Box).withConfig({
-  displayName: "Day__DayBaseComponent",
-  componentId: "sc-1japneh-0"
-})(["align-content:center;display:flex;justify-content:center;min-width:38px;min-height:38px;padding:", ";"], get('space.1'));
-const states = {
-  blocked: {
-    background: get('colors.neutral.subtle'),
-    borderRadius: get('radii.2'),
-    color: get('colors.fg.subtle')
-  },
-  disabled: {
-    background: get('colors.canvas.primary'),
-    borderRadius: get('radii.2'),
-    color: get('colors.fg.subtle')
-  },
-  selected: {
-    default: {
-      background: get('colors.accent.emphasis'),
-      borderRadius: get('radii.2'),
-      color: get('colors.fg.onEmphasis'),
-      todayColor: get('colors.fg.onEmphasis')
-    },
-    start: {
-      background: get('colors.accent.emphasis'),
-      borderRadius: '4px 0 0 4px',
-      color: get('colors.fg.onEmphasis'),
-      todayColor: get('colors.fg.onEmphasis')
-    },
-    middle: {
-      background: get('colors.accent.subtle'),
-      borderRadius: '0',
-      color: get('colors.fg.default'),
-      todayColor: get('colors.accent.fg')
-    },
-    end: {
-      background: get('colors.accent.emphasis'),
-      borderRadius: '0 4px 4px 0',
-      color: get('colors.fg.onEmphasis'),
-      todayColor: get('colors.fg.onEmphasis')
-    }
-  },
-  default: {
-    normal: {
-      background: get('colors.canvas.primary'),
-      borderRadius: get('radii.2'),
-      color: get('colors.fg.default'),
-      todayColor: get('colors.accent.fg')
-    },
-    hover: {
-      background: get('colors.neutral.muted'),
-      borderRadius: get('radii.2'),
-      color: get('colors.fg.default'),
-      todayColor: get('colors.accent.fg')
-    },
-    pressed: {
-      background: get('colors.neutral.emphasis'),
-      borderRadius: get('radii.2'),
-      color: get('colors.fg.onEmphasis'),
-      todayColor: get('colors.fg.onEmphasis')
-    }
-  }
-};
-
-const getStateStyles = (props, prop, state) => {
-  const {
-    blocked,
-    disabled,
-    selected,
-    today
-  } = props;
-
-  if (blocked) {
-    return states.blocked[prop];
-  } else if (disabled) {
-    return states.disabled[prop];
-  } else if (selected) {
-    switch (selected) {
-      case 'start':
-        return today && prop === 'color' ? states.selected.start['todayColor'] : states.selected.start[prop];
-
-      case 'middle':
-        return today && prop === 'color' ? states.selected.middle['todayColor'] : states.selected.middle[prop];
-
-      case 'end':
-        return today && prop === 'color' ? states.selected.end['todayColor'] : states.selected.end[prop];
-
-      default:
-        return today && prop === 'color' ? states.selected.default['todayColor'] : states.selected.default[prop];
-    }
-  } else {
-    return today && prop === 'color' ? states.default[state]['todayColor'] : states.default[state][prop];
-  }
-};
-
-const DayComponent = styled(DayBaseComponent).attrs(props => ({
-  background: getStateStyles(props, 'background', 'normal'),
-  borderRadius: getStateStyles(props, 'borderRadius', 'normal'),
-  textColor: getStateStyles(props, 'color', 'normal'),
-  backgroundHover: getStateStyles(props, 'background', 'hover'),
-  textColorHover: getStateStyles(props, 'color', 'hover'),
-  backgroundPressed: getStateStyles(props, 'background', 'pressed'),
-  textColorPressed: getStateStyles(props, 'color', 'pressed')
-})).withConfig({
-  displayName: "Day__DayComponent",
-  componentId: "sc-1japneh-1"
-})(["background-color:", ";border-radius:", ";transition:0.1s background-color ease;& ", "{align-self:center;color:", ";display:flex;font-family:", ";font-size:", ";justify-self:center;user-select:none;transition:0.1s color ease;}&:hover{background-color:", ";cursor:pointer;transition:0.05s background-color ease;& ", "{color:", ";transition:0.1s color ease;}}&:active{background-color:", ";box-shadow:inset ", ";transition:0.1s background-color ease,0.1s box-shadow ease,0.1s color ease;& ", "{color:", ";transition:0.1s color ease;}}"], props => props.background, props => props.borderRadius, Text, props => props.textColor, get('fonts.mono'), get('fontSizes.0'), props => props.backgroundHover, Text, props => props.textColorHover, props => props.backgroundPressed, get('shadows.shadow.medium'), Text, props => props.textColorPressed);
-export const Day = ({
-  date,
-  onAction
-}) => {
-  const {
-    onDayFocus,
-    onSelection,
-    disabled,
-    blocked,
-    selected,
-    today
-  } = useDatePicker(date);
-  const keyPressHandler = useCallback(event => {
-    if (disabled) {
-      return;
-    }
-
-    if ([' ', 'Enter'].includes(event.key)) {
-      onSelection(date);
-      onAction === null || onAction === void 0 ? void 0 : onAction(date, event);
-    }
-  }, [disabled, onSelection, onAction, date]);
-  const clickHandler = useCallback(event => {
-    if (disabled) {
-      return;
-    }
-
-    onSelection(date);
-    onAction === null || onAction === void 0 ? void 0 : onAction(date, event);
-  }, [disabled, onSelection, date, onAction]);
-  const todayStyles = useMemo(() => today ? {
-    border: '2px solid',
-    padding: '4px 6px',
-    borderRadius: '16px',
-    fontWeight: 'bold'
-  } : {}, [today]);
-  return /*#__PURE__*/React.createElement(DayComponent, {
-    role: "button",
-    blocked: blocked,
-    disabled: disabled,
-    selected: selected,
-    today: today,
-    onClick: clickHandler,
-    onMouseEnter: () => onDayFocus(date),
-    onFocus: () => onDayFocus(date),
-    onKeyPress: keyPressHandler
-  }, /*#__PURE__*/React.createElement(Text, {
-    sx: todayStyles
-  }, date.getDate()));
-};
-Day.displayName = "Day";
-export const BlankDay = styled(DayBaseComponent).withConfig({
-  displayName: "Day__BlankDay",
-  componentId: "sc-1japneh-2"
-})(["background-color:", ";"], get('colors.canvas.primary'));

package/lib-esm/DatePicker/Month.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FontSizeProps } from 'styled-system';
-import { SystemCommonProps, SystemLayoutProps } from '../constants';
-import { SxProp } from '../sx';
-export interface MonthProps extends FontSizeProps, SystemCommonProps, SxProp, SystemLayoutProps {
-    month: number;
-    year: number;
-}
-export declare const Month: React.FC<MonthProps>;