baseui 0.0.0-next-014abd6 → 0.0.0-next-ac6ef6c

package/es/mobile-header/constants.js

@@ -0,0 +1,10 @@
+/*
+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.
+*/
+export const TYPE = Object.freeze({
+  fixed: 'fixed',
+  floating: 'floating'
+});

package/es/mobile-header/index.js

@@ -0,0 +1,10 @@
+/*
+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.
+*/
+export { default as MobileHeader } from './mobile-header';
+export * from './constants';
+export * from './styled-components';
+export * from './types';

package/es/mobile-header/mobile-header.js

@@ -0,0 +1,111 @@
+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); }
+
+/*
+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.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides';
+import { Button, KIND, SHAPE } from '../button';
+import { StyledRoot, StyledNavContainer, StyledTitle, StyledActionButtonsContainer } from './styled-components';
+import { TYPE } from './constants';
+import { useStyletron } from '../styles/index';
+
+const renderButtonContent = content => {
+  if (typeof content === 'string') {
+    return content;
+  }
+
+  const Icon = content;
+  return /*#__PURE__*/React.createElement(Icon, {
+    size: 32
+  });
+};
+
+const DefaultHeaderButton = ({
+  children,
+  type,
+  ...restProps
+}) => {
+  const [, theme] = useStyletron();
+  const isFloating = type === TYPE.floating;
+  const hasTextContent = typeof children === 'string';
+  const shouldHaveTrailingMargin = isFloating || !hasTextContent;
+  const trailingMargin = theme.direction === 'rtl' ? {
+    marginLeft: theme.sizing.scale300
+  } : {
+    marginRight: theme.sizing.scale300
+  };
+  const style = { ...(!hasTextContent ? {
+      height: '48px',
+      width: '48px',
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingLeft: 0,
+      paddingRight: 0
+    } : {}),
+    ...(shouldHaveTrailingMargin ? trailingMargin : {}),
+    ...(isFloating ? {
+      backgroundColor: theme.colors.backgroundPrimary
+    } : {})
+  };
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    kind: KIND.tertiary,
+    shape: SHAPE.pill,
+    overrides: {
+      BaseButton: {
+        style
+      }
+    }
+  }, restProps), children);
+};
+
+export function MobileHeader({
+  overrides = {},
+  title,
+  navButton,
+  actionButtons = [],
+  type = TYPE.fixed,
+  expanded = false
+}) {
+  const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
+  const [Title, titleProps] = getOverrides(overrides.Title, StyledTitle);
+  const [NavContainer, navContainerProps] = getOverrides(overrides.NavContainer, StyledNavContainer);
+  const [HeaderButton, iconButtonProps] = getOverrides(overrides.HeaderButton, DefaultHeaderButton);
+  const [ActionButtonsContainer, actionButtonsContainerProps] = getOverrides(overrides.ActionButtonsContainer, StyledActionButtonsContainer);
+
+  if (actionButtons.length > 2 && process.env.NODE_ENV !== "production") {
+    console.warn(`MobileHeader can only render two additional buttons. Received ${actionButtons.length}`);
+  }
+
+  return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {
+    $type: type,
+    $expanded: expanded
+  }), /*#__PURE__*/React.createElement(NavContainer, _extends({
+    $type: type,
+    $hasTextContent: !Boolean(navButton.renderIcon)
+  }, navContainerProps), /*#__PURE__*/React.createElement(HeaderButton, _extends({
+    onClick: navButton.onClick,
+    type: type,
+    "aria-label": navButton.label
+  }, iconButtonProps), renderButtonContent(navButton.renderIcon || navButton.label))), type === TYPE.fixed && /*#__PURE__*/React.createElement(Title, _extends({
+    $type: type,
+    $expanded: expanded
+  }, titleProps), title), actionButtons.length > 0 && /*#__PURE__*/React.createElement(ActionButtonsContainer, actionButtonsContainerProps, actionButtons.map((button, idx) => {
+    const {
+      renderIcon,
+      onClick,
+      label
+    } = button;
+    return /*#__PURE__*/React.createElement(HeaderButton, _extends({
+      onClick: onClick,
+      "aria-label": label,
+      type: type
+    }, iconButtonProps, {
+      key: idx
+    }), renderButtonContent(renderIcon || label));
+  })));
+}
+export default MobileHeader;

