@pingux/astro 2.41.0-alpha.0 → 2.41.0-alpha.2

package/lib/cjs/components/Bracket/Bracket.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BracketProps } from '../../types';
+declare const Bracket: React.ForwardRefExoticComponent<BracketProps & React.RefAttributes<HTMLElement>>;
+export default Bracket;

package/lib/cjs/components/Bracket/Bracket.js

@@ -12,7 +12,6 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _index = require("../../index");
 var _colors = require("../../styles/colors");
@@ -24,7 +23,7 @@ var Bracket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var isLast = props.isLast,
     color = props.color,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var bracketRef = (0, _react.useRef)();
+  var bracketRef = (0, _react.useRef)(null);
 
   /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
@@ -65,8 +64,6 @@ var Bracket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, "bracket-fill"), (0, _react2.jsx)("g", {
     transform: "translate(-0.85, 0)"
   }, (0, _react2.jsx)("title", null, "Layer 3"), (0, _react2.jsx)("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
     y2: "0",
     x2: "1",
     y1: "10",
@@ -88,8 +85,6 @@ var Bracket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, (0, _react2.jsx)("title", {
     id: "bracket-fill-1-icon-title-".concat(bracketFillOneId)
   }, "bracket-fill"), (0, _react2.jsx)("g", null, (0, _react2.jsx)("title", null, "Layer 1"), (0, _react2.jsx)("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
     y2: "0",
     x2: "0",
     y1: "10",
@@ -114,11 +109,5 @@ var Bracket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 Bracket.defaultProps = {
   color: _colors.line.light
 };
-Bracket.propTypes = {
-  /** A prop to set the strokes color. */
-  color: _propTypes["default"].string,
-  /** Whether or not the bracket is the last in a series of brackets. */
-  isLast: _propTypes["default"].bool
-};
 var _default = Bracket;
 exports["default"] = _default;

package/lib/cjs/components/Bracket/Bracket.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { BracketProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<BracketProps>;
+export declare const IsLast: {
+    (): React.JSX.Element;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

package/lib/cjs/components/Bracket/Bracket.stories.js

@@ -9,7 +9,7 @@ exports["default"] = exports.IsLast = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _Bracket = _interopRequireDefault(require("./Bracket.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

package/lib/cjs/components/Bracket/Bracket.styles.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    base: {
+        width: string;
+        pl: string;
+        ml: string;
+        position: string;
+    };
+};
+export default _default;

package/lib/cjs/components/Bracket/Bracket.test.d.ts

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

package/lib/cjs/components/Bracket/Bracket.test.js

@@ -19,7 +19,7 @@ var getComponent = function getComponent() {
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({
   renderComponent: function renderComponent(props) {
-    return (0, _react3.jsx)(_["default"], props);
+    return (0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props));
   }
 });
 test('default bracket', function () {

package/lib/cjs/components/Bracket/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Bracket';

package/lib/cjs/components/Separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SeparatorProps } from '../../types';
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+export default Separator;

package/lib/cjs/components/Separator/Separator.js

@@ -13,7 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
 var _Box = _interopRequireDefault(require("../Box/Box"));
@@ -25,7 +24,7 @@ var Separator = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
     orientation = props.orientation,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useSeparator = (0, _reactAria.useSeparator)(props, ref),
+  var _useSeparator = (0, _reactAria.useSeparator)(props),
     separatorProps = _useSeparator.separatorProps;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
       'is-vertical': orientation === _orientation["default"].VERTICAL,
@@ -36,15 +35,10 @@ var Separator = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: ref,
     className: classNames,
     variant: "separator.base"
-  }, others, separatorProps));
+  }, others, separatorProps, {
+    role: "separator"
+  }));
 });
-Separator.propTypes = {
-  /** Sets horizontal or vertical orientation of the divider. If
-  * vertical orientation is specified, the parent container must have the following styles:
-  * a defined height, flexDirection="row" alignItems="center"
-  */
-  orientation: _propTypes["default"].oneOf(['vertical', 'horizontal'])
-};
 Separator.defaultProps = {
   orientation: 'horizontal'
 };

