@primer/components 0.0.0-2021104181937 → 0.0.0-2021104225742

package/lib/AnchoredOverlay/AnchoredOverlay.d.ts

@@ -26,8 +26,6 @@ interface AnchoredOverlayPropsWithoutAnchor {
      */
     anchorRef: React.RefObject<HTMLElement>;
 }
-export declare type OverlayOpenGesture = 'anchor-click' | 'anchor-key-press';
-export declare type OverlayCloseGesture = 'anchor-click' | 'click-outside' | 'escape';
 export declare type AnchoredOverlayWrapperAnchorProps = Partial<AnchoredOverlayPropsWithAnchor> | AnchoredOverlayPropsWithoutAnchor;
 interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'> {
     /**
@@ -37,11 +35,11 @@ interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'
     /**
      * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
      */
-    onOpen?: (gesture: OverlayOpenGesture) => unknown;
+    onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
     /**
      * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
      */
-    onClose?: (gesture: OverlayCloseGesture) => unknown;
+    onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
     /**
      * Props to be spread on the internal `Overlay` component.
      */

package/lib/Autocomplete/Autocomplete.d.ts

@@ -12,14 +12,12 @@ export type { AutocompleteOverlayProps } from './AutocompleteOverlay';
 declare const _default: React.FC<{
     id?: string | undefined;
 }> & {
-    Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
+    Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
         [x: string]: any;
         [x: number]: any;
     } & {
         theme?: any;
-    } & ({} | {
-        children?: React.ReactNode;
-    })) & {
+    } & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib/Autocomplete/AutocompleteInput.d.ts

@@ -4,14 +4,12 @@ import { ComponentProps } from '../utils/types';
 declare type InternalAutocompleteInputProps = {
     as?: React.ComponentType<any>;
 };
-declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
+declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
     [x: string]: any;
     [x: number]: any;
 } & {
     theme?: any;
-} & ({} | {
-    children?: React.ReactNode;
-})) & {
+} & {
     as?: string | React.ComponentType<any> | undefined;
     forwardedAs?: string | React.ComponentType<any> | undefined;
 }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib/Button/Button.js

