@vitality-ds/components 4.0.0-alpha.0

package/dist/LinearProgress/styles/BaseLinearProgress.styles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var backgrounds = _system.colorUseCases.backgrounds;
+var _default = exports["default"] = (0, _system.css)({
+  position: "relative",
+  display: "flex",
+  overflow: "hidden",
+  background: (0, _system.getColorScaleValueByUseCase)("neutralA", backgrounds.uiElement),
+  borderRadius: "$rounded",
+  width: "100%",
+  height: 4,
+  minWidth: 20,
+  // Fix overflow clipping in Safari
+  // https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0
+  transform: "translateZ(0)"
+});

package/dist/LinearProgress/styles/BaseLinearProgressIndicator.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var backgrounds = _system.colorUseCases.backgrounds;
+var indeterminate = (0, _system.keyframes)({
+  "0%": {
+    width: "12%"
+  },
+  "50%": {
+    width: "50%"
+  },
+  "100%": {
+    left: "100%",
+    width: "0%"
+  }
+});
+var _default = exports["default"] = (0, _system.css)({
+  backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid),
+  background: "linear-gradient(20deg, $primary8 0%, $primary10 100%)",
+  width: "100%",
+  height: "100%",
+  transition: "transform 660ms cubic-bezier(0.65, 0, 0.35, 1)",
+  variants: {
+    /**
+     * Boolean to represent the indeterminate state of the component
+     */
+    indeterminate: {
+      "true": {
+        position: "absolute",
+        height: "100%",
+        left: "0%",
+        animation: "".concat(indeterminate, " 1300ms ease infinite")
+      }
+    }
+  }
+});

package/dist/LinearProgress/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Link/Link.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = require("./styled");
+var _excluded = ["as", "style", "css"];
+var Link = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
+  var as = _ref.as,
+    style = _ref.style,
+    css = _ref.css,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLink, (0, _extends2["default"])({
+    ref: forwardedRef
+  }, restProps));
+});
+Link.displayName = "Link";
+var _default = exports["default"] = Link;

package/dist/Link/LinkButton.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _logic = require("../Button/logic");
+var _styled = require("./styled");
+var _excluded = ["appearance", "size", "as", "style", "css"];
+var LinkButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
+  var appearance = _ref.appearance,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    as = _ref.as,
+    style = _ref.style,
+    css = _ref.css,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _getAppearance = (0, _logic.getAppearance)(appearance),
+    color = _getAppearance.color,
+    variant = _getAppearance.variant;
+  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLinkButton, (0, _extends2["default"])({
+    ref: forwardedRef,
+    color: color,
+    variant: variant,
+    size: size
+  }, restProps));
+});
+LinkButton.displayName = "LinkButton";
+var _default = exports["default"] = LinkButton;

package/dist/Link/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function get() {
+    return _Link["default"];
+  }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function get() {
+    return _LinkButton["default"];
+  }
+});
+var _Link = _interopRequireDefault(require("./Link"));
+var _LinkButton = _interopRequireDefault(require("./LinkButton"));

package/dist/Link/styled.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseLinkButton = exports.BaseLink = void 0;
+var _system = require("@vitality-ds/system");
+var _BaseButton = _interopRequireDefault(require("../Button/primitives/styles/BaseButton.styles"));
+var _BaseTypography = _interopRequireDefault(require("../Typography/styles/BaseTypography.styles"));
+var _BaseLink = _interopRequireDefault(require("./styles/BaseLink.styles"));
+var BaseLink = exports.BaseLink = (0, _system.styled)("a", _BaseTypography["default"], _BaseLink["default"]);
+var BaseLinkButton = exports.BaseLinkButton = (0, _system.styled)("a", _BaseButton["default"]);

package/dist/Link/styles/BaseLink.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var text = _system.colorUseCases.text;
+var _default = exports["default"] = (0, _system.css)({
+  color: (0, _system.getColorScaleValueByUseCase)("primary", text.hiSaturation),
+  fontSize: "inherit",
+  cursor: "pointer",
+  "&:hover": {
+    textDecoration: "underline",
+    filter: "brightness(110%)"
+  },
+  variants: {
+    standalone: {
+      "true": {
+        textDecoration: "none"
+      }
+    }
+  }
+});

package/dist/Link/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Modal/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var EASING_FUNCTION = "cubic-bezier(0.16, 1, 0.3, 1)";
+var _default = exports["default"] = EASING_FUNCTION;