package/lib/cjs/components/Separator/Separator.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { SeparatorProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<SeparatorProps>;
+export declare const verticalSeparator: () => React.JSX.Element;

package/lib/cjs/components/Separator/Separator.stories.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _Separator = _interopRequireDefault(require("./Separator.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

package/lib/cjs/components/Separator/Separator.styles.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    base: {
+        bg: string;
+        width: string;
+        height: string;
+        my: string;
+        flexShrink: number;
+        '&.is-vertical': {
+            width: string;
+            height: string;
+            mx: string;
+        };
+    };
+    navBarSeparator: {
+        width: string;
+        my: string;
+        mx: string;
+        backgroundColor: string;
+        bg: string;
+        height: string;
+        flexShrink: number;
+        '&.is-vertical': {
+            width: string;
+            height: string;
+            mx: string;
+        };
+    };
+    navBarSubtitleSeparator: {
+        ml: string;
+        width: string;
+        my: string;
+        mx: string;
+        backgroundColor: string;
+        bg: string;
+        height: string;
+        flexShrink: number;
+        '&.is-vertical': {
+            width: string;
+            height: string;
+            mx: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/Separator/Separator.test.d.ts

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

package/lib/cjs/components/Separator/Separator.test.js

@@ -3,29 +3,55 @@
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
 var _testWrapper = require("../../utils/testUtils/testWrapper");
 var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _Separator = _interopRequireDefault(require("./Separator"));
+var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var testId = 'test-separator';
 var defaultProps = {
-  'data-testid': testId
+  'data-testid': testId,
+  'orientation': 'horizontal'
 };
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)((0, _react2.jsx)(_Separator["default"], (0, _extends2["default"])({}, defaultProps, props)));
+  return (0, _testWrapper.render)((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
 
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({
   renderComponent: function renderComponent(props) {
-    return (0, _react2.jsx)(_Separator["default"], (0, _extends2["default"])({}, defaultProps, props));
+    return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props));
   }
 });
-test('renders Separator component', function () {
-  getComponent();
-  var separator = _testWrapper.screen.getByTestId(testId);
-  _testWrapper.screen.getByRole('separator');
-  expect(separator).toBeInstanceOf(HTMLDivElement);
-  expect(separator).toBeInTheDocument();
+describe('Separator component', function () {
+  test('renders Separator component', function () {
+    getComponent();
+    var separator = _testWrapper.screen.getByTestId(testId);
+    _testWrapper.screen.getByRole('separator');
+    expect(separator).toBeInstanceOf(HTMLDivElement);
+    expect(separator).toBeInTheDocument();
+    expect(separator).toHaveClass('is-horizontal');
+  });
+  test('Separator as a horizontal', function () {
+    getComponent({
+      orientation: 'horizontal'
+    });
+    var separator = _testWrapper.screen.getByTestId(testId);
+    expect(separator).toHaveClass('is-horizontal');
+  });
+  test('Separator vertical orientation', function () {
+    getComponent({
+      orientation: 'vertical'
+    });
+    var separator = _testWrapper.screen.getByTestId(testId);
+    expect(separator).toHaveAttribute('aria-orientation', _orientation["default"].VERTICAL);
+  });
+  test('applies custom className if provided', function () {
+    getComponent({
+      className: 'custom-class'
+    });
+    var separator = _testWrapper.screen.getByTestId(testId);
+    expect(separator).toHaveClass('custom-class');
+  });
 });

package/lib/cjs/components/Separator/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Separator';

package/lib/cjs/types/bracket.d.ts

@@ -0,0 +1,8 @@
+import { TestingAttributes } from './shared/test';
+import { DOMAttributes, StyleProps } from './shared';
+export interface BracketProps extends StyleProps, DOMAttributes, TestingAttributes {
+    /** Whether or not the bracket is the last in a series of brackets. */
+    isLast?: boolean;
+    /** A prop to set the strokes color. */
+    color?: string;
+}

package/lib/cjs/types/bracket.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -1,11 +1,13 @@
 export * from './badge';
 export * from './box';
+export * from './bracket';
 export * from './button';
 export * from './icon';
 export * from './item';
 export * from './link';
 export * from './loader';
 export * from './popoverContainer';
+export * from './separator';
 export * from './shared';
 export * from './tableCell';
 export * from './text';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -29,8 +29,19 @@ _forEachInstanceProperty(_context2 = _Object$keys(_box)).call(_context2, functio
     }
   });
 });
+var _bracket = require("./bracket");
+_forEachInstanceProperty(_context3 = _Object$keys(_bracket)).call(_context3, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bracket[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _bracket[key];
+    }
+  });
+});
 var _button = require("./button");