package/es/mobile-header/styled-components.js

@@ -0,0 +1,68 @@
+/*
+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.
+*/
+import { styled } from '../styles';
+import { TYPE } from './constants';
+export const StyledRoot = styled('div', ({
+  $theme,
+  $type
+}) => ({
+  width: '100%',
+  display: 'grid',
+  gridTemplateColumns: 'auto 1fr auto',
+  ...($type === TYPE.floating ? {
+    backgroundColor: 'transparent',
+    pointerEvents: 'none'
+  } : {
+    backgroundColor: $theme.colors.backgroundPrimary
+  })
+}));
+StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
+export const StyledNavContainer = styled('div', ({
+  $hasTextContent,
+  $type,
+  $theme
+}) => {
+  const floatingPadding = $theme.direction === 'rtl' ? {
+    paddingRight: $theme.sizing.scale300
+  } : {
+    paddingLeft: $theme.sizing.scale300
+  };
+  return {
+    pointerEvents: 'auto',
+    ...($hasTextContent && $type === TYPE.fixed ? {} : floatingPadding)
+  };
+});
+StyledNavContainer.displayName = "StyledNavContainer";
+StyledNavContainer.displayName = 'StyledNavContainer';
+export const StyledActionButtonsContainer = styled('div', ({}) => ({
+  display: 'flex',
+  justifyContent: 'flex-end',
+  gridColumn: '3 / 4',
+  pointerEvents: 'auto'
+}));
+StyledActionButtonsContainer.displayName = "StyledActionButtonsContainer";
+StyledActionButtonsContainer.displayName = 'StyledActionButtonsContainer';
+export const StyledTitle = styled('div', ({
+  $theme,
+  $expanded = false
+}) => ({
+  alignSelf: 'center',
+  justifyContent: 'flex-start',
+  ...($expanded ? $theme.typography.DisplayXSmall : $theme.typography.LabelLarge),
+  ...($expanded ? {
+    gridColumn: '1 / 4',
+    gridRow: 2,
+    paddingLeft: $theme.sizing.scale600
+  } : {}),
+  // truncate long titles
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden'
+}));
+StyledTitle.displayName = "StyledTitle";
+StyledTitle.displayName = 'StyledTitle';

package/es/mobile-header/types.js

@@ -0,0 +1 @@
+export {};

package/es/slider/slider.js