@@ -22,6 +22,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const Button = (0, _styledComponents.default)(_ButtonBase.default).withConfig({
   displayName: "Button",
   componentId: "xjtz72-0"
-})(["color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", ";&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";box-shadow:", ",", ";}", ";", ";"], (0, _constants.get)('colors.btn.text'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), (0, _constants.get)('shadows.btn.shadow'), (0, _constants.get)('shadows.btn.insetShadow'), (0, _constants.get)('colors.btn.hoverBg'), (0, _constants.get)('colors.btn.hoverBorder'), (0, _constants.get)('colors.btn.focusBorder'), (0, _constants.get)('shadows.btn.focusShadow'), (0, _constants.get)('colors.btn.selectedBg'), (0, _constants.get)('shadows.btn.shadowActive'), (0, _constants.get)('colors.primer.fg.disabled'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), (0, _constants.get)('shadows.btn.shadow'), (0, _constants.get)('shadows.btn.insetShadow'), _ButtonBase.buttonSystemProps, _sx.default);
+})(["color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", "};&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";}", ";", ";"], (0, _constants.get)('colors.btn.text'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), (0, _constants.get)('shadows.btn.shadow'), (0, _constants.get)('shadows.btn.insetShadow'), (0, _constants.get)('colors.btn.hoverBg'), (0, _constants.get)('colors.btn.hoverBorder'), (0, _constants.get)('colors.btn.focusBorder'), (0, _constants.get)('shadows.btn.focusShadow'), (0, _constants.get)('colors.btn.selectedBg'), (0, _constants.get)('shadows.btn.shadowActive'), (0, _constants.get)('colors.primer.fg.disabled'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), _ButtonBase.buttonSystemProps, _sx.default);
 var _default = Button;
 exports.default = _default;

package/lib/SelectMenu/SelectMenu.d.ts

@@ -32,14 +32,12 @@ declare const _default: React.ForwardRefExoticComponent<Pick<SelectMenuInternalP
     Divider: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
     Filter: React.ForwardRefExoticComponent<Pick<{
         value?: string | undefined;
-    } & Pick<Omit<Pick<({
+    } & Pick<Omit<Pick<{
         [x: string]: any;
         [x: number]: any;
     } & {
         theme?: any;
-    } & ({} | {
-        children?: React.ReactNode;
-    })) & {
+    } & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib/TextInputWithTokens.d.ts

@@ -36,14 +36,12 @@ declare const TextInputWithTokens: React.ForwardRefExoticComponent<Pick<{
      * The number of tokens to display before truncating
      */
     visibleTokenCount?: number | undefined;
-} & Pick<Omit<Pick<({
+} & Pick<Omit<Pick<{
     [x: string]: any;
     [x: number]: any;
 } & {
     theme?: any;
-} & ({} | {
-    children?: React.ReactNode;
-})) & {
+} & {
     as?: string | React.ComponentType<any> | undefined;
     forwardedAs?: string | React.ComponentType<any> | undefined;
 }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib/Truncate.d.ts

@@ -1,11 +1,10 @@
 import { MaxWidthProps } from 'styled-system';
-import { SystemCommonProps, SystemTypographyProps } from './constants';
 import { SxProp } from './sx';
 import { ComponentProps } from './utils/types';
 declare const Truncate: import("styled-components").StyledComponent<"div", any, {
     title: string;
     inline?: boolean | undefined;
     expandable?: boolean | undefined;
-} & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SystemTypographyProps & SystemCommonProps & SxProp, never>;
+} & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SxProp, never>;
 export declare type TruncateProps = ComponentProps<typeof Truncate>;
 export default Truncate;

package/lib/Truncate.js

@@ -9,8 +9,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _styledSystem = require("styled-system");
 
