baseui 12.1.3 → 13.0.0

package/side-navigation/side-navigation-next.js

@@ -0,0 +1,381 @@
+"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.SideNavigation = SideNavigation;
+exports.SideNavigationHeader = SideNavigationHeader;
+exports.SideNavigationItem = SideNavigationItem;
+exports.SideNavigationSection = SideNavigationSection;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactUid = require("react-uid");
+
+var _overrides = require("../helpers/overrides");
+
+var _chevronDown = _interopRequireDefault(require("../icon/chevron-down"));
+
+var _chevronUp = _interopRequireDefault(require("../icon/chevron-up"));
+
+var _index = require("../styles/index");
+
+var _excluded = ["ListItem"],
+    _excluded2 = ["children", "overrides"],
+    _excluded3 = ["ListItem"],
+    _excluded4 = ["children", "id", "overrides"],
+    _excluded5 = ["List", "ListItem"];
+
+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 _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 _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; }
+
+var SideNavigationContext = /*#__PURE__*/(0, _react.createContext)({
+  activeItemId: null
+});
+var StyledList = (0, _index.styled)('ul', function (_ref) {
+  var _ref$$open = _ref.$open,
+      $open = _ref$$open === void 0 ? true : _ref$$open;
+  return {
+    display: $open ? 'block' : 'none',
+    margin: 0,
+    padding: 0
+  };
+});
+StyledList.displayName = "StyledList";
+var StyledListItem = (0, _index.styled)('li', {
+  listStyleType: 'none'
+});
+StyledListItem.displayName = "StyledListItem";
+
+function SideNavigation(props) {
+  var _props$activeItemId = props.activeItemId,
+      activeItemId = _props$activeItemId === void 0 ? null : _props$activeItemId,
+      children = props.children,
+      _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides;
+
+  var _getOverrides = (0, _overrides.getOverrides)(overrides.List, StyledList),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      List = _getOverrides2[0],
+      listProps = _getOverrides2[1];
+
+  return /*#__PURE__*/_react.default.createElement(SideNavigationContext.Provider, {
+    value: {
+      activeItemId: activeItemId
+    }
+  }, /*#__PURE__*/_react.default.createElement(List, listProps, children));
+}
+
+var StyledStartWrapper = (0, _index.styled)('div', function () {
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-start'
+  };
+});
+StyledStartWrapper.displayName = "StyledStartWrapper";
+var StyledEndWrapper = (0, _index.styled)('div', function (_ref2) {
+  var $theme = _ref2.$theme;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    width: $theme.sizing.scale900
+  };
+});
+StyledEndWrapper.displayName = "StyledEndWrapper";
+var StyledStartEnhancerWrapper = (0, _index.styled)('div', function (_ref3) {
+  var $theme = _ref3.$theme;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    width: $theme.sizing.scale950
+  };
+});
+StyledStartEnhancerWrapper.displayName = "StyledStartEnhancerWrapper";
+var StyledAction = (0, _index.styled)('a', function (props) {
+  var $active = props.$active,
+      $clickable = props.$clickable,
+      $disabled = props.$disabled,
+      $indent = props.$indent,
+      $theme = props.$theme;
+  var colors = $theme.colors,
+      sizing = $theme.sizing,
+      typography = $theme.typography;
+  var paddingLeft = parseInt(sizing.scale600) + parseInt(sizing.scale950) * Math.max($indent, 0) + 'px';
+
+  var style = _objectSpread({
+    alignItems: 'center',
+    background: 'none',
+    borderTop: 'none',
+    borderRight: 'none',
+    borderBottom: 'none',
+    borderLeft: $active ? "solid ".concat(sizing.scale100, " ").concat(colors.contentPrimary) : "solid ".concat(sizing.scale100, " transparent"),
+    boxShadow: $active ? 'inset 999px 999px 0px rgb(0 0 0 / 8%)' : 'none',
+    boxSizing: 'border-box',
+    color: !$clickable || $active ? colors.contentPrimary : colors.contentSecondary,
+    display: 'flex',
+    font: 'inherit',
+    justifyContent: 'space-between',
+    overflowWrap: 'anywhere',
+    paddingTop: sizing.scale550,
+    paddingRight: sizing.scale600,
+    paddingBottom: sizing.scale550,
+    paddingLeft: paddingLeft,
+    textDecoration: 'none',
+    width: '100%'
+  }, typography.LabelMedium);
+
+  if ($clickable) {
+    style[':hover'] = {
+      boxShadow: 'inset 999px 999px 0px rgb(0 0 0 / 4%)',
+      cursor: 'pointer'
+    };
+  }
+
+  if ($disabled) {
+    style.color = colors.contentStateDisabled;
+    style.cursor = 'not-allowed';
+  }
+
+  return style;
+});
+StyledAction.displayName = "StyledAction";
+
+function Item(props) {
+  var ariaControls = props.ariaControls,
+      ariaExpanded = props.ariaExpanded,
+      _props$active = props.active,
+      active = _props$active === void 0 ? false : _props$active,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      endEnhancer = props.endEnhancer,
+      href = props.href,
+      _props$indent = props.indent,
+      indent = _props$indent === void 0 ? 0 : _props$indent,
+      label = props.label,
+      onClick = props.onClick,
+      _props$overrides2 = props.overrides,
+      overrides = _props$overrides2 === void 0 ? {} : _props$overrides2,
+      startEnhancer = props.startEnhancer;
+
+  if (!label) {
+    return null;
+  }
+
+  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.Action, StyledAction),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      Action = _getOverrides4[0],
+      actionProps = _getOverrides4[1];
+
+  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.EndWrapper, StyledEndWrapper),
+      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
+      EndWrapper = _getOverrides6[0],
+      endWrapperProps = _getOverrides6[1];
+
+  var _getOverrides7 = (0, _overrides.getOverrides)(overrides.StartEnhancerWrapper, StyledStartEnhancerWrapper),
+      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
+      StartEnhancerWrapper = _getOverrides8[0],
+      startEnhancerWrapperProps = _getOverrides8[1];
+
+  var _getOverrides9 = (0, _overrides.getOverrides)(overrides.StartWrapper, StyledStartWrapper),
+      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
+      StartWrapper = _getOverrides10[0],
+      startWrapperProps = _getOverrides10[1];
+
+  var clickable = Boolean((onClick || href) && !disabled);
+  var actionElement = clickable ? href ? 'a' : 'button' : 'div';
+  return /*#__PURE__*/_react.default.createElement(Action, _extends({
+    $active: active,
+    $as: actionElement,
+    $clickable: clickable,
+    $disabled: disabled,
+    $indent: indent,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    href: href,
+    onClick: onClick,
+    type: actionElement === 'button' ? 'button' : undefined
+  }, actionProps), /*#__PURE__*/_react.default.createElement(StartWrapper, startWrapperProps, startEnhancer && /*#__PURE__*/_react.default.createElement(StartEnhancerWrapper, startEnhancerWrapperProps, startEnhancer), label), endEnhancer && /*#__PURE__*/_react.default.createElement(EndWrapper, endWrapperProps, endEnhancer));
+}
+
+function SideNavigationHeader(_ref4) {
+  var children = _ref4.children,
+      _ref4$overrides = _ref4.overrides;
+  _ref4$overrides = _ref4$overrides === void 0 ? {} : _ref4$overrides;
+
+  var ListItem = _ref4$overrides.ListItem,
+      overrides = _objectWithoutProperties(_ref4$overrides, _excluded),
+      props = _objectWithoutProperties(_ref4, _excluded2);
+
+  var _getOverrides11 = (0, _overrides.getOverrides)(ListItem, StyledListItem),
+      _getOverrides12 = _slicedToArray(_getOverrides11, 2),
+      OverridedListItem = _getOverrides12[0],
+      listItemProps = _getOverrides12[1];
+
+  return /*#__PURE__*/_react.default.createElement(OverridedListItem, listItemProps, /*#__PURE__*/_react.default.createElement(Item, _extends({}, props, {
+    label: children,
+    overrides: overrides
+  })));
+}
+
+function SideNavigationItem(_ref5) {
+  var children = _ref5.children,
+      id = _ref5.id,
+      _ref5$overrides = _ref5.overrides;
+  _ref5$overrides = _ref5$overrides === void 0 ? {} : _ref5$overrides;
+
+  var ListItem = _ref5$overrides.ListItem,
+      overrides = _objectWithoutProperties(_ref5$overrides, _excluded3),
+      props = _objectWithoutProperties(_ref5, _excluded4);
+
+  var _React$useContext = _react.default.useContext(SideNavigationContext),
+      activeItemId = _React$useContext.activeItemId;
+
+  var _getOverrides13 = (0, _overrides.getOverrides)(ListItem, StyledListItem),
+      _getOverrides14 = _slicedToArray(_getOverrides13, 2),
+      OverridedListItem = _getOverrides14[0],
+      listItemProps = _getOverrides14[1];
+
+  return /*#__PURE__*/_react.default.createElement(OverridedListItem, listItemProps, /*#__PURE__*/_react.default.createElement(Item, _extends({}, props, {
+    label: children,
+    active: activeItemId === id,
+    overrides: overrides
+  })));
+}
+
+function SideNavigationSection(props) {
+  var _props$active2 = props.active,
+      active = _props$active2 === void 0 ? false : _props$active2,
+      children = props.children,
+      _props$forceOpen = props.forceOpen,
+      forceOpen = _props$forceOpen === void 0 ? false : _props$forceOpen,
+      _props$indent2 = props.indent,
+      indent = _props$indent2 === void 0 ? 0 : _props$indent2,
+      _props$overrides3 = props.overrides;
+  _props$overrides3 = _props$overrides3 === void 0 ? {} : _props$overrides3;
+
+  var List = _props$overrides3.List,
+      ListItem = _props$overrides3.ListItem,
+      overrides = _objectWithoutProperties(_props$overrides3, _excluded5),
+      startEnhancer = props.startEnhancer,
+      title = props.title;
+
+  var _useStyletron = (0, _index.useStyletron)(),
+      _useStyletron2 = _slicedToArray(_useStyletron, 2),
+      theme = _useStyletron2[1];
+
+  var _useContext = (0, _react.useContext)(SideNavigationContext),
+      activeItemId = _useContext.activeItemId;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var uid = (0, _reactUid.useUID)();
+  (0, _react.useEffect)(function () {
+    var childIsActive = false;
+
+    if (activeItemId != null) {
+      var stack = _react.default.Children.toArray(children);
+
+      while (stack.length) {
+        var current = stack.pop();
+
+        if ( /*#__PURE__*/(0, _react.isValidElement)(current)) {
+          if (current.props.id === activeItemId) {
+            childIsActive = true;
+            break;
+          }
+
+          if (current.props.children) {
+            stack = stack.concat(_react.default.Children.toArray(current.props.children));
+          }
+        }
+      }
+    }
+
+    if (childIsActive) {
+      setOpen(true);
+    } else {
+      setOpen(false);
+    }
+  }, [activeItemId, children]);
+  (0, _react.useEffect)(function () {
+    if (forceOpen) {
+      setOpen(true);
+    }
+  }, [forceOpen]);
+
+  if (_react.default.Children.toArray(children).filter(_react.default.isValidElement).length === 0) {
+    return null;
+  }
+
+  var Chevron = open ? _chevronUp.default : _chevronDown.default;
+
+  var _getOverrides15 = (0, _overrides.getOverrides)(List, StyledList),
+      _getOverrides16 = _slicedToArray(_getOverrides15, 2),
+      OverridedList = _getOverrides16[0],
+      overridedListProps = _getOverrides16[1];
+
+  var _getOverrides17 = (0, _overrides.getOverrides)(ListItem, StyledListItem),
+      _getOverrides18 = _slicedToArray(_getOverrides17, 2),
+      OverridedListItem = _getOverrides18[0],
+      overridedListItemProps = _getOverrides18[1];
+
+  return /*#__PURE__*/_react.default.createElement(OverridedListItem, overridedListItemProps, /*#__PURE__*/_react.default.createElement(Item, {
+    ariaControls: uid,
+    ariaExpanded: open,
+    endEnhancer: /*#__PURE__*/_react.default.createElement(Chevron, {
+      title: "",
+      size: theme.sizing.scale800
+    }),
+    label: title,
+    indent: indent,
+    onClick: function onClick() {
+      return setOpen(function (prev) {
+        return !prev;
+      });
+    },
+    overrides: overrides,
+    startEnhancer: startEnhancer
+  }), /*#__PURE__*/_react.default.createElement(OverridedList, _extends({
+    id: uid,
+    $open: open
+  }, overridedListProps), _react.default.Children.map(children, function (child) {
+    return child === null ? null : /*#__PURE__*/_react.default.cloneElement(child, {
+      indent: indent + 1
+    });
+  })));
+}

