@procore/core-react 11.20.0-vite.1 → 11.20.0

package/dist/Select/Select.types.d.ts

@@ -0,0 +1,274 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/Button.types';
+import { DropdownPlacement } from '../Dropdown/Dropdown.types';
+import { MenuProps, MenuRef } from '../MenuImperative/MenuImperative.types';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+export declare type SelectPlacement = DropdownPlacement;
+declare type DivProps = React.ComponentPropsWithoutRef<'div'>;
+export interface SelectMenuProps extends Omit<DivProps, 'onSelect' | 'onDragEnd'> {
+    /**
+     * @since 10.19.0
+     */
+    emptyMessage?: string;
+    /**
+     * @since 10.19.0
+     */
+    footer?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.19.0
+     */
+    onClear?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom?: MenuProps['onScrollBottom'];
+    /**
+     * @since 10.19.0
+     */
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: MenuProps['onSelect'];
+    /**
+     * @since 10.19.0
+     */
+    optionsRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * @since 10.19.0
+     */
+    menuRef: React.RefObject<MenuRef>;
+}
+export interface SelectOptionProps extends DivProps {
+    /**
+     * @since 10.19.0
+     */
+    index?: number;
+    /**
+     * @since 10.19.0
+     */
+    value: any;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Represents the currently selected value. This option will be styled
+     * differently as well as receive UX to scroll into view and start list
+     * navigation from this element.
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * If nothing is selected, suggest this option. Suggested options mimic the
+     * UX of a selected option, scroll into view and start list navigation from
+     * this element.
+     * @since 10.19.0
+     */
+    suggested?: boolean;
+}
+interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    clear: string;
+}
+export interface SelectProps extends Omit<DivProps, 'onSelect'> {
+    /**
+     * @since 10.19.0
+     */
+    afterHide?: OverlayTriggerProps['afterHide'];
+    /**
+     * @since 10.19.0
+     */
+    afterShow?: OverlayTriggerProps['afterShow'];
+    /**
+     * @since 10.19.0
+     */
+    beforeHide?: OverlayTriggerProps['beforeHide'];
+    /**
+     * @since 10.19.0
+     */
+    beforeShow?: OverlayTriggerProps['beforeShow'];
+    /**
+     * Make the Select button 100% width
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * @default false
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * When there are no children this will render
+     * @since 10.19.0
+     */
+    emptyMessage?: string;
+    /**
+     * @default false
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    footer?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    hideDelay?: number;
+    /**
+     * The i18n key to use for the select's configurable strings.
+     * Defaults to using the core library's default strings.
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.19.0
+     */
+    label?: React.ReactNode;
+    /**
+     * If the select is loading
+     * @default false
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * It is possible for this component to have an empty value
+     * (render placeholder). Enables the x icon.
+     * @since 10.19.0
+     */
+    onClear?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Optional <Code>function</Code> that automatically executes when
+     * scrolling reaches the last item.
+     * @since 10.19.0
+     */
+    onScrollBottom?: MenuProps['onScrollBottom'];
+    /**
+     * Adds a search bar to the select.
+     * @since 10.19.0
+     */
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: MenuProps['onSelect'];
+    /**
+     * @since 10.19.0
+     */
+    optionsRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Renders when the label is blank
+     * @since 10.19.0
+     */
+    placeholder?: string;
+    /**
+     * The placement of the overlay
+     * @default 'bottom-left'
+     * @since 10.19.0
+     */
+    placement?: SelectPlacement;
+    /**
+     * @since 10.19.0
+     */
+    qa?: Partial<QaTags>;
+    /**
+     * @since 10.19.0
+     */
+    showDelay?: number;
+    /**
+     * Configurable tabIndex for the select button
+     * @default 0
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+}
+export interface SelectButtonProps extends DivProps {
+    /**
+     * @since 10.19.0
+     */
+    block?: ButtonProps['block'];
+    /**
+     * @since 10.19.0
+     */
+    clearRef?: React.RefObject<HTMLButtonElement>;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: ButtonProps['disabled'];
+    /**
+     * @since 10.19.0
+     */
+    dropdown?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @since 11.9.0
+     * If the component should apply a focus appeareance. This is
+     * not DOM focus management, and purely visual.
+     */
+    focus?: boolean | ((obj: {
+        open: boolean;
+    }) => boolean);
+    /**
+     * @since 10.19.0
+     */
+    icon?: ButtonProps['icon'];
+    /**
+     * @since 10.19.0
+     */
+    label?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    loading?: ButtonProps['loading'];
+    /**
+     * @since 10.19.0
+     */
+    onClear?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    open?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    placeholder?: string;
+    /**
+     * @since 10.19.0
+     */
+    qa?: Partial<QaTags>;
+    /**
+     * @since 10.19.0
+     */
+    size?: ButtonProps['size'];
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    type?: ButtonProps['type'];
+    /**
+     * @since 10.19.0
+     */
+    variant?: ButtonProps['variant'];
+    /**
+     * @since 10.19.0
+     */
+    isMenuOpened?: boolean;
+}
+export {};