-var _constants = require("./constants");
-
 var _sx = _interopRequireDefault(require("./sx"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const Truncate = _styledComponents.default.div.withConfig({
   displayName: "Truncate",
   componentId: "sc-1074h1l-0"
-})(["", " ", " display:", ";overflow:hidden;text-overflow:ellipsis;vertical-align:", ";white-space:nowrap;", " ", " ", ";"], _constants.TYPOGRAPHY, _constants.COMMON, props => props.inline ? 'inline-block' : 'inherit', props => props.inline ? 'top' : 'initial', _styledSystem.maxWidth, props => props.expandable ? `&:hover { max-width: 10000px; }` : '', _sx.default);
+})(["display:", ";overflow:hidden;text-overflow:ellipsis;vertical-align:", ";white-space:nowrap;", " ", " ", ";"], props => props.inline ? 'inline-block' : 'inherit', props => props.inline ? 'top' : 'initial', _styledSystem.maxWidth, props => props.expandable ? `&:hover { max-width: 10000px; }` : '', _sx.default);
 
 Truncate.defaultProps = {
   expandable: false,

package/lib/hooks/useResizeObserver.d.ts

@@ -1 +1 @@
-export declare function useResizeObserver(callback: (window: ResizeObserverEntry) => void): void;
+export declare function useResizeObserver(callback: () => void): void;

package/lib/hooks/useResizeObserver.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function useResizeObserver(callback) {
   _react.default.useLayoutEffect(() => {
-    const observer = new window.ResizeObserver(entries => callback(entries[0]));
+    const observer = new window.ResizeObserver(() => callback());
     observer.observe(document.documentElement);
     return () => {
       observer.disconnect();

package/lib/theme-preval.js

@@ -515,7 +515,7 @@ module.exports = {
           }
         }
       },
-      "light_colorblind": {
+      "light_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",
           "marketingIcon": {
@@ -2456,7 +2456,7 @@ module.exports = {
           }
         }
       },
-      "dark_colorblind": {
+      "dark_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(13,17,23,0)",
           "marketingIcon": {

package/lib/utils/testing.d.ts

@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
         xlarge: string;
     };
     space: string[];
-    colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
+    colorSchemes: Record<"light" | "light_protanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_protanopia", Record<"colors" | "shadows", Partial<{
         canvasDefaultTransparent: string;
         marketingIcon: {
             primary: string;

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

@@ -26,8 +26,6 @@ interface AnchoredOverlayPropsWithoutAnchor {
      */
     anchorRef: React.RefObject<HTMLElement>;
 }
-export declare type OverlayOpenGesture = 'anchor-click' | 'anchor-key-press';
-export declare type OverlayCloseGesture = 'anchor-click' | 'click-outside' | 'escape';
 export declare type AnchoredOverlayWrapperAnchorProps = Partial<AnchoredOverlayPropsWithAnchor> | AnchoredOverlayPropsWithoutAnchor;
 interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'> {
     /**
@@ -37,11 +35,11 @@ interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'
     /**
      * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
      */
-    onOpen?: (gesture: OverlayOpenGesture) => unknown;
+    onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
     /**
      * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
      */
-    onClose?: (gesture: OverlayCloseGesture) => unknown;
+    onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
     /**
      * Props to be spread on the internal `Overlay` component.
      */

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

@@ -12,14 +12,12 @@ export type { AutocompleteOverlayProps } from './AutocompleteOverlay';
 declare const _default: React.FC<{
     id?: string | undefined;
 }> & {
-    Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
+    Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
         [x: string]: any;
         [x: number]: any;
     } & {
         theme?: any;
-    } & ({} | {
-        children?: React.ReactNode;
-    })) & {
+    } & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib-esm/Autocomplete/AutocompleteInput.d.ts

@@ -4,14 +4,12 @@ import { ComponentProps } from '../utils/types';
 declare type InternalAutocompleteInputProps = {
     as?: React.ComponentType<any>;
 };
-declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
+declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
     [x: string]: any;
     [x: number]: any;
 } & {
     theme?: any;
-} & ({} | {
-    children?: React.ReactNode;
-})) & {
+} & {
     as?: string | React.ComponentType<any> | undefined;
     forwardedAs?: string | React.ComponentType<any> | undefined;
 }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib-esm/Button/Button.js

@@ -5,5 +5,5 @@ import ButtonBase, { buttonSystemProps } from './ButtonBase';
 const Button = styled(ButtonBase).withConfig({
   displayName: "Button",
   componentId: "xjtz72-0"
-})(["color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", ";&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";box-shadow:", ",", ";}", ";", ";"], get('colors.btn.text'), get('colors.btn.bg'), get('colors.btn.border'), get('shadows.btn.shadow'), get('shadows.btn.insetShadow'), get('colors.btn.hoverBg'), get('colors.btn.hoverBorder'), get('colors.btn.focusBorder'), get('shadows.btn.focusShadow'), get('colors.btn.selectedBg'), get('shadows.btn.shadowActive'), get('colors.primer.fg.disabled'), get('colors.btn.bg'), get('colors.btn.border'), get('shadows.btn.shadow'), get('shadows.btn.insetShadow'), buttonSystemProps, sx);
+})(["color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", "};&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";}", ";", ";"], get('colors.btn.text'), get('colors.btn.bg'), get('colors.btn.border'), get('shadows.btn.shadow'), get('shadows.btn.insetShadow'), get('colors.btn.hoverBg'), get('colors.btn.hoverBorder'), get('colors.btn.focusBorder'), get('shadows.btn.focusShadow'), get('colors.btn.selectedBg'), get('shadows.btn.shadowActive'), get('colors.primer.fg.disabled'), get('colors.btn.bg'), get('colors.btn.border'), buttonSystemProps, sx);
 export default Button;

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

@@ -32,14 +32,12 @@ declare const _default: React.ForwardRefExoticComponent<Pick<SelectMenuInternalP
     Divider: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
     Filter: React.ForwardRefExoticComponent<Pick<{
         value?: string | undefined;
-    } & Pick<Omit<Pick<({
+    } & Pick<Omit<Pick<{
         [x: string]: any;
         [x: number]: any;
     } & {
         theme?: any;
-    } & ({} | {
-        children?: React.ReactNode;
-    })) & {
+    } & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib-esm/TextInputWithTokens.d.ts

@@ -36,14 +36,12 @@ declare const TextInputWithTokens: React.ForwardRefExoticComponent<Pick<{
      * The number of tokens to display before truncating
      */
     visibleTokenCount?: number | undefined;
-} & Pick<Omit<Pick<({
+} & Pick<Omit<Pick<{
     [x: string]: any;
     [x: number]: any;
 } & {
     theme?: any;
-} & ({} | {
-    children?: React.ReactNode;
-})) & {
+} & {
     as?: string | React.ComponentType<any> | undefined;
     forwardedAs?: string | React.ComponentType<any> | undefined;
 }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {

package/lib-esm/Truncate.d.ts

@@ -1,11 +1,10 @@
 import { MaxWidthProps } from 'styled-system';
-import { SystemCommonProps, SystemTypographyProps } from './constants';
 import { SxProp } from './sx';
 import { ComponentProps } from './utils/types';
 declare const Truncate: import("styled-components").StyledComponent<"div", any, {
     title: string;
     inline?: boolean | undefined;
     expandable?: boolean | undefined;
-} & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SystemTypographyProps & SystemCommonProps & SxProp, never>;
+} & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SxProp, never>;
 export declare type TruncateProps = ComponentProps<typeof Truncate>;
 export default Truncate;

package/lib-esm/Truncate.js

@@ -1,11 +1,10 @@
 import styled from 'styled-components';
 import { maxWidth } from 'styled-system';
-import { COMMON, TYPOGRAPHY } from './constants';
 import sx from './sx';
 const Truncate = styled.div.withConfig({
   displayName: "Truncate",
   componentId: "sc-1074h1l-0"
-})(["", " ", " display:", ";overflow:hidden;text-overflow:ellipsis;vertical-align:", ";white-space:nowrap;", " ", " ", ";"], TYPOGRAPHY, COMMON, props => props.inline ? 'inline-block' : 'inherit', props => props.inline ? 'top' : 'initial', maxWidth, props => props.expandable ? `&:hover { max-width: 10000px; }` : '', sx);
+})(["display:", ";overflow:hidden;text-overflow:ellipsis;vertical-align:", ";white-space:nowrap;", " ", " ", ";"], props => props.inline ? 'inline-block' : 'inherit', props => props.inline ? 'top' : 'initial', maxWidth, props => props.expandable ? `&:hover { max-width: 10000px; }` : '', sx);
 Truncate.defaultProps = {
   expandable: false,
   inline: false,

package/lib-esm/hooks/useResizeObserver.d.ts

@@ -1 +1 @@
-export declare function useResizeObserver(callback: (window: ResizeObserverEntry) => void): void;
+export declare function useResizeObserver(callback: () => void): void;

package/lib-esm/hooks/useResizeObserver.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export function useResizeObserver(callback) {
   React.useLayoutEffect(() => {
-    const observer = new window.ResizeObserver(entries => callback(entries[0]));
+    const observer = new window.ResizeObserver(() => callback());
     observer.observe(document.documentElement);
     return () => {
       observer.disconnect();

package/lib-esm/theme-preval.js

@@ -515,7 +515,7 @@ module.exports = {
           }
         }
       },
-      "light_colorblind": {
+      "light_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",
           "marketingIcon": {
@@ -2456,7 +2456,7 @@ module.exports = {
           }
         }
       },
-      "dark_colorblind": {
+      "dark_protanopia": {
         "colors": {
           "canvasDefaultTransparent": "rgba(13,17,23,0)",
           "marketingIcon": {

package/lib-esm/utils/testing.d.ts

@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
         xlarge: string;
     };
     space: string[];
-    colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
+    colorSchemes: Record<"light" | "light_protanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_protanopia", Record<"colors" | "shadows", Partial<{
         canvasDefaultTransparent: string;
         marketingIcon: {
             primary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-2021104181937",
+  "version": "0.0.0-2021104225742",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -43,16 +43,20 @@
   "author": "GitHub, Inc.",
   "license": "MIT",
   "dependencies": {
-    "@primer/octicons-react": "^16.1.1",
-    "@primer/primitives": "6.0.0",
+    "@primer/octicons-react": "^13.0.0",
+    "@primer/primitives": "5.1.0",
     "@radix-ui/react-polymorphic": "0.0.14",
     "@react-aria/ssr": "3.1.0",
     "@styled-system/css": "5.1.5",
     "@styled-system/props": "5.1.5",
     "@styled-system/theme-get": "5.1.2",
+    "@types/history": "4.7.8",
+    "@types/styled-components": "5.1.11",
+    "@types/styled-system": "5.1.12",
+    "@types/styled-system__css": "5.0.16",
+    "@types/styled-system__theme-get": "5.0.1",
     "classnames": "2.3.1",
     "color2k": "1.2.4",
-    "date-fns": "2.25.0",
     "deepmerge": "4.2.2",
     "focus-visible": "5.2.0",
     "styled-system": "5.1.5"
@@ -81,11 +85,6 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/user-event": "13.1.9",
-    "@types/history": "4.7.9",
-    "@types/styled-components": "5.1.15",
-    "@types/styled-system": "5.1.13",
-    "@types/styled-system__css": "5.0.16",
-    "@types/styled-system__theme-get": "5.0.1",
     "@types/chroma-js": "2.1.3",
     "@types/enzyme": "3.10.9",
     "@types/jest": "26.0.23",

package/lib/DatePicker/DatePicker.d.ts

@@ -1,52 +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;
-    /**
-     * Minimum date to select
-     */
-    minDate?: Date | null;
-}
-export declare const DatePicker: React.FC<DatePickerProps>;
-export {};

package/lib/DatePicker/DatePicker.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePicker = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _DatePickerAnchor = require("./DatePickerAnchor");
-
-var _useDatePicker = require("./useDatePicker");
-
-var _DatePickerOverlay = require("./DatePickerOverlay");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const DatePicker = ({
-  anchorVariant,
-  anchorRef: externalAnchorRef,
-  confirmation,
-  confirmUnsavedClose,
-  compressedHeader,
-  dateFormat,
-  disableWeekends,
-  focusTrapSettings,
-  focusZoneSettings,
-  iconPlacement,
-  maxDate,
-  maxRangeSize,
-  maxSelections,
-  minDate,
-  onOpen: onOpenExternal,
-  onClose: onCloseExternal,
-  open,
-  overlayProps,
-  placeholder,
-  renderAnchor = null,
-  showInputPrompt,
-  value,
-  variant,
-  view,
-  weekStartsOn
-}) => {
-  const anchorRef = (0, _react.useRef)(null);
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const datePickerConfiguration = {
-    anchorVariant,
-    confirmation,
-    confirmUnsavedClose,
-    compressedHeader,
-    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.default.createElement(_useDatePicker.DatePickerProvider, {
-    configuration: datePickerConfiguration,
-    isOpen: isOpen,
-    value: value,
-    closePicker: () => setIsOpen(false)
-  }, /*#__PURE__*/_react.default.createElement(_DatePickerAnchor.DatePickerAnchor, {
-    ref: anchorRef,
-    onAction: toggleIsOpen
-  }), /*#__PURE__*/_react.default.createElement(_DatePickerOverlay.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
-  }));
-};
-
-exports.DatePicker = DatePicker;
-DatePicker.displayName = "DatePicker";

package/lib/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>>;