@sproutsocial/racine 24.1.0 → 25.0.0

package/lib/Duration/Duration.js

@@ -4,25 +4,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from "react";
 import memoize from "lru-memoize";
 import { EM_DASH } from "../utils/constants";
 import { VisuallyHidden } from "../VisuallyHidden";
-import { MEMO_CACHE_SIZE, COMPARE_OBJECTS } from "./constants";
+import { COMPARE_OBJECTS, DEFAULT_DISPLAY, DEFAULT_DISPLAY_UNITS, DEFAULT_LOCALE, DEFAULT_MILLISECONDS, MEMO_CACHE_SIZE, ORDERED_UNITS, UNITS } from "./constants";
 import { Container } from "./styles";
+import { isValidNumber, getLowestUnit, splitMillisecondsIntoUnits } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var getDivisionAndRemainder = function getDivisionAndRemainder(numerator, denominator) {
-  return [Math.floor(numerator / denominator), numerator % denominator];
-};
-var _createDurationFormatter = function _createDurationFormatter(locale, unitDisplay) {
+var _createDurationFormatter = function _createDurationFormatter(locale, unitDisplay, displayUnits) {
   var timeUnitFormatter = function timeUnitFormatter(locale, unit, unitDisplay) {
     return Intl.NumberFormat(locale, {
       style: "unit",
@@ -30,41 +22,31 @@ var _createDurationFormatter = function _createDurationFormatter(locale, unitDis
       unitDisplay: unitDisplay
     }).format;
   };
-  var formatDays = timeUnitFormatter(locale, "day", unitDisplay);
-  var formatHours = timeUnitFormatter(locale, "hour", unitDisplay);
-  var formatMinutes = timeUnitFormatter(locale, "minute", unitDisplay);
-  var formatSeconds = timeUnitFormatter(locale, "second", unitDisplay);
-  var formatMilliseconds = timeUnitFormatter(locale, "millisecond", unitDisplay);
+  var formatterByUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNITS.days, timeUnitFormatter(locale, "day", unitDisplay)), UNITS.hours, timeUnitFormatter(locale, "hour", unitDisplay)), UNITS.minutes, timeUnitFormatter(locale, "minute", unitDisplay)), UNITS.seconds, timeUnitFormatter(locale, "second", unitDisplay)), UNITS.milliseconds, timeUnitFormatter(locale, "millisecond", unitDisplay));
   var formatList = new Intl.ListFormat(locale, {
     style: "narrow",
     type: "unit"
   });
