baseui 0.0.0-next-2992a67 → 0.0.0-next-ecc760f

package/flex-grid/types.d.ts

@@ -1,6 +1,6 @@
 import type { BlockProps, Responsive, Scale } from '../block';
 import type { ElementType } from 'react';
-export declare type FlexGridProps<T extends ElementType = ElementType> = {
+export type FlexGridProps<T extends ElementType = ElementType> = {
     /** Number of equal-width columns to allow for */
     flexGridColumnCount?: Responsive<number>;
     /** Grid gap between columns */
@@ -8,7 +8,7 @@ export declare type FlexGridProps<T extends ElementType = ElementType> = {
     /** Grid gap between rows */
     flexGridRowGap?: Responsive<Scale>;
 } & BlockProps<T>;
-export declare type FlexGridItemProps<T extends ElementType = ElementType> = {
+export type FlexGridItemProps<T extends ElementType = ElementType> = {
     /** Index of item in FlexGrid, used to determine gaps **/
     flexGridItemIndex?: number;
     /** Total count of items in FlexGrid, used to determine gaps **/

package/form-control/form-control.js

@@ -43,6 +43,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @ts-ignore
 function chooseRenderedHint(caption, error, positive, sharedProps) {
   if (!!error && typeof error !== 'boolean') {
     return typeof error === 'function' ? error(sharedProps) : error;
@@ -176,8 +177,8 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
             'aria-errormessage': error ? captionId : null,
             'aria-describedby': caption || positive ? captionId : null,
             disabled: onlyChildProps.disabled || disabled,
-            error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : sharedProps.$error,
-            positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : sharedProps.$positive
+            error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : sharedProps.$error === false ? undefined : sharedProps.$error,
+            positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : sharedProps.$positive === false ? undefined : sharedProps.$positive
           });
         }), (!!caption || !!error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
           "data-baseweb": "form-control-caption",
@@ -194,7 +195,9 @@ exports.default = FormControl;
 
 _defineProperty(FormControl, "defaultProps", {
   overrides: {},
+  // @ts-ignore
   label: null,
+  // @ts-ignore
   caption: null,
   disabled: false,
   counter: false

package/form-control/types.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type FormControlState = {
+export type FormControlState = {
     captionId: string;
 };
-export declare type FormControlOverrides = {
+export type FormControlOverrides = {
     /** Customizes the label element. */
     Label?: Override;
     /** Customizes the label end enhancer element. */
@@ -15,7 +15,7 @@ export declare type FormControlOverrides = {
     /** Customizes the container element. */
     ControlContainer?: Override;
 };
-export declare type FormControlProps = {
+export type FormControlProps = {
     overrides?: FormControlOverrides;
     /** A label rendered above the input field. */
     label?: React.ReactNode | ((props: {}) => React.ReactNode) | undefined | null;
@@ -39,7 +39,7 @@ export declare type FormControlProps = {
     };
     children: React.ReactNode;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $disabled?: boolean;
     $error?: boolean;
     $positive?: boolean;

package/header-navigation/types.d.ts

@@ -1,8 +1,8 @@
 import type { PropsWithChildren } from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type HeaderNavigationOverrides = {
+export type HeaderNavigationOverrides = {
     Root?: Override;
 };
-export declare type HeaderNavigationProps = PropsWithChildren<{
+export type HeaderNavigationProps = PropsWithChildren<{
     overrides: HeaderNavigationOverrides;
 }>;

package/heading/types.d.ts

@@ -1,10 +1,10 @@
 import type * as React from 'react';
 import type { BlockProps } from '../block';
-export declare type HeadingProps = {
+export type HeadingProps = {
     /** Set and fix the style level independently on the hierarchy context. */
     styleLevel?: 1 | 2 | 3 | 4 | 5 | 6;
 } & BlockProps<'h1'>;
-export declare type HeadingLevelProps = {
+export type HeadingLevelProps = {
     /** Content to be rendered in the HeadingLevel. */
     children: React.ReactNode;
 };

package/helper/index.d.ts

@@ -6,4 +6,4 @@ export { StatefulHelper as Unstable_StatefulHelper } from './stateful-helper';
 export * from './styled-components';
 export * from './types';
 /** @deprecated use HelperStepsProps instead. To be removed in future versions.*/
-export declare type HelperStepsPropsT = HelperStepsProps;
+export type HelperStepsPropsT = HelperStepsProps;

package/helper/stateful-helper.js

@@ -45,6 +45,7 @@ StatefulHelper.defaultProps = {
   triggerType: _popover.TRIGGER_TYPE.click,
   dismissOnClickOutside: true,
   dismissOnEsc: true,
+  // @ts-ignore
   stateReducer: function stateReducer(_, nextState) {
     return nextState;
   },

package/helper/styled-components.js

@@ -39,7 +39,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var CLAMP_ARROW_SIZE = 16;
+var CLAMP_ARROW_SIZE = 16; // @ts-ignore
 
 function dimensions(placement) {
   switch (placement) {
@@ -54,11 +54,13 @@ function dimensions(placement) {
     default:
       return [CLAMP_ARROW_SIZE, CLAMP_ARROW_SIZE];
   }
-}
+} // @ts-ignore
+
 
 function linearGradientDirection(placement) {
   return ['to'].concat(_toConsumableArray((0, _utils.splitPlacement)(placement))).join(' ');
-}
+} // @ts-ignore
+
 
 function conicGradientOrigin(placement) {
   switch (placement) {
@@ -77,7 +79,8 @@ function conicGradientOrigin(placement) {
     default:
       return [0, 0];
   }
-}
+} // @ts-ignore
+
 
 function conicGradientDegStart(placement) {
   switch (placement) {
@@ -96,7 +99,8 @@ function conicGradientDegStart(placement) {
     default:
       return 0;
   }
-}
+} // @ts-ignore
+
 
 function position(offsets, placement, width, height) {
   if (placement === _popover.PLACEMENT.top) {

package/helper/types.d.ts

@@ -1,5 +1,5 @@
 export type { PopoverProps as Props, StatefulPopoverProps as StatefulProps } from '../popover';
-export declare type HelperStepsProps = {
+export type HelperStepsProps = {
     index: number;
     length: number;
     onFinish: () => unknown;

package/helpers/overrides.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
-export declare type ConfigurationOverrideFunction = (a: any) => any | undefined | null;
-export declare type ConfigurationOverrideObject = {
+export type ConfigurationOverrideFunction = (a: any) => any | undefined | null;
+export type ConfigurationOverrideObject = {
     [k: string]: any;
 };
-export declare type ConfigurationOverride = ConfigurationOverrideObject | ConfigurationOverrideFunction;
-export declare type StyleOverride = ConfigurationOverride;
-export declare type OverrideObject = {
+export type ConfigurationOverride = ConfigurationOverrideObject | ConfigurationOverrideFunction;
+export type StyleOverride = ConfigurationOverride;
+export type OverrideObject = {
     component?: React.ComponentType<any> | null;
     props?: ConfigurationOverride | null;
     style?: ConfigurationOverride | null;
 };
-export declare type Override<T = any> = OverrideObject | (React.ComponentType<any> & {
+export type Override<T = any> = OverrideObject | (React.ComponentType<any> & {
     component?: undefined;
     props?: undefined;
     style?: undefined;
 });
-export declare type Overrides<T = any> = {
+export type Overrides<T = any> = {
     [x: string]: Override;
 };
 /**

package/helpers/overrides.js

@@ -147,6 +147,7 @@ function mergeOverrides() {
   var allIdentifiers = Object.keys(merged); // const allIdentifiers = Object.keys({...target, ...source});
 
   return allIdentifiers.reduce(function (acc, name) {
+    // @ts-ignore
     acc[name] = mergeOverride(toObjectOverride(target[name]), toObjectOverride(source[name]));
     return acc;
   }, {});

package/helpers/react-helpers.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const flattenFragments: (children?: React.ReactNode, ChildWrapper?: React.ComponentType<{}>, depth?: number) => React.ReactNode[];
+export declare const flattenFragments: (children?: React.ReactNode, ChildWrapper?: React.ComponentType<React.PropsWithChildren<{}>>, depth?: number) => React.ReactNode[];

package/helpers/react-helpers.js

@@ -29,7 +29,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 var flattenFragments = function flattenFragments(children, ChildWrapper) {
   var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  return (// @ts-expect-error
+  return (// @ts-ignore
     React.Children.toArray(children).reduce(function (acc, child, i) {
       if ((0, _reactIs.isFragment)(child)) {
         acc.push.apply(acc, _toConsumableArray(flattenFragments(child.props.children, ChildWrapper, depth + 1)));

package/helpers/responsive-helpers.d.ts

@@ -1,7 +1,11 @@
-import type { Breakpoints } from '../styles';
+import type { Breakpoints, Theme } from '../styles';
+import type { Responsive } from '../layout-grid';
+import type { MediaQueryPageMargins, PageMargins } from './types';
 /**
  * Helper function that generates media queries based on breakpoint, e.g.
  * getMediaQuery(720) => '@media screen and (min-width: 720px)'
  */
 export declare const getMediaQuery: (breakpoint: number) => string;
 export declare const getMediaQueries: (breakpoints: Breakpoints) => string[];
+export declare const getMinimumPageMargins: (margins: Responsive<number>) => PageMargins;
+export declare const getMediaQueryPageMargins: (theme: Theme) => MediaQueryPageMargins;

package/helpers/responsive-helpers.js

@@ -3,7 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMediaQuery = exports.getMediaQueries = void 0;
+exports.getMinimumPageMargins = exports.getMediaQueryPageMargins = exports.getMediaQuery = exports.getMediaQueries = void 0;
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -23,11 +37,56 @@ var getMediaQuery = function getMediaQuery(breakpoint) {
 exports.getMediaQuery = getMediaQuery;
 
 var getMediaQueries = function getMediaQueries(breakpoints) {
-  return Object.keys(breakpoints).map(function (key) {
+  return Object.keys(breakpoints) // @ts-ignore
+  .map(function (key) {
     return breakpoints[key];
   }).sort(function (a, b) {
     return a - b;
   }).map(getMediaQuery);
 };
 
-exports.getMediaQueries = getMediaQueries;
+exports.getMediaQueries = getMediaQueries;
+
+var getMinimumPageMargins = function getMinimumPageMargins(margins) {
+  var margin = Array.isArray(margins) ? margins[0] : margins;
+  return {
+    paddingInlineStart: "".concat(margin, "px"),
+    paddingInlineEnd: "".concat(margin, "px")
+  };
+};
+
+exports.getMinimumPageMargins = getMinimumPageMargins;
+
+var getMediaQueryPageMargins = function getMediaQueryPageMargins(theme) {
+  var result = {};
+  var mediaQueries = getMediaQueries(theme.breakpoints);
+
+  var _iterator = _createForOfIteratorHelper(mediaQueries.entries()),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _theme$grid$margins$i;
+
+      var _step$value = _slicedToArray(_step.value, 2),
+          index = _step$value[0],
+          query = _step$value[1];
+
+      // There is no guarantee grid.margins will have enough margins to satisfy
+      // each breakpoint.
+      var margin = Array.isArray(theme.grid.margins) ? (_theme$grid$margins$i = theme.grid.margins[index]) !== null && _theme$grid$margins$i !== void 0 ? _theme$grid$margins$i : theme.grid.margins.at(-1) : theme.grid.margins;
+      result[query] = {
+        paddingInlineStart: "".concat(margin, "px"),
+        paddingInlineEnd: "".concat(margin, "px")
+      };
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return result;
+};
+
+exports.getMediaQueryPageMargins = getMediaQueryPageMargins;

package/helpers/responsive-helpers.js.flow

@@ -6,7 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import type { BreakpointsT } from '../styles/types.js';
+import type { BreakpointsT, ThemeT } from '../styles/types.js';
+import type { ResponsiveT } from '../layout-grid/types.js';
+import type { MediaQueryPageMarginsT, PageMarginsT } from './types.js';
 
 /**
  * Helper function that generates media queries based on breakpoint, e.g.
@@ -21,6 +23,30 @@ export const getMediaQueries = (breakpoints: BreakpointsT): string[] =>
     .sort((a, b) => a - b)
     .map(getMediaQuery);
 
+export const getMinimumPageMargins = (margins: ResponsiveT<number>): PageMarginsT => {
+  const margin = Array.isArray(margins) ? margins[0] : margins;
+  return {
+    paddingInlineStart: `${margin}px`,
+    paddingInlineEnd: `${margin}px`,
+  };
+};
+
+export const getMediaQueryPageMargins = (theme: ThemeT): MediaQueryPageMarginsT => {
+  const result = {};
+  const mediaQueries = getMediaQueries(theme.breakpoints);
+  for (const [index, query] of mediaQueries.entries()) {
+    // There is no guarantee grid.margins will have enough margins to satisfy
+    // each breakpoint.
+    const margin = Array.isArray(theme.grid.margins)
+      ? // $FlowFixMe Array.at() is not available in flow version
+        theme.grid.margins[index] ?? theme.grid.margins.at(-1)
+      : theme.grid.margins;
+
+    result[query] = { paddingInlineStart: `${margin}px`, paddingInlineEnd: `${margin}px` };
+  }
+  return result;
+};
+
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/helpers/types.d.ts

@@ -1,11 +1,11 @@
 import type * as React from 'react';
 import type { Theme } from '../styles/types';
 import type { Override } from '../helpers/overrides';
-export declare type BaseProviderOverrides = {
+export type BaseProviderOverrides = {
     AppContainer?: Override;
     LayersContainer?: Override;
 };
-export declare type BaseProviderProps = {
+export type BaseProviderProps = {
     /** Children element to be rendered. Normally the BaseProvider
      should be added at the top level of an application. */
     children: React.ReactNode | undefined | null;
@@ -15,3 +15,10 @@ export declare type BaseProviderProps = {
     /** A value of z-index to be set on the layers. */
     zIndex?: number;
 };
+export type PageMargins = {
+    paddingInlineStart: string;
+    paddingInlineEnd: string;
+};
+export type MediaQueryPageMargins = {
+    [key: string]: PageMargins;
+};

package/helpers/types.js.flow

@@ -4,7 +4,9 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
 // @flow
+
 import * as React from 'react';
 import type { ThemeT } from '../styles/types.js';
 import type { OverrideT } from '../helpers/overrides.js';
@@ -23,6 +25,15 @@ export type BaseProviderPropsT = {
   zIndex?: number,
 };
 
+export type PageMarginsT = {|
+  paddingInlineStart: string,
+  paddingInlineEnd: string,
+|};
+
+export type MediaQueryPageMarginsT = {
+  [string]: PageMarginsT,
+};
+
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/icon/alert.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Alert(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/arrow-down.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ArrowDown(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/arrow-left.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ArrowLeft(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/arrow-right.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ArrowRight(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/arrow-up.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ArrowUp(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/blank.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Blank(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import("./types").Size;
+    color?: string;
+    title?: string;
+    overrides?: import("./types").IconOverrides;
+} & import("./types").StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/icon/calendar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styles = require("../styles");
+
+var _overrides = require("../helpers/overrides");
+
+var _icon = _interopRequireDefault(require("./icon"));
+
+var _excluded = ["title", "size", "color", "overrides"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// @ts-ignore
+function Calendar(props, ref) {
+  var _useStyletron = (0, _styles.useStyletron)(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _props$title = props.title,
+      title = _props$title === void 0 ? 'Calendar' : _props$title,
+      size = props.size,
+      color = props.color,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var SvgOverride = (0, _overrides.mergeOverride)( // Icons from the theme target the SVG override in the underlying Icon component
+  {
+    component: theme.icons && theme.icons.Calendar ? theme.icons.Calendar : null
+  }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
+  return /*#__PURE__*/React.createElement(_icon.default, _extends({
+    viewBox: "0 0 24 24",
+    ref: ref,
+    title: title,
+    size: size,
+    color: color,
+    overrides: {
+      Svg: SvgOverride
+    }
+  }, restProps), /*#__PURE__*/React.createElement("path", {
+    d: "M21.1667 2.83333H19.3333V1.45833C19.3333 1.20522 19.1283 1 18.875 1H17.9583C17.705 1 17.5 1.20522 17.5 1.45833V2.83333H6.5V1.45833C6.5 1.20522 6.295 1 6.04167 1H5.125C4.87166 1 4.66667 1.20522 4.66667 1.45833V2.83333H2.83333C1.82088 2.83333 1 3.6541 1 4.66667V21.1667C1 22.1791 1.82088 23 2.83333 23H21.1667C22.1791 23 23 22.1791 23 21.1667V4.66667C23 3.6541 22.1791 2.83333 21.1667 2.83333ZM4.66667 4.66667H6.5V6.5H4.66667V4.66667V4.66667ZM8.33333 19.3333H4.66667V15.6667H8.33333V19.3333ZM13.8333 19.3333H10.1667V15.6667H13.8333V19.3333ZM13.8333 13.8333H10.1667V10.1667H13.8333V13.8333ZM19.3333 19.3333H15.6667V15.6667H19.3333V19.3333ZM19.3333 13.8333H15.6667V10.1667H19.3333V13.8333ZM19.3333 6.5H17.5V4.66667H19.3333V6.5Z"
+  }));
+}
+
+var _default = /*#__PURE__*/React.forwardRef(Calendar);
+
+exports.default = _default;

package/icon/calendar.js.flow

@@ -0,0 +1,47 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// @flow
+// BASEUI-GENERATED-REACT-ICON
+// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
+import * as React from 'react';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
+
+import Icon from './icon.js';
+import type { IconPropsT } from './types.js';
+
+function Calendar(props: IconPropsT, ref) {
+  const [, theme] = useStyletron();
+  const { title = 'Calendar', size, color, overrides = {}, ...restProps } = props;
+  const SvgOverride = mergeOverride(
+    // Icons from the theme target the SVG override in the underlying Icon component
+    {
+      component: theme.icons && theme.icons.Calendar ? theme.icons.Calendar : null,
+    },
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
+  );
+  return (
+    // $FlowExpectedError[cannot-spread-inexact]
+    <Icon
+      viewBox="0 0 24 24"
+      ref={ref}
+      title={title}
+      size={size}
+      color={color}
+      overrides={{ Svg: SvgOverride }}
+      {...restProps}
+    >
+      <path d="M21.1667 2.83333H19.3333V1.45833C19.3333 1.20522 19.1283 1 18.875 1H17.9583C17.705 1 17.5 1.20522 17.5 1.45833V2.83333H6.5V1.45833C6.5 1.20522 6.295 1 6.04167 1H5.125C4.87166 1 4.66667 1.20522 4.66667 1.45833V2.83333H2.83333C1.82088 2.83333 1 3.6541 1 4.66667V21.1667C1 22.1791 1.82088 23 2.83333 23H21.1667C22.1791 23 23 22.1791 23 21.1667V4.66667C23 3.6541 22.1791 2.83333 21.1667 2.83333ZM4.66667 4.66667H6.5V6.5H4.66667V4.66667V4.66667ZM8.33333 19.3333H4.66667V15.6667H8.33333V19.3333ZM13.8333 19.3333H10.1667V15.6667H13.8333V19.3333ZM13.8333 13.8333H10.1667V10.1667H13.8333V13.8333ZM19.3333 19.3333H15.6667V15.6667H19.3333V19.3333ZM19.3333 13.8333H15.6667V10.1667H19.3333V13.8333ZM19.3333 6.5H17.5V4.66667H19.3333V6.5Z" />
+    </Icon>
+  );
+}
+
+export default React.forwardRef<IconPropsT, mixed>(Calendar);
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;

package/icon/check-indeterminate.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function CheckIndeterminate(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/check.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Check(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/chevron-down.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ChevronDown(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),