@procore/core-react 10.20.0-rc.22 → 10.20.0-rc.26

package/dist/esm/layouts/PageLayout/PageLayout.js

@@ -23,10 +23,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { addSubcomponents } from '../../utils/addSubcomponents';
 import { NextGrid } from '../NextGrid';
-import { StyledPageHeader, StyledBody, StyledFooter, StyledPanelContainer, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, } from './PageLayout.styles';
+import { StyledPageHeader, StyledBody, StyledFooter, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, } from './PageLayout.styles';
 import { useStickyFooter } from './useStickyPageFooter';
 import { mergeRefs } from '../../effects/mergeRefs';
 import { pageLayoutRootDataAttr } from './PageLayout.constants';
+import { useResize } from '../../effects/Resize';
+import { useScroll } from '../../effects/Scroll';
+export var PageAsideContext = React.createContext({
+    open: function () { },
+    close: function () { },
+    isOpen: false,
+});
 var PageGrid = function (_a) {
     var gutterX = _a.gutterX, props = __rest(_a, ["gutterX"]);
     return React.createElement(NextGrid, __assign({ gutterX: gutterX !== null && gutterX !== void 0 ? gutterX : 'lg' }, props));
@@ -38,34 +45,72 @@ var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
 var PageBody = React.forwardRef(function PageBody(props, ref) {
     return React.createElement(StyledBody, __assign({}, props, { ref: ref }));
 });
-var PageFooter = React.forwardRef(function Footer(props, ref) {
+var PageFooter = React.forwardRef(function PageFooter(props, ref) {
     var _a = useStickyFooter(), registerFooterEl = _a.registerFooterEl, isSticky = _a.isSticky, stickyFooterWidth = _a.stickyFooterWidth, placeholder = _a.placeholderEl;
+    var isAsideOpen = React.useContext(PageAsideContext).isOpen;
     return (React.createElement(React.Fragment, null,
-        React.createElement(StyledFooter, __assign({}, props, { "$stickyWidth": stickyFooterWidth, "$sticky": isSticky, ref: mergeRefs(registerFooterEl, ref) })),
+        React.createElement(StyledFooter, __assign({}, props, { "$stickyWidth": stickyFooterWidth, "$sticky": isSticky, "$isAsideOpen": isAsideOpen, ref: mergeRefs(registerFooterEl, ref) })),
         placeholder));
 });
-var PageAside = React.forwardRef(function PanelContainer(props, ref) {
-    return React.createElement(StyledPanelContainer, __assign({}, props, { ref: ref }));
+var PageAside = React.forwardRef(function PageAside(_a, ref) {
+    var children = _a.children, controlledIsOpen = _a.open, props = __rest(_a, ["children", "open"]);
+    var _b = React.useContext(PageAsideContext), isOpen = _b.isOpen, open = _b.open, close = _b.close;
+    React.useEffect(function () {
+        if (controlledIsOpen) {
+            open();
+        }
+        else {
+            close();
+        }
+    }, [controlledIsOpen]);
+    var _c = React.useState(0), offsetTop = _c[0], setOffsetTop = _c[1];
+    function calculateTopOffset() {
+        var _a;
+        if (!anchorRef.current) {
+            return;
+        }
+        var rect = anchorRef.current.getBoundingClientRect();
+        // use "top" for IE11 compatibility
+        var viewportTopOffset = (_a = rect.y) !== null && _a !== void 0 ? _a : rect.top;
+        setOffsetTop(Math.max(viewportTopOffset, 0));
+    }
+    useScroll({ onScroll: calculateTopOffset });
+    useResize({ onResize: calculateTopOffset });
+    var anchorRef = React.useRef(null);
+    return isOpen ? (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: anchorRef }),
+        React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, calculateTopOffset) }),
+            React.createElement(StyledAsidePanel, { "$offsetTop": offsetTop }, children)))) : null;
 });
 var PageContainer = React.forwardRef(function PageContainer(props, ref) {
-    return React.createElement(StyledPageContainer, __assign({}, props, { ref: ref }));
+    var _a = React.useState(true), isAsideOpen = _a[0], setIsAsideOpen = _a[1];
+    var openAside = function () { return setIsAsideOpen(true); };
+    var closeAside = function () { return setIsAsideOpen(false); };
+    return (
+    // define Aside context on the top of the layout tree to enable access to it
+    React.createElement(PageAsideContext.Provider, { value: {
+            open: openAside,
+            close: closeAside,
+            isOpen: isAsideOpen,
+        } },
+        React.createElement(StyledPageContainer, __assign({}, props, { ref: ref }))));
 });
