@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
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import React__default, { forwardRef, Children, createElement, cloneElement, useRef, useState, useEffect, isValidElement, useCallback, useMemo, useLayoutEffect, createContext } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import icons from '@hyphen/hyphen-design-tokens/build/assets/icons/react';
|
|
6
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
6
7
|
import format from 'date-fns/format';
|
|
7
8
|
import ReactDatePicker from 'react-datepicker';
|
|
8
9
|
import { createPortal } from 'react-dom';
|
|
@@ -1293,6 +1294,10 @@ var CheckboxInput = function CheckboxInput(_ref2) {
|
|
|
1293
1294
|
})), label && !hideLabel && React__default.createElement(FormLabel, _extends({}, labelProps), label)), error && error !== true && React__default.createElement(InputValidationMessage, null, error));
|
|
1294
1295
|
};
|
|
1295
1296
|
|
|
1297
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
1298
|
+
var CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
|
|
1299
|
+
var CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
|
|
1300
|
+
|
|
1296
1301
|
var styles$l = {};
|
|
1297
1302
|
|
|
1298
1303
|
var _excluded$v = ["children", "dayClassName", "maxDate", "minDate", "monthsShown", "openToDate", "startDate", "selected", "selectsRange", "showTwoColumnMonthYearPicker", "showFullMonthYearPicker", "showMonthYearPicker", "className", "formatWeekDay"];
|
|
@@ -4724,5 +4729,5 @@ var useTheme = function useTheme() {
|
|
|
4724
4729
|
return context;
|
|
4725
4730
|
};
|
|
4726
4731
|
|
|
4727
|
-
export { Alert, Badge, Box, Button, Card, CardBaseComponent, Checkbox, CheckboxInput, DateInput, DatePicker, Details, DetailsBaseComponent, DetailsSummary, Drawer, FormControl, FormLabel, FormikCheckboxInput, FormikRadioGroup, FormikSelectInput, FormikSelectInputInset, FormikSelectInputNative, FormikTextInput, FormikTextInputInset, FormikTextareaInput, FormikTextareaInputInset, FormikTimePicker, FormikTimePickerNative, FormikToggle, Heading, Icon, Modal, ModalBaseComponent, Pagination, Popover, RadioGroup, RangeInput, ResponsiveContext, ResponsiveProvider, SelectInput, SelectInputInset, SelectInputNative, Spinner, Table, TextInput, TextInputInset, TextareaInput, TextareaInputInset, ThemeProvider, ThemeProviderContext, TimePicker, TimePickerNative, ToastContainer, Toggle, boxPropsKeys, createRectRef, toast, useBreakpoint, useIsMobile, useIsomorphicLayoutEffect, useOpenClose, useTheme, useToasts, useWindowSize };
|
|
4732
|
+
export { Alert, Badge, Box, Button, Card, CardBaseComponent, Checkbox, CheckboxInput, Collapsible, CollapsibleContent, CollapsibleTrigger, DateInput, DatePicker, Details, DetailsBaseComponent, DetailsSummary, Drawer, FormControl, FormLabel, FormikCheckboxInput, FormikRadioGroup, FormikSelectInput, FormikSelectInputInset, FormikSelectInputNative, FormikTextInput, FormikTextInputInset, FormikTextareaInput, FormikTextareaInputInset, FormikTimePicker, FormikTimePickerNative, FormikToggle, Heading, Icon, Modal, ModalBaseComponent, Pagination, Popover, RadioGroup, RangeInput, ResponsiveContext, ResponsiveProvider, SelectInput, SelectInputInset, SelectInputNative, Spinner, Table, TextInput, TextInputInset, TextareaInput, TextareaInputInset, ThemeProvider, ThemeProviderContext, TimePicker, TimePickerNative, ToastContainer, Toggle, boxPropsKeys, createRectRef, toast, useBreakpoint, useIsMobile, useIsomorphicLayoutEffect, useOpenClose, useTheme, useToasts, useWindowSize };
|
|
4728
4733
|
//# sourceMappingURL=hyphen-components.esm.js.map
|