package/dist/Select/Select.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Select.types.js.map

package/dist/Select/Select.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.js","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":""}

package/dist/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export { SelectButtonProps, SelectOptionProps, SelectProps, } from './Select.types';

package/dist/Select/index.js

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

package/dist/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/Semantic/Semantic.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { HeadingProps } from './Semantic.types';
+export declare const H1: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H2: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H3: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H4: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H5: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const H6: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * @param level 1 - 6
+ * @returns H1 - H6 component
+ */
+export declare function getHeadingComponent(level: string | number): React.ForwardRefExoticComponent<HeadingProps>;
+export declare const P: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const UL: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+export declare const Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLabelElement> & {
+    htmlFor?: string | undefined;
+    block?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;

package/dist/Semantic/Semantic.js

@@ -0,0 +1,66 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { StyledH1, StyledH2, StyledH3, StyledLabel, StyledP, StyledUL, } from './Semantic.styles';
+export var H1 = React.forwardRef(function H1(props, ref) {
+    return React.createElement(StyledH1, __assign({}, props, { ref: ref }));
+});
+export var H2 = React.forwardRef(function H2(props, ref) {
+    return React.createElement(StyledH2, __assign({}, props, { ref: ref }));
+});
+export var H3 = React.forwardRef(function H3(props, ref) {
+    return React.createElement(StyledH3, __assign({}, props, { ref: ref }));
+});
+export var H4 = React.forwardRef(function H4(props, ref) {
+    return React.createElement(H3, __assign({ as: "h4" }, props, { ref: ref }));
+});
+export var H5 = React.forwardRef(function H5(props, ref) {
+    return React.createElement(H3, __assign({ as: "h5", style: { fontSize: '90%' } }, props, { ref: ref }));
+});
+export var H6 = React.forwardRef(function H6(props, ref) {
+    return React.createElement(H3, __assign({ as: "h6", style: { fontSize: '85%' } }, props, { ref: ref }));
+});
+var UnknownHeading = React.forwardRef(function UnknownHeading(props, ref) {
+    return React.createElement("strong", __assign({}, props, { ref: ref }));
+});
+var levelToComponent = {
+    '1': H1,
+    '2': H2,
+    '3': H3,
+    '4': H4,
+    '5': H5,
+    '6': H6,
+};
+/**
+ * @param level 1 - 6
+ * @returns H1 - H6 component
+ */
+export function getHeadingComponent(level) {
+    // @ts-ignore
+    return levelToComponent[String(level)] || UnknownHeading;
+}
+export var P = React.forwardRef(function P(props, ref) {
+    return React.createElement(StyledP, __assign({}, props, { ref: ref }));
+});
+export var UL = React.forwardRef(function UL(props, ref) {
+    return React.createElement(StyledUL, __assign({}, props, { ref: ref }));
+});
+export var Label = React.forwardRef(function Label(props, ref) {
+    return React.createElement(StyledLabel, __assign({}, props, { ref: ref }));
+});
+H1.displayName = 'H1';
+H2.displayName = 'H2';
+H3.displayName = 'H3';
+P.displayName = 'P';
+UL.displayName = 'UL';
+Label.displayName = 'Label';
+//# sourceMappingURL=Semantic.js.map

package/dist/Semantic/Semantic.js.map

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

package/dist/Semantic/Semantic.styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { TypographyProps } from '../Typography';
+export declare const StyledH1: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const StyledH2: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const StyledH3: import("styled-components").StyledComponent<"h3", any, {}, never>;
+/** Small icons align with font and line height */
+export declare function getSmallIconBodyTextRules(): import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledP: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const StyledUL: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, import("../Typography/Typography.styles").StyledTypographyProps & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+} & TypographyProps> & {
+    [others: string]: any;
+}, string | number>;
+/**
+ * An unstyled `button`, browser reset
+ */
+export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
+/**
+ * An unstyled `button`, browser reset
+ */
+export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+/**
+ * An a styled component a
+ */
+export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;