-var PageMain = React.forwardRef(function PageContainer(props, ref) {
+var PageMain = React.forwardRef(function PageMain(props, ref) {
     var _a;
     var attrs = (_a = {}, _a[pageLayoutRootDataAttr] = true, _a);
     return (React.createElement(PageGrid, null,
         React.createElement(StyledPageMain, __assign({}, props, attrs, { ref: ref }))));
 });
-var PageBreadcrumbs = React.forwardRef(function Breadcrumbs(props, ref) {
+var PageBreadcrumbs = React.forwardRef(function PageBreadcrumbs(props, ref) {
     return React.createElement(StyledPageBreadcrumbs, __assign({ ref: ref }, props));
 });
-var PageBanner = React.forwardRef(function Banner(props, ref) {
+var PageBanner = React.forwardRef(function PageBanner(props, ref) {
     return React.createElement(StyledPageBanner, __assign({ ref: ref }, props));
 });
-var PageTitle = React.forwardRef(function Title(props, ref) {
+var PageTitle = React.forwardRef(function PageTitle(props, ref) {
     return React.createElement(StyledPageTitle, __assign({ ref: ref }, props));
 });
-var PageTabs = React.forwardRef(function Tabs(props, ref) {
+var PageTabs = React.forwardRef(function PageTabs(props, ref) {
     return React.createElement(StyledPageTabs, __assign({ ref: ref }, props));
 });
 PageGrid.displayName = 'Page.Grid';

package/dist/esm/layouts/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}

package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts

@@ -12,8 +12,12 @@ export declare const StyledPageTabs: import("styled-components").StyledComponent
 export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
     $sticky: boolean;
+    $isAsideOpen: boolean;
     $stickyWidth: number;
 }, never>;
-export declare const StyledPanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
+    $offsetTop?: number | undefined;
+}, never>;
 export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/layouts/PageLayout/PageLayout.styles.js

@@ -22,12 +22,26 @@ export var getActions = function () { return css(templateObject_7 || (templateOb
 export var StyledPageActions = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
 export var StyledPageTabs = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.sm);
 export var StyledBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.xl);
-export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n"], ["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n"])), outerPageSpacing * -1, function (_a) {
+var panelWidth = 400;
+var zIndexes = {
+    panelWideScreen: 3,
+    panelNarrowScreen: 1,
+    footer: 2,
+};
+var getStickyFooterCSS = function (stickyWidth) { return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n  position: fixed;\n  bottom: 0;\n  width: ", "px;\n  z-index: ", ";\n"], ["\n  ", "\n  position: fixed;\n  bottom: 0;\n  width: ", "px;\n  z-index: ", ";\n"])), getShadow(2, 'top'), stickyWidth, zIndexes.footer); };
+export var StyledFooter = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n\n  ", "\n"], ["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n\n  ", "\n"])), outerPageSpacing * -1, function (_a) {
     var $sticky = _a.$sticky, $stickyWidth = _a.$stickyWidth;
-    return $sticky && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      ", "\n      position: fixed;\n      bottom: 0;\n      width: ", "px;\n    "], ["\n      ", "\n      position: fixed;\n      bottom: 0;\n      width: ", "px;\n    "])), getShadow(2, 'top'), $stickyWidth);
+    return $sticky && getStickyFooterCSS($stickyWidth);
+}, function (_a) {
+    var $isAsideOpen = _a.$isAsideOpen, $stickyWidth = _a.$stickyWidth;
+    return $isAsideOpen && css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      @media (max-width: ", "px) {\n        ", "\n      }\n    "], ["\n      @media (max-width: ", "px) {\n        ", "\n      }\n    "])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), getStickyFooterCSS($stickyWidth));
+});
+export var StyledAside = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"], ["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"])), panelWidth, adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
+export var StyledAsidePanel = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    z-index: ", ";\n  }\n\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n  ", "\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"], ["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    z-index: ", ";\n  }\n\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n  ", "\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), zIndexes.panelNarrowScreen, panelWidth, colors.gray96, getShadow(2), zIndexes.panelWideScreen, function (_a) {
+    var _b = _a.$offsetTop, $offsetTop = _b === void 0 ? 0 : _b;
+    return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "], ["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "])), $offsetTop, $offsetTop);
 });
-export var StyledPanelContainer = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex: 0 0 400px;\n\n  @media (max-width: ", "px) {\n    flex-basis: 100%;\n  }\n"], ["\n  flex: 0 0 400px;\n\n  @media (max-width: ", "px) {\n    flex-basis: 100%;\n  }\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
-export var StyledPageMain = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"])), outerPageSpacing);
-export var StyledPageContainer = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"])), colors.gray96);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+export var StyledPageMain = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"])), outerPageSpacing);
+export var StyledPageContainer = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"])), colors.gray96);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
 //# sourceMappingURL=PageLayout.styles.js.map

package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/layouts/PageLayout/PageLayout.types.d.ts

@@ -1,5 +1,5 @@
 import React from '@storybook/api/node_modules/@types/react';
-import { DivAttributes } from '../../utils/types';
+import { DivAttributes, Props } from '../../utils/types';
 export interface PageComponentProps extends DivAttributes {
     children?: React.ReactNode;
 }
@@ -9,3 +9,9 @@ export interface PageHeaderProps extends PageComponentProps {
      */
     transparent?: boolean;
 }
