@hyphen/hyphen-components 2.22.0 → 2.23.0
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/components/Collapsible/Collapsible.d.ts +5 -0
- package/dist/components/Collapsible/Collapsible.stories.d.ts +9 -0
- package/dist/css/utilities.css +1 -1
- package/dist/css/variables.css +2 -2
- package/dist/hooks/useIsMobile/useIsMobile.d.ts +1 -1
- package/dist/hyphen-components.cjs.development.js +9 -0
- 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 +6 -1
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/lib/tokens.d.ts +1 -1
- package/package.json +6 -4
- package/src/components/Collapsible/Collapsible.mdx +21 -0
- package/src/components/Collapsible/Collapsible.stories.tsx +104 -0
- package/src/components/Collapsible/Collapsible.tsx +11 -0
- package/src/hooks/useIsMobile/useIsMobile.tsx +1 -1
- package/src/index.ts +1 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
2
|
+
declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import { Collapsible } from './Collapsible';
|
|
4
|
+
declare const meta: Meta<typeof Collapsible>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof Collapsible>;
|
|
7
|
+
export declare const Uncontrolled: () => React.JSX.Element;
|
|
8
|
+
export declare function Controlled(): React.JSX.Element;
|
|
9
|
+
export declare const ClickOpenCollapsible: Story;
|
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\***************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Mon, 11 Nov 2024 23:50:35 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
package/dist/css/variables.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\*********************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Mon, 11 Nov 2024 23:50:35 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
\*******************************************************************************************************************************/
|
|
315
315
|
/**
|
|
316
316
|
* Do not edit directly
|
|
317
|
-
* Generated on
|
|
317
|
+
* Generated on Mon, 11 Nov 2024 23:50:35 GMT
|
|
318
318
|
*/
|
|
319
319
|
|
|
320
320
|
:root.dark {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function useIsMobile():
|
|
1
|
+
export declare function useIsMobile(): boolean;
|
|
@@ -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 CollapsiblePrimitive = require('@radix-ui/react-collapsible');
|
|
9
10
|
var format = require('date-fns/format');
|
|
10
11
|
var ReactDatePicker = require('react-datepicker');
|
|
11
12
|
var reactDom = require('react-dom');
|
|
@@ -41,6 +42,7 @@ function _interopNamespaceDefault(e) {
|
|
|
41
42
|
}
|
|
42
43
|
|
|
43
44
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
45
|
+
var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(CollapsiblePrimitive);
|
|
44
46
|
|
|
45
47
|
function _extends() {
|
|
46
48
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -1315,6 +1317,10 @@ var CheckboxInput = function CheckboxInput(_ref2) {
|
|
|
1315
1317
|
})), label && !hideLabel && React.createElement(FormLabel, _extends({}, labelProps), label)), error && error !== true && React.createElement(InputValidationMessage, null, error));
|
|
1316
1318
|
};
|
|
1317
1319
|
|
|
1320
|
+
var Collapsible = CollapsiblePrimitive__namespace.Root;
|
|
1321
|
+
var CollapsibleTrigger = CollapsiblePrimitive__namespace.CollapsibleTrigger;
|
|
1322
|
+
var CollapsibleContent = CollapsiblePrimitive__namespace.CollapsibleContent;
|
|
1323
|
+
|
|
1318
1324
|
var styles$l = {};
|
|
1319
1325
|
|
|
1320
1326
|
var _excluded$v = ["children", "dayClassName", "maxDate", "minDate", "monthsShown", "openToDate", "startDate", "selected", "selectsRange", "showTwoColumnMonthYearPicker", "showFullMonthYearPicker", "showMonthYearPicker", "className", "formatWeekDay"];
|
|
@@ -4754,6 +4760,9 @@ exports.Card = Card;
|
|
|
4754
4760
|
exports.CardBaseComponent = CardBaseComponent;
|
|
4755
4761
|
exports.Checkbox = Checkbox;
|
|
4756
4762
|
exports.CheckboxInput = CheckboxInput;
|
|
4763
|
+
exports.Collapsible = Collapsible;
|
|
4764
|
+
exports.CollapsibleContent = CollapsibleContent;
|
|
4765
|
+
exports.CollapsibleTrigger = CollapsibleTrigger;
|
|
4757
4766
|
exports.DateInput = DateInput;
|
|
4758
4767
|
exports.DatePicker = DatePicker;
|
|
4759
4768
|
exports.Details = Details;
|