-  return function (milliseconds) {
-    if (milliseconds <= 0) {
-      return formatMilliseconds(0);
+  return function (value) {
+    var lowestUnit = getLowestUnit(displayUnits);
+
+    // if the value is zero or negative, we just want to return 0 for the lowest unit (ex "0 minutes")
+    if (value <= 0) {
+      return formatterByUnit[lowestUnit](0);
     }
-    var days;
-    var hours;
-    var minutes;
-    var seconds;
-    var _getDivisionAndRemain = getDivisionAndRemainder(milliseconds, 86400000);
-    var _getDivisionAndRemain2 = _slicedToArray(_getDivisionAndRemain, 2);
-    days = _getDivisionAndRemain2[0];
-    milliseconds = _getDivisionAndRemain2[1];
-    var _getDivisionAndRemain3 = getDivisionAndRemainder(milliseconds, 3600000);
-    var _getDivisionAndRemain4 = _slicedToArray(_getDivisionAndRemain3, 2);
-    hours = _getDivisionAndRemain4[0];
-    milliseconds = _getDivisionAndRemain4[1];
-    var _getDivisionAndRemain5 = getDivisionAndRemainder(milliseconds, 60000);
-    var _getDivisionAndRemain6 = _slicedToArray(_getDivisionAndRemain5, 2);
-    minutes = _getDivisionAndRemain6[0];
-    milliseconds = _getDivisionAndRemain6[1];
-    var _getDivisionAndRemain7 = getDivisionAndRemainder(milliseconds, 1000);
-    var _getDivisionAndRemain8 = _slicedToArray(_getDivisionAndRemain7, 2);
-    seconds = _getDivisionAndRemain8[0];
-    milliseconds = _getDivisionAndRemain8[1];
-    var list = [days ? formatDays(days) : null, hours ? formatHours(hours) : null, minutes ? formatMinutes(minutes) : null, seconds ? formatSeconds(seconds) : null, milliseconds ? formatMilliseconds(milliseconds) : null].filter(function (listItem) {
-      return listItem !== null;
+    var millisecondsByUnit = splitMillisecondsIntoUnits(value, displayUnits);
+    var list = [];
+    ORDERED_UNITS.forEach(function (unit) {
+      if (unit in millisecondsByUnit) {
+        var unitValue = millisecondsByUnit[unit];
+
+        // we want to add to the list if one of two conditions are met:
+        // 1) the unit has a value greater than 0 OR
+        // 2) the unit has value 0 AND the unit is the lowest unit AND the list is already empty
+        if (unitValue !== 0 || unitValue === 0 && unit === lowestUnit && list.length === 0) {
+          list.push(formatterByUnit[unit](millisecondsByUnit[unit]));
+        }
+      }
     });
     return formatList.format(list);
   };
@@ -73,19 +55,18 @@ var _createDurationFormatter = function _createDurationFormatter(locale, unitDis
 // Memoize to reduce the energy of creating new instances of Intl.NumberFormat
 var memoizer = memoize(MEMO_CACHE_SIZE, COMPARE_OBJECTS);
 var createDurationFormatter = memoizer(_createDurationFormatter);
-var isValidNumber = function isValidNumber(value) {
-  return typeof value === "number" && isFinite(value);
-};
 var getDuration = function getDuration(_ref) {
   var returnType = _ref.returnType,
     props = _ref.props;
   var _props$display = props.display,
-    display = _props$display === void 0 ? "long" : _props$display,
+    display = _props$display === void 0 ? DEFAULT_DISPLAY : _props$display,
+    _props$displayUnits = props.displayUnits,
+    displayUnits = _props$displayUnits === void 0 ? DEFAULT_DISPLAY_UNITS : _props$displayUnits,
     invalidMillisecondsLabel = props.invalidMillisecondsLabel,
     _props$locale = props.locale,
-    locale = _props$locale === void 0 ? "en-US" : _props$locale,
+    locale = _props$locale === void 0 ? DEFAULT_LOCALE : _props$locale,
     _props$milliseconds = props.milliseconds,
-    milliseconds = _props$milliseconds === void 0 ? null : _props$milliseconds,
+    milliseconds = _props$milliseconds === void 0 ? DEFAULT_MILLISECONDS : _props$milliseconds,
     qa = props.qa;
   var isReturnTypeString = returnType === "string";
   if (!isValidNumber(milliseconds)) {
@@ -102,7 +83,8 @@ var getDuration = function getDuration(_ref) {
       }))]
     });
   }
-  var fullText = createDurationFormatter(locale, display)(milliseconds);
+  var validatedDisplayUnits = Object.keys(displayUnits).length === 0 ? DEFAULT_DISPLAY_UNITS : displayUnits;
+  var fullText = createDurationFormatter(locale, display, validatedDisplayUnits)(milliseconds);
   return isReturnTypeString ? fullText : /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, qa), {}, {
     children: fullText
   }));

package/lib/Duration/constants.js

@@ -1,2 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export var COMPARE_OBJECTS = true;
 export var MEMO_CACHE_SIZE = 10;
-export var COMPARE_OBJECTS = true;
+export var UNITS = {
+  days: "days",
+  hours: "hours",
+  minutes: "minutes",
+  seconds: "seconds",
+  milliseconds: "milliseconds"
+};
+export var MILLISECONDS_IN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNITS.days, 1 * 1000 * 60 * 60 * 24), UNITS.hours, 1 * 1000 * 60 * 60), UNITS.minutes, 1 * 1000 * 60), UNITS.seconds, 1 * 1000), UNITS.milliseconds, 1);
+export var ORDERED_UNITS = [UNITS.days, UNITS.hours, UNITS.minutes, UNITS.seconds, UNITS.milliseconds];
+
+// Duration props defaults
+export var DEFAULT_DISPLAY = "narrow";
+export var DEFAULT_DISPLAY_UNITS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNITS.days, true), UNITS.hours, true), UNITS.minutes, true), UNITS.seconds, true), UNITS.milliseconds, false);
+export var DEFAULT_LOCALE = "en-US";
+export var DEFAULT_MILLISECONDS = null;