+export interface PageAsideProps extends Props, DivAttributes {
+    /**
+     * @description If the aside block should be open
+     */
+    open?: boolean;
+}

package/dist/esm/layouts/PageLayout/index.d.ts

@@ -1 +1 @@
-export { Page } from './PageLayout';
+export { Page, PageAsideContext } from './PageLayout';

package/dist/esm/layouts/PageLayout/index.js

@@ -1,2 +1,2 @@
-export { Page } from './PageLayout';
+export { Page, PageAsideContext } from './PageLayout';
 //# sourceMappingURL=index.js.map

package/dist/esm/layouts/PageLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/utils/propsTypedoc.d.ts

@@ -1,30 +1,64 @@
 export * from '../components/Avatar/Avatar.types';
 export * from '../components/AvatarStack/AvatarStack.types';
+export * from '../components/Badge/Badge.types';
 export * from '../components/Banner/Banner.types';
 export * from '../components/Breadcrumbs/Breadcrumbs.types';
 export * from '../components/Button/Button.types';
-export * from '../components/Calendar/Calendar.types';
+export { CalendarProps, CalendarContainerProps, NavigationProps, NextPrevProps, BodyProps, WeekdaysProps, WeekProps, DayProps, SelectProps, } from '../components/Calendar/Calendar.types';
 export * from '../components/Card/Card.types';
 export * from '../components/Checkbox/Checkbox.types';
 export * from '../components/ContactItem/ContactItem.types';
+export * from '../components/DateInput/DateInput.types';
+export * from '../components/DateSelect/DateSelect.types';
 export * from '../components/Dropdown/Dropdown.types';
+export * from '../components/DropdownFlyout/DropdownFlyout.types';
 export * from '../components/Dropzone/Dropzone.types';
 export * from '../components/EmptyState/EmptyState.types';
+export * from '../components/FileList/FileList.types';
+export { FileSelectProps, QaTags as FileSelectQaTags, } from '../components/FileSelect/FileSelect.types';
+export * from '../components/FileSelect/GridSource/GridSource.types';
+export { LocalSourceProps } from '../components/FileSelect/LocalSource/LocalSource.types';
+export * from '../components/FileSelect/TreeSource/TreeSource.types';
+export * from '../components/Font/Font.types';
+export * from '../components/Form/Form.types';
 export * from '../components/GroupSelect/GroupSelect.types';
+export * from '../components/Input/Input.types';
+export * from '../components/Icon/Icon.types';
 export * from '../components/Link/Link.types';
+export { MenuProps, MenuSearchProps, OptionsProps as MenuOptionsProps, GroupProps as MenuGroupProps, ItemProps as MenuItemProps, HeaderProps as MenuHeaderProps, FooterProps as MenuFooterProps, } from '../components/Menu/Menu.types';
+export * from '../components/MenuImperative/MenuImperative.types';
 export * from '../components/Modal/Modal.types';
+export { MultiSelectProps } from '../components/MultiSelect/MultiSelect.types';
+export * from '../components/Notation/Notation.types';
+export * from '../components/NumberInput/NumberInput.types';
+export * from '../components/OverlayTrigger/OverlayTrigger';
+export { PresetPaginationProps } from '../components/Pagination/Pagination.types';
+export * from '../components/Panel/Panel.types';
 export * from '../components/Pill/Pill.types';
 export * from '../components/PillSelect/PillSelect.types';
 export * from '../components/Popover/Popover.types';
-export * from '../components/Slider/Slider.types';
+export * from '../components/ProgressBar/ProgressBar.types';
 export * from '../components/RadioButton/RadioButton.types';
 export * from '../components/Required/Required.types';
+export * from '../components/Search/Search.types';
 export * from '../components/SegmentedController/SegmentedController.types';
+export * from '../components/Select/Select.types';
 export * from '../components/Spinner/Spinner.types';
+export * from '../components/Slider/Slider.types';
 export * from '../components/Switch/Switch.types';
+export { TableProps, BodyRowProps, CaratProps, GroupProps, GroupTitleProps, HeaderCellProps, BodyCellProps, IconCellProps, InputCellProps, TextAreaCellProps, DateSelectCellProps, SelectCellProps, LinkCellProps, TextCellProps, CurrencyCellProps, } from '../components/Table/Table.types';
+export { TabProps, TabsProps } from '../components/Tabs/Tabs.types';
+export * from '../components/TextArea/TextArea.types';
+export * from '../components/TextEditor/TextEditor.types';
+export { ThumbnailProps, PlaceholderProps, } from '../components/Thumbnail/Thumbnail.types';
+export * from '../components/TieredDropdown/TieredDropdown.types';
+export { TieredSelectProps } from '../components/TieredSelect/TieredSelect.types';
+export * from '../components/Tile/Tile.types';
 export * from '../components/Toast/Toast.types';
+export * from '../components/Token/Token.types';
 export * from '../components/Tooltip/Tooltip.types';
 export * from '../components/Tree/Tree.types';
 export * from '../components/Typeahead/Typeahead.types';
 export * from '../components/Typography/Typography.types';
 export * from '../layouts/NextGrid/NextGrid.types';