package/dist/Semantic/Semantic.styles.js

@@ -0,0 +1,58 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { StyledRequiredContainer } from '../Required/Required.styles';
+import { getTypographyIntent, semiboldRules, StyledTypography, } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledH1 = styled.h1(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  margin: 0;\n"], ["\n  color: ", ";\n  ", "\n  margin: 0;\n"])), colors.gray15, getTypographyIntent('h1'));
+export var StyledH2 = styled.h2(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  margin: 0;\n"], ["\n  color: ", ";\n  ", "\n  margin: 0;\n"])), colors.gray15, getTypographyIntent('h2'));
+export var StyledH3 = styled.h3(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  margin: 0;\n"], ["\n  color: ", ";\n  ", "\n  margin: 0;\n"])), colors.gray15, getTypographyIntent('h3'));
+var topMarginRules = function () {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    & + &,\n    p + &,\n    ul + & {\n      margin-top: ", "px;\n    }\n  "], ["\n    & + &,\n    p + &,\n    ul + & {\n      margin-top: ", "px;\n    }\n  "])), spacing.lg);
+};
+// Should this be on Typography? body | label
+/** Small icons align with font and line height */
+export function getSmallIconBodyTextRules() {
+    var space = spacing.xs;
+    var spaceWhenTouch = spacing.sm;
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    & > [data-qa^='ci'] {\n      height: 16px;\n      width: 16px;\n      vertical-align: middle;\n      margin-left: ", "px;\n\n      &[tabindex='0'] {\n        margin-left: ", "px;\n      }\n\n      &:first-child {\n        margin-left: 0;\n        margin-right: ", "px;\n        vertical-align: sub;\n\n        &[tabindex='0'] {\n          margin-right: ", "px;\n        }\n      }\n    }\n  "], ["\n    & > [data-qa^='ci'] {\n      height: 16px;\n      width: 16px;\n      vertical-align: middle;\n      margin-left: ", "px;\n\n      &[tabindex='0'] {\n        margin-left: ", "px;\n      }\n\n      &:first-child {\n        margin-left: 0;\n        margin-right: ", "px;\n        vertical-align: sub;\n\n        &[tabindex='0'] {\n          margin-right: ", "px;\n        }\n      }\n    }\n  "])), space, spaceWhenTouch, space, spaceWhenTouch);
+}
+export var StyledP = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  ", "\n  ", "\n"], ["\n  color: ", ";\n  ", "\n  ", "\n  ", "\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
+export var StyledUL = styled.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"], ["\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  ", "\n  ", "\n\n  padding-left: ", "px;\n\n  & > li {\n    list-style-type: disc;\n  }\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
+function enforceLabelTypography(props) {
+    return {
+        as: props.as || 'label',
+        intent: 'label',
+    };
+}
+export var StyledLabel = styled(StyledTypography).attrs(enforceLabelTypography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  ", "\n\n  > ", " {\n    margin-left: ", "px;\n    vertical-align: top;\n  }\n"], ["\n  ", "\n  ", "\n\n  > ", " {\n    margin-left: ", "px;\n    vertical-align: top;\n  }\n"
+    /**
+     * An unstyled `button`, browser reset
+     */
+])), function (_a) {
+    var _b = _a.block, block = _b === void 0 ? false : _b;
+    return block && "display: block;";
+}, getSmallIconBodyTextRules, StyledRequiredContainer, spacing.xs);
+/**
+ * An unstyled `button`, browser reset
+ */
+export function getUnstyledButton() {
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  "], ["\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  "])));
+}
+/**
+ * An unstyled `button`, browser reset
+ */
+export var StyledUnstyledButton = styled.button(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
+    /**
+     * An a styled component a
+     */
+])), getUnstyledButton);
+/**
+ * An a styled component a
+ */
+export var StyledAnchor = styled.a(templateObject_11 || (templateObject_11 = __makeTemplateObject([""], [""])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=Semantic.styles.js.map

package/dist/Semantic/Semantic.styles.js.map

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

package/dist/Semantic/Semantic.types.d.ts

@@ -0,0 +1,8 @@
+import { HeadingAttributes } from '../_utils/types';
+export interface HeadingProps extends HeadingAttributes {
+    /**
+     * Change the HTML tag.
+     * @since 11.12.0
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}

package/dist/Semantic/Semantic.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Semantic.types.js.map

package/dist/Semantic/Semantic.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Semantic.types.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.types.ts"],"names":[],"mappings":""}

package/dist/Semantic/index.d.ts

@@ -0,0 +1 @@
+export { H1, H2, H3, Label, P, UL } from './Semantic';

package/dist/Semantic/index.js

@@ -0,0 +1,2 @@
+export { H1, H2, H3, Label, P, UL } from './Semantic';
+//# sourceMappingURL=index.js.map

package/dist/Semantic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA"}

package/dist/Sidebar/Sidebar.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { AnchorAttributes, DivAttributes, HeadingAttributes, LiAttributes, OlAttributes, Props } from '../_utils/types';
+interface SidebarMenuItemProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    active?: boolean;
+}
+export declare const Sidebar_: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+export declare const HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+/**
+ * @deprecated
+ * This design has been removed from the system.  The sidebar concepts are incoportated into other components. Instead you may want one of the following:
+ * - `Panel`
+ * - `Page.Aside` for layout location
+ * - `Title`
+ * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
+ * - `Menu`
+ */
+/** @deprecatedSince 10.19.0 */
+export declare const Sidebar: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>> & {
+    /** @deprecated Visual dividers are a parent of Panel.Section */
+    /** @deprecatedSince 10.19.0 */
+    Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try block prop on a Button */
+    /** @deprecatedSince 10.19.0 */
+    Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try Title */
+    /** @deprecatedSince 10.19.0 */
+    Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try Title and Title.Text or Panel componenls } */
+    /** @deprecatedSince 10.19.0 */
+    HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+    /** @deprecated Try Title.Actions or Panel.HeaderActions */
+    /** @deprecatedSince 10.19.0 */
+    HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+};
+export {};

package/dist/Sidebar/Sidebar.js

@@ -0,0 +1,100 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { H2 } from '../Semantic';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledSidebar, StyledSidebarButton, StyledSidebarDivider, StyledSidebarHeader, StyledSidebarHeaderAction, StyledSidebarMenu, StyledSidebarMenuItem, } from './Sidebar.styles';
+export var Sidebar_ = React.forwardRef(function Sidebar(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebar, __assign({ ref: ref }, props), children));
+});
+export var Divider = React.forwardRef(function Divider(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React.createElement(StyledSidebarDivider, __assign({}, props, { ref: ref }));
+});
+export var Button = React.forwardRef(function Button(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarButton, __assign({}, props, { ref: ref }), children));
+});
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeader, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderLabel = React.forwardRef(function HeaderLabel(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(H2, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeaderAction, __assign({}, props, { ref: ref }), children));
+});
+export var Menu = React.forwardRef(function Menu(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarMenu, __assign({}, props, { ref: ref }), children));
+});
+export var MenuItem = React.forwardRef(function MenuItem(_a, ref) {
+    var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["active", "children"]);
+    return (React.createElement(StyledSidebarMenuItem, __assign({}, props, { "$active": active, ref: ref }), children));
+});
+Sidebar_.displayName = 'Sidebar';
+Divider.displayName = 'Sidebar.Divider';
+Button.displayName = 'Sidebar.Button';
+Header.displayName = 'Sidebar.Header';
+HeaderLabel.displayName = 'Sidebar.HeaderLabel';
+HeaderAction.displayName = 'Sidebar.HeaderAction';
+Menu.displayName = 'Sidebar.Menu';
+MenuItem.displayName = 'Sidebar.MenuItem';
+/**
+ * @deprecated
+ * This design has been removed from the system.  The sidebar concepts are incoportated into other components. Instead you may want one of the following:
+ * - `Panel`
+ * - `Page.Aside` for layout location
+ * - `Title`
+ * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
+ * - `Menu`
+ */
+/** @deprecatedSince 10.19.0 */
+export var Sidebar = addSubcomponents({
+    /** @deprecated Visual dividers are a parent of Panel.Section */
+    /** @deprecatedSince 10.19.0 */
+    Divider: Divider,
+    /** @deprecated Try block prop on a Button */
+    /** @deprecatedSince 10.19.0 */
+    Button: Button,
+    /** @deprecated Try Title */
+    /** @deprecatedSince 10.19.0 */
+    Header: Header,
+    /** @deprecated Try Title and Title.Text or Panel componenls } */
+    /** @deprecatedSince 10.19.0 */
+    HeaderLabel: HeaderLabel,
+    /** @deprecated Try Title.Actions or Panel.HeaderActions */
+    /** @deprecatedSince 10.19.0 */
+    HeaderAction: HeaderAction,
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    Menu: Menu,
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    MenuItem: MenuItem,
+}, Sidebar_);
+//# sourceMappingURL=Sidebar.js.map