package/lib/Duration/index.js

@@ -1,5 +1,7 @@
 import Duration, { formatDuration } from "./Duration";
+import { getDurationMaxDisplayUnits } from "./utils";
 export default Duration;
 export { Duration };
 export { formatDuration };
+export { getDurationMaxDisplayUnits };
 export * from "./DurationTypes";

package/lib/Duration/utils.js

@@ -0,0 +1,70 @@
+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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { MILLISECONDS_IN, ORDERED_UNITS, UNITS } from "./constants";
+export var getLowestUnit = function getLowestUnit(displayUnits) {
+  return _toConsumableArray(ORDERED_UNITS).reverse().find(function (unit) {
+    return displayUnits[unit];
+  }) || UNITS.milliseconds;
+};
+export var splitMillisecondsIntoUnits = function splitMillisecondsIntoUnits(milliseconds, displayUnits) {
+  var lowestUnit = getLowestUnit(displayUnits);
+  var remainder = milliseconds % MILLISECONDS_IN[lowestUnit];
+  if (2 * remainder >= MILLISECONDS_IN[lowestUnit]) {
+    // if the remainder is large, add enough seconds to increse the lowest unit
+    milliseconds += MILLISECONDS_IN[lowestUnit] - remainder;
+  }
+  var units = {};
+  ORDERED_UNITS.forEach(function (unit) {
+    if (displayUnits[unit]) {
+      units[unit] = Math.floor(milliseconds / MILLISECONDS_IN[unit]);
+      milliseconds -= units[unit] * MILLISECONDS_IN[unit];
+    }
+  });
+  return units;
+};
+export var isValidNumber = function isValidNumber(value) {
+  return typeof value === "number" && isFinite(value);
+};
+export var getDurationMaxDisplayUnits = function getDurationMaxDisplayUnits(_ref) {
+  var milliseconds = _ref.milliseconds,
+    _ref$maxDisplayUnits = _ref.maxDisplayUnits,
+    maxDisplayUnits = _ref$maxDisplayUnits === void 0 ? ORDERED_UNITS.length : _ref$maxDisplayUnits;
+  var displayUnits = {};
+  if (!isValidNumber(milliseconds)) {
+    return displayUnits;
+  }
+  var _iterator = _createForOfIteratorHelper(ORDERED_UNITS),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var unit = _step.value;
+      if (Object.keys(displayUnits).length >= maxDisplayUnits) {
+        break;
+      }
+
+      // @ts-expect-error - stupid typescript isn't smart enough to check the isValidNumber check above ¯\_(ツ)_/¯
+      var millisecondsByUnit = splitMillisecondsIntoUnits(milliseconds, {
+        days: true,
+        hours: true,
+        minutes: true,
+        seconds: true,
+        milliseconds: true
+      });
+
+      // @ts-expect-error - stupid typescript isn't smart enough to check the isValidNumber check above ¯\_(ツ)_/¯
+      if (milliseconds > MILLISECONDS_IN[unit] && millisecondsByUnit[unit] > 0) {
+        displayUnits[unit] = true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return displayUnits;
+};

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "24.1.0",
+  "version": "25.0.0",
   "license": "MIT",
   "engines": {
     "node": ">=18"
   },
   "readme": "README.NPM.md",
   "files": [
-    "__flow__",
     "commonjs",
     "dist",
     "lib",
@@ -55,8 +54,7 @@
     "release": "yarn build && yarn test && yarn changeset publish",
     "storybook": "rm -rf node_modules/.cache/storybook && storybook dev -c .storybook -p 9999",
     "build-storybook": "storybook build --quiet -c .storybook -o .storybook-dist",
-    "build-chromatic": "storybook build --quiet -c .storybook -o .storybook-dist",
-    "ts-to-flow": "flowgen $FILE -o $OUTPUT --add-flow-header --no-module-exports"
+    "build-chromatic": "storybook build --quiet -c .storybook -o .storybook-dist"
   },
   "dependencies": {
     "@react-spring/web": "^9.0.0",
@@ -98,13 +96,10 @@
     "@babel/cli": "^7.22.10",
     "@babel/core": "^7.22.10",
     "@babel/eslint-parser": "^7.22.10",
-    "@babel/plugin-syntax-flow": "^7.22.5",
     "@babel/plugin-syntax-jsx": "^7.22.5",
     "@babel/preset-env": "^7.22.10",
-    "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
-    "@khanacademy/flow-to-ts": "^0.5.2",
     "@sproutsocial/eslint-config-seeds": "*",
     "@sproutsocial/seeds-border": "*",
     "@sproutsocial/seeds-color": "*",
@@ -161,8 +156,6 @@
     "eslint-import-resolver-babel-module": "^5.3.2",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-jest": "^27.6.3",
-    "flow-bin": "0.131.0",
-    "flowgen": "^1.21.0",
     "glob": "^7.1.6",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^6.4.1",

package/__flow__/Avatar/Avatar.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeAvatarProps = {
-  /** Circles are used for social profile avatars, leaf is for internal Sprout user avatars */
-  appearance?: "circle" | "leaf",
-  /** The name of the user that the avatar represents */
-  name?: string,
-  /** URL of the avatar image. If a URL is not provided, the component will fall back to showing the user's initials */
-  src?: string,
-  type?: "neutral" | "purple" | "green" | "blue" | "yellow" | "red" | "orange",
-  bg?: string,
-  color?: string,
-  size?: string,
-  ...
-};
-declare var Avatar: React.StatelessFunctionalComponent<TypeAvatarProps>;
-declare export default typeof Avatar;

package/__flow__/Avatar/constants.flow.js

@@ -1,11 +0,0 @@
-// @flow
-export const AvatarColorOptions = Object.freeze({
-  auto: "auto",
-  neutral: "neutral",
-  purple: "purple",
-  green: "green",
-  blue: "blue",
-  yellow: "yellow",
-  red: "red",
-  orange: "orange"
-});

package/__flow__/Avatar/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Avatar.flow";
-export { AvatarColorOptions } from "./constants.flow";

package/__flow__/Badge/Badge.flow.js

@@ -1,21 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeIconName } from "../Icon/index.flow";
-import { badgeColors } from "./constants.flow";
-export type TypeBadgeColor = $Keys<typeof badgeColors>;
-export type TypeBadgeProps = {
-  children?: React.Node,
-  /** DEPRECATED: Use children instead of text */
-  text?: React.Node,
-  /** Size default is deprecated in favor of small and large */
-  size?: "small" | "large" | "default",
-  badgeColor?: TypeBadgeColor,
-  iconName?: TypeIconName,
-  /** DEPRECATED: Possibly only used for testing. Refrain from using at all if possible. (optional) */
-  tip?: React.Node,
-  /** DEPRECATED: The legacy method of choosing a theme. Use badgeColor instead. (optional) */
-  type?: string,
-  ...
-};
-declare var Badge: React.StatelessFunctionalComponent<TypeBadgeProps>;
-declare export default typeof Badge;

package/__flow__/Badge/constants.flow.js

@@ -1,28 +0,0 @@
-// @flow
-
-type TypeLegacyBadgeColor = {|
-  color: string,
-  background: string,
-|};
-declare export var legacyBadgeColors: {|
-  primary: TypeLegacyBadgeColor,
-  secondary: TypeLegacyBadgeColor,
-  passive: TypeLegacyBadgeColor,
-  common: TypeLegacyBadgeColor,
-  approval: TypeLegacyBadgeColor,
-  default: TypeLegacyBadgeColor,
-  suggestion: TypeLegacyBadgeColor,
-|};
-export const badgeColors = Object.freeze({
-  green: "green",
-  blue: "blue",
-  purple: "purple",
-  yellow: "yellow",
-  orange: "orange",
-  red: "red",
-  neutral: "neutral",
-  magenta: "magenta",
-  pink: "pink",
-  aqua: "aqua",
-  teal: "teal"
-});

package/__flow__/Badge/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Badge.flow";
-export * from "./constants.flow";

package/__flow__/Banner/Banner.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeIconProps } from "../Icon/index.flow";
-export type EnumBannerType = "success" | "info" | "error" | "warning" | "opportunity";
-export type TypeBannerProps = {
-  text: React.Node,
-  /** Type of banner. */
-  type?: EnumBannerType,
-  /** Show the close icon in the banner with an action when clicked */
-  onClose?: () => void,
-  /** Close icon aria label */
-  closeButtonLabel?: string,
-  /** Icon props that can be passed to the Type specific Icon */
-  typeIconProps?: {
-    ...TypeIconProps,
-    name?: void,
-    ...
-  },
-  ...
-};
-declare var Banner: React.StatelessFunctionalComponent<TypeBannerProps>;
-declare export default typeof Banner;