+export { Props } from './types';

package/dist/esm/utils/propsTypedoc.js

@@ -1,28 +1,51 @@
 export * from '../components/Avatar/Avatar.types';
 export * from '../components/AvatarStack/AvatarStack.types';
+export * from '../components/Badge/Badge.types';
 export * from '../components/Banner/Banner.types';
 export * from '../components/Breadcrumbs/Breadcrumbs.types';
 export * from '../components/Button/Button.types';
-export * from '../components/Calendar/Calendar.types';
 export * from '../components/Card/Card.types';
 export * from '../components/Checkbox/Checkbox.types';
 export * from '../components/ContactItem/ContactItem.types';
+export * from '../components/DateInput/DateInput.types';
+export * from '../components/DateSelect/DateSelect.types';
 export * from '../components/Dropdown/Dropdown.types';
+export * from '../components/DropdownFlyout/DropdownFlyout.types';
 export * from '../components/Dropzone/Dropzone.types';
 export * from '../components/EmptyState/EmptyState.types';
+export * from '../components/FileList/FileList.types';
+export * from '../components/FileSelect/GridSource/GridSource.types';
+export * from '../components/FileSelect/TreeSource/TreeSource.types';
+export * from '../components/Font/Font.types';
+export * from '../components/Form/Form.types';
 export * from '../components/GroupSelect/GroupSelect.types';
+export * from '../components/Input/Input.types';
+export * from '../components/Icon/Icon.types';
 export * from '../components/Link/Link.types';
+export * from '../components/MenuImperative/MenuImperative.types';
 export * from '../components/Modal/Modal.types';
+export * from '../components/Notation/Notation.types';
+export * from '../components/NumberInput/NumberInput.types';
+export * from '../components/OverlayTrigger/OverlayTrigger';
+export * from '../components/Panel/Panel.types';
 export * from '../components/Pill/Pill.types';
 export * from '../components/PillSelect/PillSelect.types';
 export * from '../components/Popover/Popover.types';
-export * from '../components/Slider/Slider.types';
+export * from '../components/ProgressBar/ProgressBar.types';
 export * from '../components/RadioButton/RadioButton.types';
 export * from '../components/Required/Required.types';
+export * from '../components/Search/Search.types';
 export * from '../components/SegmentedController/SegmentedController.types';
+export * from '../components/Select/Select.types';
 export * from '../components/Spinner/Spinner.types';
+export * from '../components/Slider/Slider.types';
 export * from '../components/Switch/Switch.types';
+export * from '../components/TextArea/TextArea.types';
+export * from '../components/TextEditor/TextEditor.types';
+export * from '../components/TieredDropdown/TieredDropdown.types';
+export * from '../components/Tile/Tile.types';
 export * from '../components/Toast/Toast.types';
+export * from '../components/Token/Token.types';
 export * from '../components/Tooltip/Tooltip.types';
 export * from '../components/Tree/Tree.types';
 export * from '../components/Typeahead/Typeahead.types';
@@ -30,27 +53,5 @@ export * from '../components/Typography/Typography.types';
 export * from '../layouts/NextGrid/NextGrid.types';
 /* Components without a .types file */
 // export * from '../components/CurrencyInput/CurrencyInput.types'
-// export * from '../components/DateSelect/DateSelect.types'
-// export * from '../components/DropdownFlyout/DropdownFlyout.types'
-// export * from "../components/FileSelect/FileSelect.types"
-// export * from "../components/Font/Font.types"
-// export * from "../components/Form/Form.types"
-// export * from "../components/Icon/Icon.types"
-// export * from "../components/Input/Input.types"
-// export * from "../components/Menu/Menu.types"
-// export * from "../components/MultiSelect/MultiSelect.types"
-// export * from "../components/Notation/Notation.types"
-// export * from "../components/NumberInput/NumberInput.types"
-// export * from "../components/OverlayTrigger/OverlayTrigger.types"
-// export * from "../components/Pagination/Pagination.types"
-// export * from "../components/Search/Search.types"
-// export * from "../components/Select/Select.types"
 // export * from "../components/Semantic/Semantic.types"
-// export * from "../components/Table/Table.types"
-// export * from "../components/Tabs/Tabs.types"
-// export * from "../components/TextArea/TextArea.types"
-// export * from "../components/TextEditor/TextEditor.types"
-// export * from "../components/Thumbnail/Thumbnail.types"
-// export * from "../components/TieredSelect/TieredSelect.types"
-// export * from "../components/Token/Token.types"
 //# sourceMappingURL=propsTypedoc.js.map

