@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.
- package/dist/hyphen-components.cjs.development.js +6 -1
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +5 -2
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/AspectRatio/AspectRatio.test.tsx +18 -0
- package/src/components/Collapsible/Collapsible.test.tsx +22 -0
- package/src/components/DropdownMenu/DropdownMenu.test.tsx +23 -0
- package/src/components/FormControl/FormControl.test.tsx +26 -0
- package/src/components/HelpText/HelpText.test.tsx +12 -0
- package/src/components/InputValidationMessage/InputValidationMessage.test.tsx +18 -0
- package/src/components/Sidebar/Sidebar.test.tsx +26 -0
- package/src/components/Sidebar/Sidebar.tsx +1 -1
- package/src/components/ThemeProvider/ThemeProvider.test.tsx +49 -0
- package/src/components/Toggle/Toggle.test.tsx +13 -0
- package/src/components/ToggleGroup/ToggleGroup.test.tsx +19 -0
- package/src/components/Tooltip/Tooltip.test.tsx +24 -0
- package/src/index.ts +1 -0
|
@@ -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;
|