package/__flow__/Banner/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Banner.flow";

package/__flow__/Box/Box.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { StyledComponent } from "styled-components";
-import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
-import type { TypeSystemCommonProps, TypeSystemBorderProps, TypeSystemLayoutProps, TypeSystemPositionProps, TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
-import type { TypeTheme } from "../types/theme.flow";
-export type TypeContainerProps = $ReadOnly<{|
-  ...TypeStyledComponentsCommonProps,
-  ...TypeSystemCommonProps,
-  ...TypeSystemBorderProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemPositionProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemGridProps,
-|}>;
-type TypeBoxContainer = StyledComponent<TypeContainerProps, TypeTheme, *>;
-export type TypeBoxProps = {
-  ...React.ElementConfig<TypeBoxContainer>,
-  ...
-};
-declare var Box: React.AbstractComponent<TypeBoxProps, *>;
-declare export default typeof Box;

package/__flow__/Box/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Box.flow";

package/__flow__/Breadcrumb/Breadcrumb.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeLinkProps } from "../Link/index.flow";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeBreadcrumbProps = {
-  children: React.Node,
-  /** Description of the type of navigation being provided by the breadcrumb (i.e. "Asset library breadcrumb") */
-  ariaLabel: string,
-  /** optional */
-  overflow?: {
-    label: string,
-    menu: React.Node,
-    ...
-  },
-  ...
-};
-export type TypeBreadcrumbItemProps = TypeLinkProps;
-declare var BreadcrumbItem: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeBreadcrumbItemProps>>;
-declare class Breadcrumb extends React.Component<TypeBreadcrumbProps> {
-  static Item: typeof BreadcrumbItem
-}
-declare export default typeof Breadcrumb;