package/side-navigation/styled-components.js

@@ -72,7 +72,8 @@ var StyledNavLink = (0, _styles.styled)('a', function (_ref) {
 });
 exports.StyledNavLink = StyledNavLink;
 StyledNavLink.displayName = "StyledNavLink";
-StyledNavLink.displayName = 'StyledNavLink';
+StyledNavLink.displayName = 'StyledNavLink'; // @ts-ignore
+
 var StyledNavItemElement = (0, _styles.styled)('div', function (props) {
   var _ref2;
 
@@ -112,7 +113,8 @@ var StyledNavItemElement = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledNavItemElement = StyledNavItemElement;
 StyledNavItemElement.displayName = "StyledNavItemElement";
-StyledNavItemElement.displayName = 'StyledNavItemElement';
+StyledNavItemElement.displayName = 'StyledNavItemElement'; // @ts-ignore
+
 var StyledNavItem = (0, _styles.withWrapper)(StyledNavItemElement, function (Styled) {
   return (// eslint-disable-next-line @typescript-eslint/no-unused-vars
     function StyledNav(_ref3) {

package/side-navigation/types.d.ts

@@ -3,12 +3,12 @@ import type { Override } from '../helpers/overrides';
 declare const stateChangeType: Readonly<{
     readonly change: "change";
 }>;
-export declare type StateType = typeof stateChangeType[keyof typeof stateChangeType];
-export declare type State = {
+export type StateType = (typeof stateChangeType)[keyof typeof stateChangeType];
+export type State = {
     activeItemId?: string;
 };
-export declare type StateReducer = (stateType: StateType, nextState: State, currentState: State) => State;
-export declare type SharedProps = {
+export type StateReducer = (stateType: StateType, nextState: State, currentState: State) => State;
+export type SharedProps = {
     /** Defines if the nav item is currently selected */
     $active: boolean;
     /** Defines the nesting level of the rendered nav item */
@@ -18,14 +18,14 @@ export declare type SharedProps = {
     /** Defines if the nav item is disabled */
     $disabled: boolean;
 };
-export declare type NavigationOverrides = {
+export type NavigationOverrides = {
     Root?: Override;
     NavItemContainer?: Override;
     NavLink?: Override;
     NavItem?: Override;
     SubNavContainer?: Override;
 };
-export declare type NavigationProps = {
+export type NavigationProps = {
     /** Defines the current active itemId. Used for the default calculation of the $active prop */
     activeItemId: string;
     /**
@@ -49,7 +49,7 @@ export declare type NavigationProps = {
     /** Optional transform function that is called for each Item */
     mapItem?: ((item: Item) => Item) | null;
 };
-export declare type Item = {
+export type Item = {
     /** Navigation item's title to render */
     title: React.ReactNode;
     /**
@@ -64,11 +64,11 @@ export declare type Item = {
     /** Renders the item in disabled state */
     disabled?: boolean;
 };
-export declare type NavItemOverrides = {
+export type NavItemOverrides = {
     NavLink?: Override;
     NavItem?: Override;
 };
-export declare type NavItemProps = SharedProps & {
+export type NavItemProps = SharedProps & {
     item: Item;
     /** Used as a performance optimization if many nav items are rendered. Function provided to
      *  NavItem component's React.memo call.
@@ -80,7 +80,7 @@ export declare type NavItemProps = SharedProps & {
     }) => unknown;
     overrides: NavItemOverrides;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     children: (a: NavigationProps) => React.ReactNode;
     /** Initial state of an uncontrolled component. */
     initialState?: State;
@@ -91,8 +91,8 @@ export declare type StatefulContainerProps = {
         event: Event | KeyboardEvent;
     }) => unknown;
 };
-declare type Exclude = {
+type Exclude = {
     children: (a: NavigationProps) => React.ReactNode;
 };
-export declare type StatefulNavProps = Omit<StatefulContainerProps, keyof Exclude>;
+export type StatefulNavProps = Omit<StatefulContainerProps, keyof Exclude>;
 export {};

package/skeleton/index.d.ts

@@ -1,4 +1,4 @@
 import type { SkeletonProps } from './types';
 export { default as Skeleton } from './skeleton';
 /** @deprecated use SkeletonProps instead. To be removed in future versions.*/
-export declare type SkeletonPropsT = SkeletonProps;
+export type SkeletonPropsT = SkeletonProps;

package/skeleton/skeleton.js

@@ -93,6 +93,8 @@ var Skeleton = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/React.createElement(Row, _extends({
             $animation: _this.props.animation,
             key: index,
+            $rowIndex: index // @ts-ignore
+            ,
             $isLastRow: index === _this.props.rows - 1
           }, rowProps));
         }));

package/skeleton/skeleton.js.flow

@@ -36,7 +36,7 @@ class Skeleton extends React.Component<SkeletonPropsT> {
               <Row
                 $animation={this.props.animation}
                 key={index}
-                $isLastRow={index === this.props.rows - 1}
+                $isLastRow={index === (typeof this.props.rows !== 'undefined' ? this.props.rows : 0) - 1}
                 {...rowProps}
               ></Row>
             ))}

package/skeleton/styled-components.d.ts

@@ -7,4 +7,5 @@ export declare const StyledRoot: import("styletron-react").StyletronComponent<"d
 export declare const StyledRow: import("styletron-react").StyletronComponent<"div", {
     $animation?: boolean;
     $isLastRow: boolean;
+    $rowIndex: number;
 }>;

package/skeleton/styled-components.js

@@ -13,6 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 getAnimationColor(props) {
   var $theme = props.$theme;
   return "linear-gradient(135deg,\n    ".concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundSecondary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ",\n    ").concat($theme.colors.backgroundTertiary, ")");

package/skeleton/types.d.ts

@@ -1,12 +1,12 @@
 import type { Override } from '../helpers/overrides';
-export declare type SkeletonOverrides = {
+export type SkeletonOverrides = {
     Row?: Override;
     Root?: Override;
 };
-export declare type SkeletonProps = {
+export type SkeletonProps = {
     overrides?: SkeletonOverrides;
     /** Defines the number of row element in a skeleton */
-    rows: number;
+    rows?: number;
     /** Defines if the skeleton has an animation default is false*/
     animation: boolean;
     /** Defines the height of the skeleton container*/

package/skeleton/types.js.flow

@@ -16,7 +16,7 @@ export type OverridesT = {
 export type SkeletonPropsT = {
   overrides?: OverridesT,
   /** Defines the number of row element in a skeleton */
-  rows: number,
+  rows?: number,
   /** Defines if the skeleton has an animation default is false*/
   animation: boolean,
   /** Defines the height of the skeleton container*/

package/slider/index.d.ts

@@ -5,4 +5,4 @@ export { default as StatefulContainer } from './stateful-slider-container';
 export { Root as StyledRoot, Track as StyledTrack, InnerTrack as StyledInnerTrack, Thumb as StyledThumb, InnerThumb as StyledInnerThumb, Tick as StyledTick, TickBar as StyledTickBar, ThumbValue as StyledThumbValue, Mark as StyledMark, } from './styled-components';
 export * from './types';
 /** @deprecated use StyleProps instead. To be removed in future versions.*/
-export declare type SharedProps = StyleProps;
+export type SharedProps = StyleProps;

package/slider/slider.js

@@ -231,7 +231,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/slider/types.d.ts

@@ -1,11 +1,11 @@
 import type { Override } from '../helpers/overrides';
 import type { STATE_CHANGE_TYPE } from './constants';
 import type { ReactNode } from 'react';
-export declare type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
-export declare type Params = {
+export type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
+export type Params = {
     value: Array<number>;
 };
-export declare type SliderOverrides = {
+export type SliderOverrides = {
     Root?: Override;
     Track?: Override;
     InnerTrack?: Override;
@@ -16,7 +16,7 @@ export declare type SliderOverrides = {
     ThumbValue?: Override;
     Mark?: Override;
 };
-export declare type SliderProps = {
+export type SliderProps = {
     /** Position of the thumbs. It can be a single point (one thumb) or 2 points array (range thumbs). */
     value: Array<number>;
     /** The minimum allowed value of the slider. Should not be bigger than max. */
@@ -39,11 +39,11 @@ export declare type SliderProps = {
     /** Handler for events on trigger element, each time thumbs finish changing selection, which is passed in `value`. */
     onFinalChange?: (a: Params) => unknown;
 };
-export declare type State = {
+export type State = {
     value: Array<number>;
 };
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
-export declare type StatefulContainerProps = {
+export type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
+export type StatefulContainerProps = {
     overrides?: SliderOverrides;
     children: (a: SliderProps) => ReactNode;
     min: number;
@@ -58,11 +58,11 @@ export declare type StatefulContainerProps = {
     /** Handler for events on trigger element, each time thumbs finish changing selection, which is passed in `value`. */
     onFinalChange: (a: {} & Params) => unknown;
 };
-export declare type StatefulSliderProps = {
+export type StatefulSliderProps = {
     /** Initial state populated into the component */
     initialState?: State;
 } & Omit<SliderProps, 'value'>;
-export declare type StyleProps = {
+export type StyleProps = {
     $disabled?: boolean;
     $isDragged?: boolean;
     $marks?: boolean;

package/snackbar/index.d.ts

@@ -5,12 +5,12 @@ export { default as SnackbarProvider, useSnackbar } from './snackbar-context';
 export { StyledRoot, StyledContent, StyledStartEnhancerContainer, StyledSpinner, StyledMessage, StyledWrapActionButtonContainer, StyledActionButtonContainer, StyledPlacementContainer, } from './styled-components';
 export * from './types';
 /** @deprecated use Duration instead. To be removed in future versions.*/
-export declare type DurationT = Duration;
+export type DurationT = Duration;
 /** @deprecated use Placement instead. To be removed in future versions.*/
-export declare type PlacementT = Placement;
+export type PlacementT = Placement;
 /** @deprecated use SnackbarElementOverrides instead. To be removed in future versions.*/
-export declare type SnackbarElementOverridesT = SnackbarElementOverrides;
+export type SnackbarElementOverridesT = SnackbarElementOverrides;
 /** @deprecated use SnackbarElementProps instead. To be removed in future versions.*/
-export declare type SnackbarElementPropsT = SnackbarElementProps;
+export type SnackbarElementPropsT = SnackbarElementProps;
 /** @deprecated use SnackbarProviderProps instead. To be removed in future versions.*/
-export declare type SnackbarProviderPropsT = SnackbarProviderProps;
+export type SnackbarProviderPropsT = SnackbarProviderProps;

package/snackbar/snackbar-context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SnackbarElementProps, SnackbarProviderProps, Duration } from './types';
-declare type Context = {
+type Context = {
     enqueue: (elementProps: SnackbarElementProps, duration?: Duration) => void;
     dequeue: () => void;
 };