-_forEachInstanceProperty(_context3 = _Object$keys(_button)).call(_context3, function (key) {
+_forEachInstanceProperty(_context4 = _Object$keys(_button)).call(_context4, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _button[key]) return;
   _Object$defineProperty(exports, key, {
@@ -41,7 +52,7 @@ _forEachInstanceProperty(_context3 = _Object$keys(_button)).call(_context3, func
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context4 = _Object$keys(_icon)).call(_context4, function (key) {
+_forEachInstanceProperty(_context5 = _Object$keys(_icon)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -52,7 +63,7 @@ _forEachInstanceProperty(_context4 = _Object$keys(_icon)).call(_context4, functi
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context5 = _Object$keys(_item)).call(_context5, function (key) {
+_forEachInstanceProperty(_context6 = _Object$keys(_item)).call(_context6, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -63,7 +74,7 @@ _forEachInstanceProperty(_context5 = _Object$keys(_item)).call(_context5, functi
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context6 = _Object$keys(_link)).call(_context6, function (key) {
+_forEachInstanceProperty(_context7 = _Object$keys(_link)).call(_context7, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_link)).call(_context6, functi
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context7 = _Object$keys(_loader)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_loader)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_loader)).call(_context7, func
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context8 = _Object$keys(_popoverContainer)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_popoverContainer)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -95,8 +106,19 @@ _forEachInstanceProperty(_context8 = _Object$keys(_popoverContainer)).call(_cont
     }
   });
 });
+var _separator = require("./separator");
+_forEachInstanceProperty(_context10 = _Object$keys(_separator)).call(_context10, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _separator[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _separator[key];
+    }
+  });
+});
 var _shared = require("./shared");
-_forEachInstanceProperty(_context9 = _Object$keys(_shared)).call(_context9, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_shared)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +129,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_shared)).call(_context9, func
   });
 });
 var _tableCell = require("./tableCell");
-_forEachInstanceProperty(_context10 = _Object$keys(_tableCell)).call(_context10, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_tableCell)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tableCell[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +140,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_tableCell)).call(_context10,
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context11 = _Object$keys(_text)).call(_context11, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_text)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/separator.d.ts

@@ -0,0 +1,4 @@
+import { TestingAttributes } from './shared/test';
+import { DOMAttributes, OrientationProps, StyleProps } from './shared';
+export interface SeparatorProps extends StyleProps, DOMAttributes, TestingAttributes, OrientationProps {
+}

package/lib/cjs/types/separator.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/shared/index.d.ts

@@ -1,4 +1,5 @@
 export * from './dom';
 export * from './events';
+export * from './orientation';
 export * from './style';
 export * from './utils';

package/lib/cjs/types/shared/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4;
+var _context, _context2, _context3, _context4, _context5;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -29,8 +29,19 @@ _forEachInstanceProperty(_context2 = _Object$keys(_events)).call(_context2, func
     }
   });
 });
+var _orientation = require("./orientation");
+_forEachInstanceProperty(_context3 = _Object$keys(_orientation)).call(_context3, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _orientation[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _orientation[key];
+    }
+  });
+});
 var _style = require("./style");