@@ -131,7 +131,8 @@ function Slider({
         },
         $thumbIndex: index,
         $isDragged: isDragged,
-        style: { ...props.style
+        style: { ...props.style,
+          zIndex: 'unset'
         }
       }, sharedProps, thumbProps, {
         $isFocusVisible: isFocusVisible && focusedThumbIndex === index

package/es/stepper/index.js

@@ -0,0 +1,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.
+*/
+export { default as Stepper } from './stepper';
+export * from './styled-components';
+export * from './types';

package/es/stepper/stepper.js

@@ -0,0 +1,90 @@
+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); }
+
+/*
+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.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides';
+import { Button, KIND, SHAPE, SIZE } from '../button';
+import { Input as DefaultInput } from '../input';
+import { Plus, CheckIndeterminate } from '../icon';
+import { StyledRoot } from './styled-components';
+import { useStyletron } from '../styles';
+
+const DefaultButton = ({
+  children,
+  ...restProps
+}) => {
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    shape: SHAPE.circle,
+    kind: KIND.secondary,
+    size: SIZE.compact
+  }, restProps), children);
+};
+
+export function Stepper({
+  value,
+  disabled = false,
+  overrides = {},
+  setValue,
+  minValue = 0,
+  maxValue
+}) {
+  const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
+  const [Input, inputProps] = getOverrides(overrides.Input, DefaultInput);
+  const [DecrementButton, decrementButtonProps] = getOverrides(overrides.DecrementButton, DefaultButton);
+  const [DecrementButtonIcon, decrementButtonIconProps] = getOverrides(overrides.DecrementButtonIcon, CheckIndeterminate);
+  const [IncrementButton, incrementButtonProps] = getOverrides(overrides.DecrementButton, DefaultButton);
+  const [IncrementButtonIcon, incrementButtonIconProps] = getOverrides(overrides.DecrementButtonIcon, Plus);
+
+  const handleInputChange = e => {
+    const newValue = Number(e.target.value);
+
+    if (!isNaN(newValue) && (!maxValue || newValue <= maxValue) && newValue >= minValue) {
+      setValue(newValue);
+    }
+  };
+
+  const [, theme] = useStyletron();
+  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(DecrementButton, _extends({
+    onClick: () => setValue(value - 1),
+    disabled: disabled || value <= minValue,
+    "aria-label": "decrement value"
+  }, decrementButtonProps), /*#__PURE__*/React.createElement(DecrementButtonIcon, decrementButtonIconProps)), /*#__PURE__*/React.createElement(Input, _extends({
+    value: value,
+    onChange: handleInputChange,
+    disabled: disabled,
+    "aria-label": "value",
+    overrides: {
+      Root: {
+        style: {
+          maxWidth: '36px',
+          height: '36px',
+          borderLeftStyle: 'none',
+          borderRightStyle: 'none',
+          borderTopStyle: 'none',
+          borderBottomStyle: 'none'
+        }
+      },
+      Input: {
+        style: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          paddingLeft: 0,
+          paddingRight: 0,
+          textAlign: 'center',
+          backgroundColor: theme.colors.backgroundPrimary,
+          ...theme.typography.LabelLarge
+        }
+      }
+    }
+  }, inputProps)), /*#__PURE__*/React.createElement(IncrementButton, _extends({
+    onClick: () => setValue(value + 1),
+    disabled: disabled || value >= maxValue,
+    "aria-label": "increment value"
+  }, incrementButtonProps), /*#__PURE__*/React.createElement(IncrementButtonIcon, incrementButtonIconProps)));
+}
+export default Stepper;

package/es/stepper/styled-components.js

@@ -0,0 +1,20 @@
+/*
+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.
+*/
+import { styled } from '../styles';
+export const StyledRoot = styled('div', ({
+  $theme
+}) => ({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  boxSizing: 'border-box',
+  maxWidth: '139px',
+  height: '48px',
+  padding: $theme.sizing.scale550
+}));
+StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';

package/es/stepper/types.js

@@ -0,0 +1 @@
+export {};

package/esm/mobile-header/constants.js

@@ -0,0 +1,10 @@
+/*
+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.
+*/
+export var TYPE = Object.freeze({
+  fixed: 'fixed',
+  floating: 'floating'
+});

package/esm/mobile-header/index.js

@@ -0,0 +1,10 @@
+/*
+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.
+*/
+export { default as MobileHeader } from './mobile-header';
+export * from './constants';
+export * from './styled-components';
+export * from './types';

package/esm/mobile-header/mobile-header.js