package/__flow__/Breadcrumb/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Breadcrumb.flow";

package/__flow__/Button/Button.flow.js

@@ -1,36 +0,0 @@
-// @flow
-import * as React from "react";
-import { type StyledComponent } from "styled-components";
-import type { TypeTheme } from "../types/theme.flow";
-import type { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
-export type TypeButtonProps = {
-  ...TypeSystemCommonProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemGridProps,
-  /** If the button is being used as an anchor, this prop will cause the link to open in a new tab. */
-  external?: boolean,
-  size?: "large" | "default",
-  /** What the button looks like. "default" is deprecated in favor of "unstyled" */
-  appearance?: "primary" | "secondary" | "pill" | "destructive" | "unstyled" | "placeholder",
-  /** Set the button to display in its active state */
-  active?: boolean,
-  /** Disables user action and applies a disabled style on the button */
-  disabled?: boolean,
-  children: React.Node,
-  /** Setting this prop will cause the component to be rendered as an anchor element instead of a button element  */
-  href?: string,
-  /** Used to get a reference to the underlying button */
-  innerRef?: React.Ref<"button">,
-  /** Action to perform when the button is clicked */
-  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => any,
-  title?: string,
-  qa?: Object,
-  as?: any,
-  /** Label used to describe the button if the button does not have text within it */
-  ariaLabel?: string,
-  ...
-};
-declare export var Container: StyledComponent<any, TypeTheme, *>;
-declare var Button: React.StatelessFunctionalComponent<TypeButtonProps>;
-declare export default typeof Button;

package/__flow__/Button/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Button.flow";

package/__flow__/Card/Card.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeCardProps, TypeCardLink, TypeCardArea } from "./CardTypes.flow";
-declare var Card: React.StatelessFunctionalComponent<TypeCardProps>;
-declare export var CardLink: React.StatelessFunctionalComponent<TypeCardLink>;
-declare export var CardHeader: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export var CardContent: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export var CardFooter: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export default typeof Card;