package/dist/esm/utils/propsTypedoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypedoc.js","sourceRoot":"","sources":["../../../src/utils/propsTypedoc.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,mCAAmC,CAAA;AACjD,cAAc,uCAAuC,CAAA;AACrD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,uCAAuC,CAAA;AACrD,cAAc,uCAAuC,CAAA;AACrD,cAAc,2CAA2C,CAAA;AACzD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2CAA2C,CAAA;AACzD,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,uCAAuC,CAAA;AACrD,cAAc,6DAA6D,CAAA;AAC3E,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAElD,sCAAsC;AACtC,kEAAkE;AAClE,4DAA4D;AAC5D,oEAAoE;AACpE,4DAA4D;AAC5D,gDAAgD;AAChD,gDAAgD;AAChD,gDAAgD;AAChD,kDAAkD;AAClD,gDAAgD;AAChD,8DAA8D;AAC9D,wDAAwD;AACxD,8DAA8D;AAC9D,oEAAoE;AACpE,4DAA4D;AAC5D,oDAAoD;AACpD,oDAAoD;AACpD,wDAAwD;AACxD,kDAAkD;AAClD,gDAAgD;AAChD,wDAAwD;AACxD,4DAA4D;AAC5D,0DAA0D;AAC1D,gEAAgE;AAChE,kDAAkD"}
+{"version":3,"file":"propsTypedoc.js","sourceRoot":"","sources":["../../../src/utils/propsTypedoc.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,mCAAmC,CAAA;AAYjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,uCAAuC,CAAA;AACrD,cAAc,mDAAmD,CAAA;AACjE,cAAc,uCAAuC,CAAA;AACrD,cAAc,2CAA2C,CAAA;AACzD,cAAc,uCAAuC,CAAA;AAKrD,cAAc,sDAAsD,CAAA;AAEpE,cAAc,sDAAsD,CAAA;AACpE,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6CAA6C,CAAA;AAC3D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAU7C,cAAc,mDAAmD,CAAA;AACjE,cAAc,iCAAiC,CAAA;AAE/C,cAAc,uCAAuC,CAAA;AACrD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6CAA6C,CAAA;AAE3D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2CAA2C,CAAA;AACzD,cAAc,qCAAqC,CAAA;AACnD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,uCAAuC,CAAA;AACrD,cAAc,mCAAmC,CAAA;AACjD,cAAc,6DAA6D,CAAA;AAC3E,cAAc,mCAAmC,CAAA;AACjD,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA;AAmBjD,cAAc,uCAAuC,CAAA;AACrD,cAAc,2CAA2C,CAAA;AAKzD,cAAc,mDAAmD,CAAA;AAEjE,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAKlD,sCAAsC;AACtC,kEAAkE;AAClE,wDAAwD"}

package/dist/esm/utils/types.d.ts

@@ -5,8 +5,17 @@ export interface RenderProp<T> {
     children: React.ReactNode | ((props: T) => React.ReactNode);
 }
 export interface Props {
+    /**
+     * Instead of using the default children, you can pass in your own.
+     */
     children?: React.ReactNode;
+    /**
+     * Additional classNames
+     */
     className?: string;
+    /**
+     * Additional CSS styles
+     */
     style?: React.CSSProperties;
 }
 export declare type AnchorAttributes = React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/dist/props/Avatar.json

@@ -1 +1 @@
-{"AvatarIconProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"icon","type":"ReactNode","required":true,"description":"The icon to display","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"AvatarLabelProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"AvatarPortraitProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"imageUrl","type":"string","required":true,"description":"The avatar rich media url","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"AvatarProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"clickable","type":"boolean","required":false,"description":"Sets the avatar's clickable state","defaultValue":"false\n"},{"name":"disabled","type":"boolean","required":false,"description":"Sets the avatar's disabled state","defaultValue":"false\n"},{"name":"size","type":"Extract","required":false,"description":"Sets the avatar's size","defaultValue":"md"},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"AvatarIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"icon","type":"ReactNode","required":true,"description":"The icon to display"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"AvatarLabelProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"AvatarPortraitProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"imageUrl","type":"string","required":true,"description":"The avatar rich media url"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"AvatarProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"clickable","type":"boolean","required":false,"description":"Sets the avatar's clickable state","defaultValue":"false\n"},{"name":"disabled","type":"boolean","required":false,"description":"Sets the avatar's disabled state","defaultValue":"false\n"},{"name":"size","type":"Extract","required":false,"description":"Sets the avatar's size","defaultValue":"md"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/AvatarStack.json

@@ -1 +1 @@
-{"AvatarStackItem":[{"name":"description","type":"string","required":false,"description":"Avatar description","defaultValue":null},{"name":"id","required":true,"description":"Avatar ID","defaultValue":null},{"name":"imageUrl","type":"string","required":false,"description":"Avatar image URL","defaultValue":null},{"name":"inactive","type":"boolean","required":false,"description":"Avatar inactive state","defaultValue":"false\n"},{"name":"initials","type":"string","required":false,"description":"Avatar initials","defaultValue":null},{"name":"linkUrl","type":"string","required":false,"description":"Avatar link URL","defaultValue":null},{"name":"name","type":"string","required":true,"description":"Avatar name","defaultValue":null},{"name":"type","required":true,"description":"Avatar type","defaultValue":null}],"AvatarStackProps":[{"name":"items","required":true,"description":"Avatar stack items","defaultValue":null},{"name":"size","required":false,"description":"Avatar stack size","defaultValue":"lg\n"},{"name":"title","type":"string","required":true,"description":"Avatar stack title","defaultValue":null}],"FoldedAvatarStackProps":[{"name":"isViewAllNeeded","type":"boolean","required":true,"description":null,"defaultValue":null},{"name":"items","required":true,"description":null,"defaultValue":null},{"name":"restCountLabel","required":true,"description":null,"defaultValue":null},{"name":"size","required":true,"description":null,"defaultValue":null},{"name":"onClickViewAll","type":"","required":true,"description":null,"defaultValue":null}],"ViewAllModalProps":[{"name":"isOpen","type":"boolean","required":true,"description":null,"defaultValue":null},{"name":"items","required":true,"description":null,"defaultValue":null},{"name":"title","type":"string","required":true,"description":null,"defaultValue":null},{"name":"onClose","type":"","required":true,"description":null,"defaultValue":null}]}
+{"AvatarStackItem":[{"name":"description","type":"string","required":false,"description":"Avatar description"},{"name":"id","required":true,"description":"Avatar ID"},{"name":"imageUrl","type":"string","required":false,"description":"Avatar image URL"},{"name":"inactive","type":"boolean","required":false,"description":"Avatar inactive state","defaultValue":"false\n"},{"name":"initials","type":"string","required":false,"description":"Avatar initials"},{"name":"linkUrl","type":"string","required":false,"description":"Avatar link URL"},{"name":"name","type":"string","required":true,"description":"Avatar name"},{"name":"type","required":true,"description":"Avatar type"}],"AvatarStackProps":[{"name":"items","required":true,"description":"Avatar stack items"},{"name":"size","required":false,"description":"Avatar stack size","defaultValue":"lg\n"},{"name":"title","type":"string","required":true,"description":"Avatar stack title"}],"FoldedAvatarStackProps":[{"name":"isViewAllNeeded","type":"boolean","required":true},{"name":"items","required":true},{"name":"restCountLabel","required":true},{"name":"size","required":true},{"name":"onClickViewAll","type":"void","required":true}],"ViewAllModalProps":[{"name":"isOpen","type":"boolean","required":true},{"name":"items","required":true},{"name":"title","type":"string","required":true},{"name":"onClose","type":"void","required":true}]}

package/dist/props/Badge.json

@@ -0,0 +1 @@
+{"BadgeLabelProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"BadgeProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/Banner.json

@@ -1 +1 @@
-{"BannerIconProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"icon","required":true,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"BannerProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"variant","required":true,"description":"Sets the banner's variant.","defaultValue":null}],"ExpandableProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"expanded","type":"boolean","required":true,"description":"Expands banner content","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"BannerIconProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"icon","required":true},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"BannerProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":true,"description":"Sets the banner's variant."}],"ExpandableProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"expanded","type":"boolean","required":true,"description":"Expands banner content"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/Breadcrumbs.json

@@ -1 +1 @@
-{"BreadcrumbCrumbProps":[{"name":"active","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"BreadcrumbProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"BreadcrumbCrumbProps":[{"name":"active","type":"boolean","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"BreadcrumbProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/Button.json

@@ -1 +1 @@
-{"ButtonProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent","defaultValue":null},{"name":"icon","type":"ReactNode","required":false,"defaultValue":null},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label","defaultValue":null},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner","defaultValue":null},{"name":"size","required":false,"description":"The size of the button","defaultValue":null},{"name":"variant","required":false,"defaultValue":null}],"LinkButtonProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent","defaultValue":null},{"name":"icon","type":"ReactNode","required":false,"defaultValue":null},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label","defaultValue":null},{"name":"size","required":false,"description":"The size of the button","defaultValue":null},{"name":"variant","required":false,"defaultValue":null}]}
+{"ButtonProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner"},{"name":"size","required":false,"description":"The size of the button"},{"name":"variant","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}],"LinkButtonProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"size","required":false,"description":"The size of the button"},{"name":"variant","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}]}

package/dist/props/Calendar.json

@@ -1 +1 @@
-{"BodyProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"displayDate","type":"Date","required":false,"description":null,"defaultValue":null},{"name":"monthRef","type":"Ref","required":false,"description":"Provide a function to disable dates. Must return a boolean.","defaultValue":null},{"name":"selectedEnd","type":"Date","required":false,"description":"End of the highlight of a day range","defaultValue":null},{"name":"selectedStart","type":"Date","required":false,"description":"Start of the highlight of a day range","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"yearRef","type":"Ref","required":false,"description":null,"defaultValue":null},{"name":"disabledDate","type":"","required":false,"description":null,"defaultValue":null},{"name":"onSelect","type":"","required":false,"description":null,"defaultValue":null}],"CalendarContainerProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"CalendarProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"displayDate","type":"Date","required":false,"description":null,"defaultValue":null},{"name":"monthRef","type":"Ref","required":false,"description":"Provide a function to disable dates. Must return a boolean.","defaultValue":null},{"name":"selectedEnd","type":"Date","required":false,"description":"End of the highlight of a day range","defaultValue":null},{"name":"selectedStart","type":"Date","required":false,"description":"Start of the highlight of a day range","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"yearRef","type":"Ref","required":false,"description":null,"defaultValue":null},{"name":"disabledDate","type":"","required":false,"description":null,"defaultValue":null},{"name":"onNavigate","type":"","required":false,"description":null,"defaultValue":null},{"name":"onSelect","type":"","required":false,"description":null,"defaultValue":null}],"DayProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"disabled","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"isCurrentMonth","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"isRangeEnd","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"isRangeStart","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"isToday","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"onClick","required":false,"description":null,"defaultValue":null},{"name":"selected","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"NavigationProps":[{"name":"alignContent","type":"FlexAlignContent","required":false,"description":null,"defaultValue":null},{"name":"alignItems","type":"FlexAlign","required":false,"description":null,"defaultValue":null},{"name":"alignSelf","type":"FlexAlign","required":false,"description":null,"defaultValue":null},{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"display","type":"Display","required":false,"description":null,"defaultValue":null},{"name":"flex","required":false,"description":null,"defaultValue":null},{"name":"flexBasis","required":false,"description":null,"defaultValue":null},{"name":"flexDirection","type":"FlexDirection","required":false,"description":null,"defaultValue":null},{"name":"flexGrow","required":false,"description":null,"defaultValue":null},{"name":"flexShrink","required":false,"description":null,"defaultValue":null},{"name":"flexWrap","type":"FlexWrap","required":false,"description":null,"defaultValue":null},{"name":"justifyContent","type":"FlexJustify","required":false,"description":null,"defaultValue":null},{"name":"margin","type":"string","required":false,"description":null,"defaultValue":null},{"name":"marginBottom","type":"MarginSize","required":false,"description":null,"defaultValue":null},{"name":"marginLeft","type":"MarginSize","required":false,"description":null,"defaultValue":null},{"name":"marginRight","type":"MarginSize","required":false,"description":null,"defaultValue":null},{"name":"marginTop","type":"MarginSize","required":false,"description":null,"defaultValue":null},{"name":"order","type":"number","required":false,"description":null,"defaultValue":null},{"name":"padding","type":"string","required":false,"description":null,"defaultValue":null},{"name":"paddingBottom","type":"PaddingSize","required":false,"description":null,"defaultValue":null},{"name":"paddingLeft","type":"PaddingSize","required":false,"description":null,"defaultValue":null},{"name":"paddingRight","type":"PaddingSize","required":false,"description":null,"defaultValue":null},{"name":"paddingTop","type":"PaddingSize","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"tabIndex","type":"number","required":false,"description":null,"defaultValue":null},{"name":"textAlign","type":"TextAlign","required":false,"description":null,"defaultValue":null}],"NextPrevProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"onClick","type":"","required":true,"description":null,"defaultValue":null}],"SelectOption":[{"name":"label","type":"string","required":true,"description":null,"defaultValue":null},{"name":"value","type":"number","required":true,"description":null,"defaultValue":null}],"SelectProps":[{"name":"block","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"label","type":"string","required":true,"description":null,"defaultValue":null},{"name":"options","required":false,"description":"Expects an array of objects with the following shape","defaultValue":null},{"name":"selected","type":"number","required":false,"description":"Identifier of the selected value","defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"onSelect","type":"","required":true,"description":null,"defaultValue":null}],"WeekProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}],"WeekdaysProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"BodyProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"displayDate","type":"Date","required":false,"description":"Controls the month displayed on the calendar, can be different from selected."},{"name":"monthRef","type":"Ref","required":false,"description":"Provide a function to disable dates. Must return a boolean."},{"name":"selectedEnd","type":"Date","required":false,"description":"End of the highlight of a day range"},{"name":"selectedStart","type":"Date","required":false,"description":"Start of the highlight of a day range"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"yearRef","type":"Ref","required":false},{"name":"disabledDate","type":"boolean","required":true},{"name":"onSelect","type":"void","required":true,"description":"Click handler for selecting a day."}],"CalendarContainerProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"CalendarProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"displayDate","type":"Date","required":false,"description":"Controls the month displayed on the calendar, can be different from selected."},{"name":"monthRef","type":"Ref","required":false,"description":"Provide a function to disable dates. Must return a boolean."},{"name":"selectedEnd","type":"Date","required":false,"description":"End of the highlight of a day range"},{"name":"selectedStart","type":"Date","required":false,"description":"Start of the highlight of a day range"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"yearRef","type":"Ref","required":false},{"name":"disabledDate","type":"boolean","required":true},{"name":"onNavigate","type":"void","required":true,"description":"Click handler for navigating the calendar, with arrows or selects."},{"name":"onSelect","type":"void","required":true,"description":"Click handler for selecting a day."}],"DayProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false},{"name":"isCurrentMonth","type":"boolean","required":false},{"name":"isRangeEnd","type":"boolean","required":false},{"name":"isRangeStart","type":"boolean","required":false},{"name":"isToday","type":"boolean","required":false},{"name":"onClick","required":false},{"name":"selected","type":"boolean","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"NavigationProps":[{"name":"alignContent","type":"FlexAlignContent","required":false},{"name":"alignItems","type":"FlexAlign","required":false},{"name":"alignSelf","type":"FlexAlign","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"display","type":"Display","required":false},{"name":"flex","required":false},{"name":"flexBasis","required":false},{"name":"flexDirection","type":"FlexDirection","required":false},{"name":"flexGrow","required":false},{"name":"flexShrink","required":false},{"name":"flexWrap","type":"FlexWrap","required":false},{"name":"justifyContent","type":"FlexJustify","required":false},{"name":"margin","type":"string","required":false},{"name":"marginBottom","type":"MarginSize","required":false},{"name":"marginLeft","type":"MarginSize","required":false},{"name":"marginRight","type":"MarginSize","required":false},{"name":"marginTop","type":"MarginSize","required":false},{"name":"order","type":"number","required":false},{"name":"padding","type":"string","required":false},{"name":"paddingBottom","type":"PaddingSize","required":false},{"name":"paddingLeft","type":"PaddingSize","required":false},{"name":"paddingRight","type":"PaddingSize","required":false},{"name":"paddingTop","type":"PaddingSize","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"tabIndex","type":"number","required":false},{"name":"textAlign","type":"TextAlign","required":false}],"NextPrevProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"onClick","type":"void","required":true}],"SelectProps":[{"name":"block","type":"boolean","required":false},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"label","type":"string","required":true},{"name":"options","required":false,"description":"Expects an array of objects with the following shape"},{"name":"selected","type":"number","required":false,"description":"Identifier of the selected value"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"onSelect","type":"any","required":true}],"WeekProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}],"WeekdaysProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/Card.json