-_forEachInstanceProperty(_context3 = _Object$keys(_style)).call(_context3, function (key) {
+_forEachInstanceProperty(_context4 = _Object$keys(_style)).call(_context4, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _style[key]) return;
   _Object$defineProperty(exports, key, {
@@ -41,7 +52,7 @@ _forEachInstanceProperty(_context3 = _Object$keys(_style)).call(_context3, funct
   });
 });
 var _utils = require("./utils");
-_forEachInstanceProperty(_context4 = _Object$keys(_utils)).call(_context4, function (key) {
+_forEachInstanceProperty(_context5 = _Object$keys(_utils)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _utils[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/shared/orientation.d.ts

@@ -0,0 +1,4 @@
+export interface OrientationProps {
+    /** The orientation of the component. */
+    orientation?: 'vertical' | 'horizontal';
+}

package/lib/cjs/types/shared/orientation.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Bracket/Bracket.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["isLast", "color"];
 import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
-import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box } from '../../index';
 import { line } from '../../styles/colors';
@@ -11,7 +10,7 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
   var isLast = props.isLast,
     color = props.color,
     others = _objectWithoutProperties(props, _excluded);
-  var bracketRef = useRef();
+  var bracketRef = useRef(null);
 
   /* istanbul ignore next */
   useImperativeHandle(ref, function () {
@@ -52,8 +51,6 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
   }, "bracket-fill"), ___EmotionJSX("g", {
     transform: "translate(-0.85, 0)"
   }, ___EmotionJSX("title", null, "Layer 3"), ___EmotionJSX("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
     y2: "0",
     x2: "1",
     y1: "10",
@@ -75,8 +72,6 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
   }, ___EmotionJSX("title", {
     id: "bracket-fill-1-icon-title-".concat(bracketFillOneId)
   }, "bracket-fill"), ___EmotionJSX("g", null, ___EmotionJSX("title", null, "Layer 1"), ___EmotionJSX("line", {
-    strokeLinecap: "undefined",
-    strokeLinejoin: "undefined",
     y2: "0",
     x2: "0",
     y1: "10",
@@ -101,10 +96,4 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
 Bracket.defaultProps = {
   color: line.light
 };
-Bracket.propTypes = {
-  /** A prop to set the strokes color. */
-  color: PropTypes.string,
-  /** Whether or not the bracket is the last in a series of brackets. */
-  isLast: PropTypes.bool
-};
 export default Bracket;

package/lib/components/Bracket/Bracket.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Bracket } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import BracketReadme from './Bracket.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/Bracket/Bracket.test.js

@@ -16,7 +16,7 @@ var getComponent = function getComponent() {
 // Needs to be added to each components test file
 universalComponentTests({
   renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(Bracket, props);
+    return ___EmotionJSX(Bracket, _extends({}, defaultProps, props));
   }
 });
 test('default bracket', function () {

package/lib/components/Separator/Separator.js

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["className", "orientation"];
 import React, { forwardRef } from 'react';
 import { useSeparator } from 'react-aria';
-import PropTypes from 'prop-types';
 import { useStatusClasses } from '../../hooks';
 import ORIENTATION from '../../utils/devUtils/constants/orientation';
 import Box from '../Box/Box';
@@ -12,7 +11,7 @@ var Separator = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
     orientation = props.orientation,
     others = _objectWithoutProperties(props, _excluded);
-  var _useSeparator = useSeparator(props, ref),
+  var _useSeparator = useSeparator(props),
     separatorProps = _useSeparator.separatorProps;
   var _useStatusClasses = useStatusClasses(className, {
       'is-vertical': orientation === ORIENTATION.VERTICAL,
@@ -23,15 +22,10 @@ var Separator = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref,
     className: classNames,
     variant: "separator.base"
-  }, others, separatorProps));
+  }, others, separatorProps, {
+    role: "separator"
+  }));
 });
-Separator.propTypes = {
-  /** Sets horizontal or vertical orientation of the divider. If
-  * vertical orientation is specified, the parent container must have the following styles:
-  * a defined height, flexDirection="row" alignItems="center"
-  */
-  orientation: PropTypes.oneOf(['vertical', 'horizontal'])
-};
 Separator.defaultProps = {
   orientation: 'horizontal'
 };

package/lib/components/Separator/Separator.stories.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Separator } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import SeparatorReadme from './Separator.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/Separator/Separator.test.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
+import ORIENTATION from '../../utils/devUtils/constants/orientation';
 import { render, screen } from '../../utils/testUtils/testWrapper';
 import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
-import Separator from './Separator';
+import Separator from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-separator';
 var defaultProps = {
-  'data-testid': testId
+  'data-testid': testId,
+  'orientation': 'horizontal'
 };
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -19,10 +21,34 @@ universalComponentTests({
     return ___EmotionJSX(Separator, _extends({}, defaultProps, props));
   }
 });
-test('renders Separator component', function () {
-  getComponent();
-  var separator = screen.getByTestId(testId);
-  screen.getByRole('separator');
-  expect(separator).toBeInstanceOf(HTMLDivElement);
-  expect(separator).toBeInTheDocument();
+describe('Separator component', function () {
+  test('renders Separator component', function () {
+    getComponent();
+    var separator = screen.getByTestId(testId);
+    screen.getByRole('separator');
+    expect(separator).toBeInstanceOf(HTMLDivElement);
+    expect(separator).toBeInTheDocument();
+    expect(separator).toHaveClass('is-horizontal');
+  });
+  test('Separator as a horizontal', function () {
+    getComponent({
+      orientation: 'horizontal'
+    });
+    var separator = screen.getByTestId(testId);
+    expect(separator).toHaveClass('is-horizontal');
+  });
+  test('Separator vertical orientation', function () {
+    getComponent({
+      orientation: 'vertical'
+    });
+    var separator = screen.getByTestId(testId);
+    expect(separator).toHaveAttribute('aria-orientation', ORIENTATION.VERTICAL);
+  });
+  test('applies custom className if provided', function () {
+    getComponent({
+      className: 'custom-class'
+    });
+    var separator = screen.getByTestId(testId);
+    expect(separator).toHaveClass('custom-class');
+  });
 });

package/lib/types/bracket.js

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

package/lib/types/index.js

@@ -1,11 +1,13 @@
 export * from './badge';
 export * from './box';
+export * from './bracket';
 export * from './button';
 export * from './icon';
 export * from './item';
 export * from './link';
 export * from './loader';
 export * from './popoverContainer';
+export * from './separator';
 export * from './shared';
 export * from './tableCell';
 export * from './text';

package/lib/types/separator.js

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

package/lib/types/shared/index.js

@@ -1,4 +1,5 @@
 export * from './dom';
 export * from './events';
+export * from './orientation';
 export * from './style';
 export * from './utils';

package/lib/types/shared/orientation.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.41.0-alpha.0",
+  "version": "2.41.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",