package/dist/Modal/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var RadixModal = _interopRequireWildcard(require("@radix-ui/react-dialog"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = require("./styled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function Modal(_ref) {
+  var open = _ref.open,
+    onEscapeKeyDown = _ref.onEscapeKeyDown,
+    onPointerDownOutside = _ref.onPointerDownOutside,
+    onInteractOutside = _ref.onInteractOutside,
+    onOpenAutoFocus = _ref.onOpenAutoFocus,
+    onCloseAutoFocus = _ref.onCloseAutoFocus,
+    children = _ref.children,
+    isLayeredModal = _ref.isLayeredModal;
+  return /*#__PURE__*/_react["default"].createElement(RadixModal.Root, {
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(RadixModal.Portal, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseModalBlanket, {
+    isLayeredModal: isLayeredModal
+  }), /*#__PURE__*/_react["default"].createElement(_styled.BaseModalContent, {
+    onEscapeKeyDown: onEscapeKeyDown,
+    onPointerDownOutside: onPointerDownOutside,
+    onInteractOutside: onInteractOutside,
+    onOpenAutoFocus: onOpenAutoFocus,
+    onCloseAutoFocus: onCloseAutoFocus,
+    isLayeredModal: isLayeredModal
+  }, children)));
+}
+var _default = exports["default"] = Modal;

package/dist/Modal/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseModalContent = exports.BaseModalBlanket = void 0;
+var RadixModal = _interopRequireWildcard(require("@radix-ui/react-dialog"));
+var _system = require("@vitality-ds/system");
+var _BaseModalBlanket = _interopRequireDefault(require("./styles/BaseModalBlanket.styles"));
+var _BaseModalContent = _interopRequireDefault(require("./styles/BaseModalContent.styles"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var BaseModalBlanket = exports.BaseModalBlanket = (0, _system.styled)(RadixModal.Overlay, _BaseModalBlanket["default"]);
+var BaseModalContent = exports.BaseModalContent = (0, _system.styled)(RadixModal.Content, _BaseModalContent["default"]);

package/dist/Modal/styles/BaseModalBlanket.styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var _constants = _interopRequireDefault(require("../constants"));
+var backgrounds = _system.colorUseCases.backgrounds;
+var overlayShow = (0, _system.keyframes)({
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+});
+var _default = exports["default"] = (0, _system.css)({
+  backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutralA", backgrounds.blanket),
+  position: "fixed",
+  inset: 0,
+  zIndex: "$blanket",
+  animation: "".concat(overlayShow, " 150ms ").concat(_constants["default"]),
+  variants: {
+    isLayeredModal: {
+      "true": {
+        zIndex: "calc($dialog + 1)"
+      }
+    }
+  }
+});

package/dist/Modal/styles/BaseModalContent.styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var _constants = _interopRequireDefault(require("../constants"));
+var contentShow = (0, _system.keyframes)({
+  "0%": {
+    opacity: 0,
+    transform: "translate(-50%, -45%) scale(0.96)"
+  },
+  "100%": {
+    opacity: 1,
+    transform: "translate(-50%, -50%) scale(1)"
+  }
+});
+var _default = exports["default"] = (0, _system.css)({
+  position: "fixed",
+  width: "100%",
+  bottom: 0,
+  zIndex: "$dialog",
+  maxHeight: "calc(100vh - ".concat("$lg", "px)"),
+  "@bp1": {
+    top: "50%",
+    left: "50%",
+    width: "unset",
+    bottom: "unset",
+    maxHeight: "unset",
+    transform: "translate(-50%, -50%)",
+    animation: "".concat(contentShow, " 550ms ").concat(_constants["default"])
+  },
+  variants: {
+    isLayeredModal: {
+      "true": {
+        zIndex: "calc($dialog + 2)"
+      }
+    }
+  }
+});

package/dist/Modal/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/ModalDialog/constants.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var MODAL_DIALOG_VARIANT_OPTIONS = {
+  custom: {
+    clickingOutsideAllowed: true,
+    escapeAllowed: true
+  },
+  transactional: {
+    clickingOutsideAllowed: false,
+    escapeAllowed: false
+  },
+  passive: {
+    clickingOutsideAllowed: true,
+    escapeAllowed: true
+  },
+  warning: {
+    clickingOutsideAllowed: false,
+    escapeAllowed: false
+  },
+  destructive: {
+    clickingOutsideAllowed: false,
+    escapeAllowed: false
+  },
+  acknowledgement: {
+    clickingOutsideAllowed: false,
+    escapeAllowed: false
+  }
+};
+var _default = exports["default"] = MODAL_DIALOG_VARIANT_OPTIONS;

package/dist/ModalDialog/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = _interopRequireDefault(require("../Dialog"));
+var _Modal = _interopRequireDefault(require("../Modal"));
+var _constants = _interopRequireDefault(require("./constants"));
+var _excluded = ["variant"];
+function ModalDialog(_ref) {
+  var modalProps = _ref.modalProps,
+    dialogProps = _ref.dialogProps;
+  var _ref2 = modalProps || null,
+    onEscapeKeyDown = _ref2.onEscapeKeyDown,
+    onInteractOutside = _ref2.onInteractOutside,
+    onPointerDownOutside = _ref2.onPointerDownOutside,
+    onOpenAutoFocus = _ref2.onOpenAutoFocus,
+    onCloseAutoFocus = _ref2.onCloseAutoFocus,
+    open = _ref2.open,
+    isLayeredModal = _ref2.isLayeredModal;
+  var _ref3 = dialogProps || null,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? "transactional" : _ref3$variant,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+    onEscapeKeyDown: _constants["default"][variant].escapeAllowed ? onEscapeKeyDown : null,
+    onPointerDownOutside: _constants["default"][variant].clickingOutsideAllowed ? onPointerDownOutside : null,
+    onInteractOutside: _constants["default"][variant].clickingOutsideAllowed ? onInteractOutside : null,
+    onOpenAutoFocus: onOpenAutoFocus,
+    onCloseAutoFocus: onCloseAutoFocus,
+    open: open,
+    isLayeredModal: isLayeredModal
+  }, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({
+    variant: variant
+  }, restProps)));
+}
+var _default = exports["default"] = ModalDialog;

package/dist/ModalDialog/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Popover/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../DropdownMenu/constants");
+var _styled = require("./styled");
+var _excluded = ["triggerElement", "content", "isOpen", "onInteractOutside", "side", "align"];
+function Popover(_ref) {
+  var triggerElement = _ref.triggerElement,
+    content = _ref.content,
+    isOpen = _ref.isOpen,
+    onInteractOutside = _ref.onInteractOutside,
+    side = _ref.side,
+    align = _ref.align,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_styled.PopoverRoot, (0, _extends2["default"])({
+    open: isOpen
+  }, restProps), /*#__PURE__*/_react["default"].createElement(_styled.PopoverTrigger, {
+    asChild: true
+  }, /*#__PURE__*/_react["default"].createElement("span", null, triggerElement)), /*#__PURE__*/_react["default"].createElement(_styled.PopoverContent, {
+    sideOffset: _constants.FLOATING_ELEMENT_SIDE_OFFSET,
+    side: side,
+    align: align,
+    onInteractOutside: onInteractOutside,
+    onOpenAutoFocus: function onOpenAutoFocus(event) {
+      return event.preventDefault();
+    }
+  }, content));
+}
+var _default = exports["default"] = Popover;