@@ -0,0 +1,158 @@
+var _excluded = ["children", "type"];
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+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; }
+
+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; }
+
+/*
+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.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides';
+import { Button, KIND, SHAPE } from '../button';
+import { StyledRoot, StyledNavContainer, StyledTitle, StyledActionButtonsContainer } from './styled-components';
+import { TYPE } from './constants';
+import { useStyletron } from '../styles/index';
+
+var renderButtonContent = function renderButtonContent(content) {
+  if (typeof content === 'string') {
+    return content;
+  }
+
+  var Icon = content;
+  return /*#__PURE__*/React.createElement(Icon, {
+    size: 32
+  });
+};
+
+var DefaultHeaderButton = function DefaultHeaderButton(_ref) {
+  var children = _ref.children,
+      type = _ref.type,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var _useStyletron = useStyletron(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var isFloating = type === TYPE.floating;
+  var hasTextContent = typeof children === 'string';
+  var shouldHaveTrailingMargin = isFloating || !hasTextContent;
+  var trailingMargin = theme.direction === 'rtl' ? {
+    marginLeft: theme.sizing.scale300
+  } : {
+    marginRight: theme.sizing.scale300
+  };
+
+  var style = _objectSpread(_objectSpread(_objectSpread({}, !hasTextContent ? {
+    height: '48px',
+    width: '48px',
+    paddingTop: 0,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0
+  } : {}), shouldHaveTrailingMargin ? trailingMargin : {}), isFloating ? {
+    backgroundColor: theme.colors.backgroundPrimary
+  } : {});
+
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    kind: KIND.tertiary,
+    shape: SHAPE.pill,
+    overrides: {
+      BaseButton: {
+        style: style
+      }
+    }
+  }, restProps), children);
+};
+
+export function MobileHeader(_ref2) {
+  var _ref2$overrides = _ref2.overrides,
+      overrides = _ref2$overrides === void 0 ? {} : _ref2$overrides,
+      title = _ref2.title,
+      navButton = _ref2.navButton,
+      _ref2$actionButtons = _ref2.actionButtons,
+      actionButtons = _ref2$actionButtons === void 0 ? [] : _ref2$actionButtons,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? TYPE.fixed : _ref2$type,
+      _ref2$expanded = _ref2.expanded,
+      expanded = _ref2$expanded === void 0 ? false : _ref2$expanded;
+
+  var _getOverrides = getOverrides(overrides.Root, StyledRoot),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      Root = _getOverrides2[0],
+      rootProps = _getOverrides2[1];
+
+  var _getOverrides3 = getOverrides(overrides.Title, StyledTitle),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      Title = _getOverrides4[0],
+      titleProps = _getOverrides4[1];
+
+  var _getOverrides5 = getOverrides(overrides.NavContainer, StyledNavContainer),
+      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
+      NavContainer = _getOverrides6[0],
+      navContainerProps = _getOverrides6[1];
+
+  var _getOverrides7 = getOverrides(overrides.HeaderButton, DefaultHeaderButton),
+      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
+      HeaderButton = _getOverrides8[0],
+      iconButtonProps = _getOverrides8[1];
+
+  var _getOverrides9 = getOverrides(overrides.ActionButtonsContainer, StyledActionButtonsContainer),
+      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
+      ActionButtonsContainer = _getOverrides10[0],
+      actionButtonsContainerProps = _getOverrides10[1];
+
+  if (actionButtons.length > 2 && process.env.NODE_ENV !== "production") {
+    console.warn("MobileHeader can only render two additional buttons. Received ".concat(actionButtons.length));
+  }
+
+  return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {
+    $type: type,
+    $expanded: expanded
+  }), /*#__PURE__*/React.createElement(NavContainer, _extends({
+    $type: type,
+    $hasTextContent: !Boolean(navButton.renderIcon)
+  }, navContainerProps), /*#__PURE__*/React.createElement(HeaderButton, _extends({
+    onClick: navButton.onClick,
+    type: type,
+    "aria-label": navButton.label
+  }, iconButtonProps), renderButtonContent(navButton.renderIcon || navButton.label))), type === TYPE.fixed && /*#__PURE__*/React.createElement(Title, _extends({
+    $type: type,
+    $expanded: expanded
+  }, titleProps), title), actionButtons.length > 0 && /*#__PURE__*/React.createElement(ActionButtonsContainer, actionButtonsContainerProps, actionButtons.map(function (button, idx) {
+    var renderIcon = button.renderIcon,
+        onClick = button.onClick,
+        label = button.label;
+    return /*#__PURE__*/React.createElement(HeaderButton, _extends({
+      onClick: onClick,
+      "aria-label": label,
+      type: type
+    }, iconButtonProps, {
+      key: idx
+    }), renderButtonContent(renderIcon || label));
+  })));
+}
+export default MobileHeader;