@@ -1 +1 @@
-{"CardProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"level","required":false,"defaultValue":null},{"name":"shadowStrength","required":false,"description":"Determines shadow strength","defaultValue":"1\n"},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null},{"name":"variant","required":false,"description":"The card variant","defaultValue":null}]}
+{"CardProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"level","required":false,"description":"The card level for determining the shadow"},{"name":"shadowStrength","required":false,"description":"Determines shadow strength","defaultValue":"1\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","required":false,"description":"The card variant"}]}

package/dist/props/Checkbox.json

@@ -1 +1 @@
-{"CheckboxProps":[{"name":"checked","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"disabled","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"error","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"indeterminate","type":"boolean","required":false,"description":null,"defaultValue":null},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"CheckboxProps":[{"name":"checked","type":"boolean","required":false,"description":"Checked state of the checkbox"},{"name":"children","type":"ReactNode","required":false,"description":"The contents of the checkbox label"},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"disabled","type":"boolean","required":false,"description":"Disabled state of the checkbox"},{"name":"error","type":"boolean","required":false,"description":"Error state of the checkbox"},{"name":"indeterminate","type":"boolean","required":false,"description":"Indeterminate state of the checkbox"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}

package/dist/props/ContactItem.json

@@ -1 +1 @@
-{"ContactItemProps":[{"name":"children","type":"ReactNode","required":false,"description":null,"defaultValue":null},{"name":"className","type":"string","required":false,"description":null,"defaultValue":null},{"name":"clickable","type":"boolean","required":false,"description":"Is the contact item clickable","defaultValue":"false\n"},{"name":"disabled","type":"boolean","required":false,"description":"Is the contact item disabled","defaultValue":"false\n"},{"name":"icon","type":"ReactNode","required":false,"description":"The icon to display","defaultValue":null},{"name":"imageUrl","type":"string","required":false,"description":"The avatar rich media url","defaultValue":null},{"name":"initials","type":"string","required":false,"description":"Avatar text label","defaultValue":null},{"name":"selected","type":"boolean","required":false,"description":"Is the contact item selected","defaultValue":"false\n"},{"name":"style","type":"CSSProperties","required":false,"description":null,"defaultValue":null}]}
+{"ContactItemProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"clickable","type":"boolean","required":false,"description":"Is the contact item clickable","defaultValue":"false\n"},{"name":"disabled","type":"boolean","required":false,"description":"Is the contact item disabled","defaultValue":"false\n"},{"name":"icon","type":"ReactNode","required":false,"description":"The icon to display"},{"name":"imageUrl","type":"string","required":false,"description":"The avatar rich media url"},{"name":"initials","type":"string","required":false,"description":"Avatar text label"},{"name":"selected","type":"boolean","required":false,"description":"Is the contact item selected","defaultValue":"false\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}