package/dist/Popover/styled.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverTrigger = exports.PopoverRoot = exports.PopoverContent = void 0;
+var Popover = _interopRequireWildcard(require("@radix-ui/react-popover"));
+var _system = require("@vitality-ds/system");
+var _PopoverContentStyles = _interopRequireDefault(require("./styles/PopoverContentStyles.styles"));
+var _PopoverRootStyles = _interopRequireDefault(require("./styles/PopoverRootStyles.styles"));
+var _PopoverTriggerStyles = _interopRequireDefault(require("./styles/PopoverTriggerStyles.styles"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// eslint-disable-next-line import/prefer-default-export
+var PopoverRoot = exports.PopoverRoot = (0, _system.styled)(Popover.Root, _PopoverRootStyles["default"]);
+var PopoverTrigger = exports.PopoverTrigger = (0, _system.styled)(Popover.Trigger, _PopoverTriggerStyles["default"]);
+var PopoverContent = exports.PopoverContent = (0, _system.styled)(Popover.Content, _PopoverContentStyles["default"]);

package/dist/Popover/styles/PopoverContentStyles.styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var backgrounds = _system.colorUseCases.backgrounds;
+var _default = exports["default"] = (0, _system.css)({
+  backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.card),
+  boxShadow: "$sm",
+  padding: "$lg",
+  boxSizing: "border-box",
+  borderRadius: "$default",
+  zIndex: "$floatingElements",
+  maxHeight: "calc(var(--radix-popover-content-available-height) - var(--vitality-space-md))",
+  overflow: "auto"
+});

package/dist/Popover/styles/PopoverRootStyles.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var _default = exports["default"] = (0, _system.css)({
+  border: "none"
+});

package/dist/Popover/styles/PopoverTriggerStyles.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var _default = exports["default"] = (0, _system.css)({
+  border: "none"
+});

package/dist/Popover/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Provider/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Sidebar = require("../Sidebar");
+var _ThemeProvider = require("../ThemeProvider");
+var _contexts = _interopRequireDefault(require("../Tooltip/contexts"));
+function Provider(_ref) {
+  var children = _ref.children,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? Object.freeze({}) : _ref$config;
+  var theme = config.theme,
+    sidebar = config.sidebar;
+  return /*#__PURE__*/_react["default"].createElement(_ThemeProvider.ThemeProvider, {
+    config: theme
+  }, /*#__PURE__*/_react["default"].createElement(_contexts["default"], null, /*#__PURE__*/_react["default"].createElement(_Sidebar.SidebarProvider, {
+    config: sidebar
+  }, children)));
+}
+Provider.displayName = "Provider";
+var _default = exports["default"] = Provider;

package/dist/Provider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Shortcuts/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Shortcuts;
+var _react = _interopRequireDefault(require("react"));
+var _styled = require("./styled");
+function Shortcuts(_ref) {
+  var variant = _ref.variant,
+    keys = _ref.keys;
+  return /*#__PURE__*/_react["default"].createElement(_styled.BaseShortcutGroup, null, keys === null || keys === void 0 ? void 0 : keys.map(function (key) {
+    return /*#__PURE__*/_react["default"].createElement(_styled.BaseShortcut, {
+      key: key,
+      variant: variant
+    }, key);
+  }));
+}

package/dist/Shortcuts/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseShortcutGroup = exports.BaseShortcut = void 0;
+var _system = require("@vitality-ds/system");
+var _BaseShortcut = _interopRequireDefault(require("./styles/BaseShortcut.styles"));
+var _BaseShortcutGroup = _interopRequireDefault(require("./styles/BaseShortcutGroup.styles"));
+var BaseShortcut = exports.BaseShortcut = (0, _system.styled)("span", _BaseShortcut["default"]);
+var BaseShortcutGroup = exports.BaseShortcutGroup = (0, _system.styled)("span", _BaseShortcutGroup["default"]);

package/dist/Shortcuts/styles/BaseShortcut.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var text = _system.colorUseCases.text,
+  borders = _system.colorUseCases.borders;
+var _default = exports["default"] = (0, _system.css)({
+  fontSize: "$caption",
+  fontFamily: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace',
+  color: (0, _system.getColorScaleValueByUseCase)("neutralA", text.lowContrast),
+  minWidth: ".625rem",
+  variants: {
+    variant: {
+      stylized: {
+        borderRadius: 2,
+        borderStyle: "solid",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        borderWidth: "1px 1px 3px",
+        borderColor: (0, _system.getColorScaleValueByUseCase)("neutralA", borders.uiElement)
+      },
+      color: {
+        inherit: {
+          color: "inherit"
+        }
+      }
+    }
+  }
+});

package/dist/Shortcuts/styles/BaseShortcutGroup.styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var _default = exports["default"] = (0, _system.css)({
+  display: "flex",
+  userSelect: "none"
+});

package/dist/Shortcuts/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Sidebar/components/SidebarBar/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIDEBAR_WIDTH = exports.SIDEBAR_TOTAL_WIDTH = exports.SIDEBAR_BORDER_WIDTH = void 0;
+var SIDEBAR_WIDTH = exports.SIDEBAR_WIDTH = 380;
+var SIDEBAR_BORDER_WIDTH = exports.SIDEBAR_BORDER_WIDTH = 1;
+var SIDEBAR_TOTAL_WIDTH = exports.SIDEBAR_TOTAL_WIDTH = SIDEBAR_WIDTH + SIDEBAR_BORDER_WIDTH;