@hyphen/hyphen-components 6.1.0 → 6.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var React = require('react');
7
7
  var classNames = require('classnames');
8
8
  var icons = require('@hyphen/hyphen-design-tokens/build/assets/icons/react');
9
+ var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
9
10
  var reactSlot = require('@radix-ui/react-slot');
10
11
  var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
11
12
  var format = require('date-fns/format');
@@ -45,6 +46,7 @@ function _interopNamespaceDefault(e) {
45
46
  }
46
47
 
47
48
  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
49
+ var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(AspectRatioPrimitive);
48
50
  var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(CollapsiblePrimitive);
49
51
  var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
50
52
  var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
@@ -643,6 +645,8 @@ var Alert = function Alert(_ref) {
643
645
  }, title), message && (typeof message === 'string' ? React.createElement("p", null, message) : message))), isClosable && renderCloseIcon());
644
646
  };
645
647
 
648
+ var AspectRatio = AspectRatioPrimitive__namespace.Root;
649
+
646
650
  var styles$y = {"badge":"Badge-module_badge__ZbEBU","size-sm":"Badge-module_size-sm__rL8a6","size-md":"Badge-module_size-md__kf6IH","size-lg":"Badge-module_size-lg__of6XJ","inverse":"Badge-module_inverse__qZCFA","purple":"Badge-module_purple__rX-xW","green":"Badge-module_green__W03uU","red":"Badge-module_red__fl2jg","blue":"Badge-module_blue__C7kyV","yellow":"Badge-module_yellow__gGZ6R","light-grey":"Badge-module_light-grey__Wtrhx","dark-grey":"Badge-module_dark-grey__X-807","hyphen":"Badge-module_hyphen__9pe7x","size-sm-tablet":"Badge-module_size-sm-tablet__6xMVk","size-md-tablet":"Badge-module_size-md-tablet__4w-7I","size-lg-tablet":"Badge-module_size-lg-tablet__8xyRF","size-sm-desktop":"Badge-module_size-sm-desktop__Ayf5L","size-md-desktop":"Badge-module_size-md-desktop__XSq7m","size-lg-desktop":"Badge-module_size-lg-desktop__Baw3S","size-sm-hd":"Badge-module_size-sm-hd__Da6Au","size-md-hd":"Badge-module_size-md-hd__-VNMk","size-lg-hd":"Badge-module_size-lg-hd__6MOwL"};
647
651
 
648
652
  var _excluded$N = ["className", "message", "variant", "size"];
@@ -4127,7 +4131,7 @@ var SidebarProvider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4127
4131
  }
4128
4132
  localStorage.setItem(storageKey, "" + newOpenState);
4129
4133
  }
4130
- }, [setOpenProp, open]);
4134
+ }, [setOpenProp, open, storageKey]);
4131
4135
  // Toggle sidebar based on screen type
4132
4136
  var toggleSidebar = React.useCallback(function () {
4133
4137
  isMobile ? setOpenMobile(function (open) {
@@ -5446,6 +5450,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
5446
5450
  });
5447
5451
 
5448
5452
  exports.Alert = Alert;
5453
+ exports.AspectRatio = AspectRatio;
5449
5454
  exports.Badge = Badge;
5450
5455
  exports.Box = Box;
5451
5456
  exports.Button = Button;