package/esm/mobile-header/styled-components.js

@@ -0,0 +1,79 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+/*
+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.
+*/
+import { styled } from '../styles';
+import { TYPE } from './constants';
+export var StyledRoot = styled('div', function (_ref) {
+  var $theme = _ref.$theme,
+      $type = _ref.$type;
+  return _objectSpread({
+    width: '100%',
+    display: 'grid',
+    gridTemplateColumns: 'auto 1fr auto'
+  }, $type === TYPE.floating ? {
+    backgroundColor: 'transparent',
+    pointerEvents: 'none'
+  } : {
+    backgroundColor: $theme.colors.backgroundPrimary
+  });
+});
+StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
+export var StyledNavContainer = styled('div', function (_ref2) {
+  var $hasTextContent = _ref2.$hasTextContent,
+      $type = _ref2.$type,
+      $theme = _ref2.$theme;
+  var floatingPadding = $theme.direction === 'rtl' ? {
+    paddingRight: $theme.sizing.scale300
+  } : {
+    paddingLeft: $theme.sizing.scale300
+  };
+  return _objectSpread({
+    pointerEvents: 'auto'
+  }, $hasTextContent && $type === TYPE.fixed ? {} : floatingPadding);
+});
+StyledNavContainer.displayName = "StyledNavContainer";
+StyledNavContainer.displayName = 'StyledNavContainer';
+export var StyledActionButtonsContainer = styled('div', function (_ref3) {
+  _objectDestructuringEmpty(_ref3);
+
+  return {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    gridColumn: '3 / 4',
+    pointerEvents: 'auto'
+  };
+});
+StyledActionButtonsContainer.displayName = "StyledActionButtonsContainer";
+StyledActionButtonsContainer.displayName = 'StyledActionButtonsContainer';
+export var StyledTitle = styled('div', function (_ref4) {
+  var $theme = _ref4.$theme,
+      _ref4$$expanded = _ref4.$expanded,
+      $expanded = _ref4$$expanded === void 0 ? false : _ref4$$expanded;
+  return _objectSpread(_objectSpread(_objectSpread({
+    alignSelf: 'center',
+    justifyContent: 'flex-start'
+  }, $expanded ? $theme.typography.DisplayXSmall : $theme.typography.LabelLarge), $expanded ? {
+    gridColumn: '1 / 4',
+    gridRow: 2,
+    paddingLeft: $theme.sizing.scale600
+  } : {}), {}, {
+    // truncate long titles
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden'
+  });
+});
+StyledTitle.displayName = "StyledTitle";
+StyledTitle.displayName = 'StyledTitle';

package/esm/mobile-header/types.js

@@ -0,0 +1 @@
+export {};

package/esm/slider/slider.js

@@ -219,7 +219,9 @@ function Slider(_ref) {
         },
         $thumbIndex: index,
         $isDragged: isDragged,
-        style: _objectSpread({}, props.style)
+        style: _objectSpread(_objectSpread({}, props.style), {}, {
+          zIndex: 'unset'
+        })
       }, sharedProps, thumbProps, {
         $isFocusVisible: isFocusVisible && focusedThumbIndex === index
       }), displayLabel && /*#__PURE__*/React.createElement(ThumbValue, _extends({

package/esm/stepper/index.js

@@ -0,0 +1,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.
+*/
+export { default as Stepper } from './stepper';
+export * from './styled-components';
+export * from './types';