package/__flow__/Card/CardTypes.flow.js

@@ -1,73 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { TypeIconProps } from "../Icon/index.flow";
-import type { TypeStyledComponentsCommonProps, TypePropsWithChildren } from "../types/index.flow";
-import type { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps } from "../systemProps/index.flow";
-export type TypeSharedCardSystemProps = TypePropsWithChildren<{|
-  ...TypeStyledComponentsCommonProps,
-  ...TypeBorderSystemProps,
-  ...TypeColorSystemProps,
-  ...TypeFlexboxSystemProps,
-  ...TypeGridSystemProps,
-  ...TypeLayoutSystemProps,
-  ...TypePositionSystemProps,
-  ...TypeSpaceSystemProps,
-  key?: React.Key,
-|}>;
-export type TypeCardStyleProps = {|
-  elevation?: "low" | "medium" | "high",
-  disabled?: boolean,
-  compositionalComponents?: boolean,
-  selected?: boolean,
-|};
-export type TypeCardStyleTransientProps = {|
-  $elevation?: "low" | "medium" | "high",
-  $disabled?: boolean,
-  $compositionalComponents?: boolean,
-  $selected?: boolean,
-|};
-export type TypeStyledCard = {
-  ...TypeSharedCardSystemProps,
-  ...TypeCardStyleTransientProps,
-  ...
-};
-export type TypeCardStyles = {|
-  ...TypeSharedCardSystemProps,
-  ...$Diff<TypeCardStyleProps, {|
-    compositionalComponents: any
-  |}>,
-|};
-declare type TypeOnClick = (event: SyntheticMouseEvent<HTMLElement> | SyntheticMouseEvent<HTMLElement>) => void;
-export type TypeCardConditions = {|
-  role: "link" | "button" | "checkbox" | "presentation",
-  href?: string,
-  onClick?: TypeOnClick,
-  selected?: boolean,
-|};
-export type TypeCardProps = {
-  ...TypeCardConditions,
-  ...TypeCardStyles,
-  $elevation?: void,
-  $disabled?: void,
-  $compositionalComponents?: void,
-  $selected?: void,
-  ...
-};
-export type TypeCardArea = {
-  ...TypeSharedCardSystemProps,
-  $divider?: "top" | "bottom",
-  ...
-};
-export type TypeStyledSelectedIcon = {
-  ...TypeIconProps,
-  $selected: $PropertyType<TypeCardStyleTransientProps, "$selected">,
-  ...
-};
-export type TypeCardLink = {
-  ...TypeColorSystemProps,
-  ...TypeTypographySystemProps,
-  affordance?: boolean,
-  external?: boolean,
-  ...
-};

package/__flow__/Card/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Card.flow";
-export * from "./CardTypes.flow";

package/__flow__/CharacterCounter/CharacterCounter.flow.js

@@ -1,12 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeCharacterCounterProps = {
-  /** Current value of relative input/textarea */
-  currentValue: number,
-  /** Max amount of characters for input/textarea */
-  maxValue: number,
-  size?: "default" | "mini",
-  ...
-};
-declare var CharacterCounter: React.ComponentType<TypeCharacterCounterProps>;
-declare export default typeof CharacterCounter;

package/__flow__/CharacterCounter/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./CharacterCounter.flow";

package/__flow__/ChartLegend/ChartLegend.flow.js

@@ -1,18 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeChartLegendTheme = "compare" | "contrast" | "extended";
-export type TypeChartLegendProps = {
-  /** Inline or stacked y plots */
-  stacked?: boolean,
-  theme?: TypeChartLegendTheme,
-  /** Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. */
-  legendLabels: {
-    name: string,
-    color?: string,
-    ...
-  }[],
-  qa?: Object,
-  ...
-};
-declare var ChartLegend: React.StatelessFunctionalComponent<TypeChartLegendProps>;
-declare export default typeof ChartLegend;

package/__flow__/ChartLegend/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./ChartLegend.flow";