@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/RadioButton/RadioButton.styles.js

@@ -0,0 +1,24 @@
+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 { colors } from '../_styles/colors';
+import { getFocus } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var dataQa = {
+    focused: 'core-radio-focused',
+};
+var radioButtonSize = 20;
+export var StyledRadioButton = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: ", ";\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  ", "\n"])), colors.gray15, spacing.md, function (_a) {
+    var $error = _a.$error;
+    return $error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", ":before,\n      ", ":checked:not(:disabled) + ", ":before {\n        border-color: ", ";\n      }\n\n      ", ":checked:disabled + ", ":before {\n        border-color: ", ";\n      }\n    "], ["\n      ", ":before,\n      ", ":checked:not(:disabled) + ", ":before {\n        border-color: ", ";\n      }\n\n      ", ":checked:disabled + ", ":before {\n        border-color: ", ";\n      }\n    "])), StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
+}, function (_a) {
+    var $children = _a.$children;
+    return $children && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", " {\n        &:before {\n          margin-right: ", "px;\n        }\n      }\n    "], ["\n      ", " {\n        &:before {\n          margin-right: ", "px;\n        }\n      }\n    "])), StyledRadioButtonLabel, spacing.md);
+});
+export var StyledRadioButtonLabel = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ", ";\n    border-radius: 100%;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ", "px;\n    min-width: ", "px;\n    width: ", "px;\n  }\n"], ["\n  ", ";\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ", ";\n    border-radius: 100%;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ", "px;\n    min-width: ", "px;\n    width: ", "px;\n  }\n"])), getTypographyIntent('body'), colors.white, colors.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
+export var StyledRadioButtonInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=", "]:not(:checked) {\n    &:not(:disabled) + ", ":before {\n      ", "\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=", "]:checked:not(:disabled) {\n    + ", ":before {\n      box-shadow: 0 0 0 2px ", ";\n    }\n  }\n\n  &:checked + ", ":before {\n    border: 6px solid ", ";\n  }\n\n  &:disabled + ", ":before {\n    border-color: ", ";\n  }\n\n  &:disabled:checked + ", ":before {\n    border-color: ", ";\n  }\n"], ["\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=", "]:not(:checked) {\n    &:not(:disabled) + ", ":before {\n      ", "\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=", "]:checked:not(:disabled) {\n    + ", ":before {\n      box-shadow: 0 0 0 2px ", ";\n    }\n  }\n\n  &:checked + ", ":before {\n    border: 6px solid ", ";\n  }\n\n  &:disabled + ", ":before {\n    border-color: ", ";\n  }\n\n  &:disabled:checked + ", ":before {\n    border-color: ", ";\n  }\n"])), dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=RadioButton.styles.js.map

package/dist/RadioButton/RadioButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.styles.js","sourceRoot":"","sources":["../../src/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,oBAAoB;CAC9B,CAAA;AAED,IAAM,eAAe,GAAG,EAAE,CAAA;AAE1B,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,0NAG3C,aACS,EAAa,sGAMN,EAAU,gBAGxB,EAWC,QAED,EAQC,IACJ,KA/BU,MAAM,CAAC,MAAM,EAMN,OAAO,CAAC,EAAE,EAGxB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,GAAG,6QAAA,UACC,EAAsB,kBACtB,EAAsB,4BAA6B,EAAsB,mCACzD,EAAY,sBAG5B,EAAsB,sBAAuB,EAAsB,mCACnD,EAAa,kBAEhC,KARG,sBAAsB,EACtB,sBAAsB,EAA6B,sBAAsB,EACzD,MAAM,CAAC,KAAK,EAG5B,sBAAsB,EAAuB,sBAAsB,EACnD,MAAM,CAAC,MAAM,CAEhC;AAVD,CAUC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,kKAAA,UACC,EAAsB,kDAEJ,EAAU,+BAG/B,KALG,sBAAsB,EAEJ,OAAO,CAAC,EAAE,CAG/B;AAPD,CAOC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,wVAAA,MAC7C,EAA2B,6EAMb,EAAY,qDAEN,EAAa,6EAIvB,EAAe,sBACZ,EAAe,kBACnB,EAAe,YAE3B,KAhBG,mBAAmB,CAAC,MAAM,CAAC,EAMb,MAAM,CAAC,KAAK,EAEN,MAAM,CAAC,MAAM,EAIvB,eAAe,EACZ,eAAe,EACnB,eAAe,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,wnBAAA,sIASpC,EAAc,4CACH,EAAsB,mBACvC,EAAU,iEAKJ,EAAc,oCACpB,EAAsB,yCACA,EAAa,iCAI3B,EAAsB,mCACd,EAAa,2BAGpB,EAAsB,+BACnB,EAAa,mCAGR,EAAsB,+BAC3B,EAAa,UAEhC,KAxBa,MAAM,CAAC,OAAO,EACH,sBAAsB,EACvC,QAAQ,EAAE,EAKJ,MAAM,CAAC,OAAO,EACpB,sBAAsB,EACA,MAAM,CAAC,MAAM,EAI3B,sBAAsB,EACd,MAAM,CAAC,MAAM,EAGpB,sBAAsB,EACnB,MAAM,CAAC,MAAM,EAGR,sBAAsB,EAC3B,MAAM,CAAC,MAAM,CAEhC,CAAA"}

package/dist/RadioButton/RadioButton.types.d.ts

@@ -0,0 +1,18 @@
+import { Props } from '../_utils/types';
+export interface RadioButtonProps extends Props {
+    /**
+     * Selected state of the radio button
+     * @since 10.19.0
+     */
+    checked?: boolean;
+    /**
+     * Disabled state of the radio button
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Error state of the radio button
+     * @since 10.19.0
+     */
+    error?: boolean;
+}

package/dist/RadioButton/RadioButton.types.js.map

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

package/dist/RadioButton/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButton } from './RadioButton';
+export { RadioButtonProps } from './RadioButton.types';

package/dist/RadioButton/index.js

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

package/dist/RadioButton/index.js.map

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

package/dist/Required/Required.js

@@ -0,0 +1,40 @@
+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 { useI18nContext } from '../_hooks/I18n';
+import { StyledRequiredContainer, StyledRequiredMark, StyledRequiredText, } from './Required.styles';
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-required--demo)
+ */
+export var Required = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.i18nScope, i18nScope = _b === void 0 ? 'core.required' : _b, _c = _a.showLabel, showLabel = _c === void 0 ? false : _c, props = __rest(_a, ["children", "i18nScope", "showLabel"]);
+    var I18n = useI18nContext();
+    var labelOrChildren = showLabel || Boolean(children);
+    return (React.createElement(StyledRequiredContainer, __assign({}, props, { ref: ref }),
+        React.createElement(StyledRequiredMark, { "$showLabel": labelOrChildren }, "*"),
+        labelOrChildren ? (React.createElement(StyledRequiredText, null, children
+            ? children
+            : I18n.t('requiredFields', { scope: i18nScope }))) : null));
+});
+Required.displayName = 'Required';
+//# sourceMappingURL=Required.js.map

package/dist/Required/Required.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Required.js","sourceRoot":"","sources":["../../src/Required/Required.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,mBAAmB,CAAA;AAG1B;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAAsE,EACtE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,iBAA2B,EAA3B,SAAS,mBAAG,eAAe,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAApE,sCAAsE,CAAF;IAGpE,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,IAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,uBAAuB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QAC1C,oBAAC,kBAAkB,kBAAa,eAAe,QAAwB;QACtE,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,kBAAkB,QAChB,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAC/B,CACtB,CAAC,CAAC,CAAC,IAAI,CACgB,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/Required/Required.styles.js

@@ -0,0 +1,18 @@
+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 { colors } from '../_styles/colors';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+export var StyledRequiredMark = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n\n  ", "\n"])), colors.red50, function (_a) {
+    var $showLabel = _a.$showLabel;
+    if ($showLabel) {
+        return;
+    }
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      font-weight: ", ";\n    "], ["\n      ", "\n      font-weight: ", ";\n    "])), getTypographyIntent('body'), typographyWeights.semibold);
+});
+export var StyledRequiredContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getTypographyIntent('small'));
+export var StyledRequiredText = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-style: italic;\n  color: ", ";\n  margin-left: 4px;\n"], ["\n  font-style: italic;\n  color: ", ";\n  margin-left: 4px;\n"])), colors.gray45);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Required.styles.js","sourceRoot":"","sources":["../../src/Required/Required.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AAExC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,iGAAyB,aAC3D,EAAY,SAEnB,EASD,IACF,KAZU,MAAM,CAAC,KAAK,EAEnB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,EAAE;QACd,OAAM;KACP;IAED,OAAO,GAAG,iHAAA,UACN,EAA2B,uBACd,EAA0B,SAC1C,KAFG,mBAAmB,CAAC,MAAM,CAAC,EACd,iBAAiB,CAAC,QAAQ,EAC1C;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,+EAAA,MAC9C,EAA4B,IAC/B,KADG,mBAAmB,CAAC,OAAO,CAAC,CAC/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,mIAAA,oCAElC,EAAa,0BAEvB,KAFU,MAAM,CAAC,MAAM,CAEvB,CAAA"}

package/dist/Required/Required.types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Props } from '../_utils/types';
+export interface RequiredProps extends Props {
+    /**
+     * If provided, takes the place of label normally reading "required fields"
+     * @since 10.19.0
+     */
+    children?: React.ReactChild;
+    /**
+     * Changes where I18n looks for the requiredFields key
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * Controls showing text reading "required fields"
+     * @since 10.19.0
+     */
+    showLabel?: boolean;
+}

package/dist/Required/Required.types.js.map

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

package/dist/Required/index.d.ts

@@ -0,0 +1,2 @@
+export { Required } from './Required';
+export { RequiredProps } from './Required.types';

package/dist/Required/index.js

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

package/dist/Required/index.js.map

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

package/dist/Search/Search.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchProps } from './Search.types';
+/**
+
+ Our users use search to find items on a tool’s landing page or, in forms, users
+ use a search typeahead to find information to associate with the form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-search--demo)
+
+ @see [Design Guidelines](https://design.procore.com/search-component)
+
+ */
+export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Search/Search.hooks.d.ts

@@ -0,0 +1,2 @@
+import { SearchHook, SearchHookConfig } from './Search.types';
+export declare function useSearch({ onChange: externalOnChange, onClear, onSubmit, initialValue, }: SearchHookConfig): SearchHook;

package/dist/Search/Search.hooks.js

@@ -0,0 +1,43 @@
+import React from 'react';
+// TODO remove this and do a breaking change on Search to `useImperativeHandle`
+// to support controlled/uncontrolled behavior
+export function useSearch(_a) {
+    var _b = _a.onChange, externalOnChange = _b === void 0 ? function () { } : _b, _c = _a.onClear, onClear = _c === void 0 ? function () { } : _c, _d = _a.onSubmit, onSubmit = _d === void 0 ? function () { } : _d, _e = _a.initialValue, initialValue = _e === void 0 ? '' : _e;
+    var _f = React.useState(initialValue), value = _f[0], setValue = _f[1];
+    React.useEffect(function () {
+        setValue(initialValue);
+    }, [initialValue]);
+    var isEmpty = value === '';
+    function clear() {
+        setValue('');
+        onChange({ target: { value: '' } });
+        onClear();
+    }
+    function submit() {
+        onSubmit(value);
+    }
+    function onChange(e) {
+        setValue(e.target.value);
+        externalOnChange(e);
+    }
+    function onKeyDown(_a) {
+        var key = _a.key;
+        if (key === 'Enter') {
+            submit();
+        }
+        else if (key === 'Escape' || key === 'Esc') {
+            clear();
+        }
+    }
+    return {
+        clear: clear,
+        domHandlers: {
+            onChange: onChange,
+            onKeyDown: onKeyDown,
+        },
+        isEmpty: isEmpty,
+        submit: submit,
+        value: value,
+    };
+}
+//# sourceMappingURL=Search.hooks.js.map

package/dist/Search/Search.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.hooks.js","sourceRoot":"","sources":["../../src/Search/Search.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,+EAA+E;AAC/E,8CAA8C;AAC9C,MAAM,UAAU,SAAS,CAAC,EAKP;QAJjB,gBAAqC,EAA3B,gBAAgB,mBAAG,cAAO,CAAC,KAAA,EACrC,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEX,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA/C,KAAK,QAAA,EAAE,QAAQ,QAAgC,CAAA;IAEtD,KAAK,CAAC,SAAS,CAAC;QACd,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,OAAO,GAAG,KAAK,KAAK,EAAE,CAAA;IAE5B,SAAS,KAAK;QACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAiB,CAAC,CAAA;QAClD,OAAO,EAAE,CAAA;IACX,CAAC;IAED,SAAS,MAAM;QACb,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC;IAED,SAAS,QAAQ,CAAC,CAAc;QAC9B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAExB,gBAAgB,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC;IAED,SAAS,SAAS,CAAC,EAA8C;YAA5C,GAAG,SAAA;QACtB,IAAI,GAAG,KAAK,OAAO,EAAE;YACnB,MAAM,EAAE,CAAA;SACT;aAAM,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,EAAE;YAC5C,KAAK,EAAE,CAAA;SACR;IACH,CAAC;IAED,OAAO;QACL,KAAK,OAAA;QACL,WAAW,EAAE;YACX,QAAQ,UAAA;YACR,SAAS,WAAA;SACV;QACD,OAAO,SAAA;QACP,MAAM,QAAA;QACN,KAAK,OAAA;KACN,CAAA;AACH,CAAC"}

package/dist/Search/Search.js

@@ -0,0 +1,67 @@
+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 { Clear, Search as SearchIcon } from '@procore/core-icons/dist';
+import React from 'react';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { usingHookOrDefault } from '../_utils/usingHookOrDefault';
+import { useSearch } from './Search.hooks';
+import { StyledClearButton, StyledInput, StyledSearch, StyledSearchButton, } from './Search.styles';
+/**
+
+ Our users use search to find items on a tool’s landing page or, in forms, users
+ use a search typeahead to find information to associate with the form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-search--demo)
+
+ @see [Design Guidelines](https://design.procore.com/search-component)
+
+ */
+export var Search = React.forwardRef(function Search(_a, ref) {
+    var _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onClear, onClear = _c === void 0 ? function () { } : _c, _d = _a.onSubmit, onSubmit = _d === void 0 ? function () { } : _d, usingHook = _a.usingHook, _e = _a.value, value = _e === void 0 ? '' : _e, props = __rest(_a, ["onChange", "onClear", "onSubmit", "usingHook", "value"]);
+    var search = usingHookOrDefault(usingHook, useSearch)({
+        initialValue: value,
+        onChange: onChange,
+        onClear: onClear,
+        onSubmit: onSubmit,
+    });
+    var inputRef = React.useRef(null);
+    var setFocusToInput = function () {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    return (React.createElement(StyledSearch, null,
+        React.createElement(StyledInput, __assign({}, props, search.domHandlers, { "data-qa": "core-search-input", ref: mergeRefs(ref, inputRef), value: search.value })),
+        !search.isEmpty && (React.createElement(StyledClearButton, { "data-qa": "core-search-clear-icon", icon: React.createElement(Clear, null), size: "sm", variant: "tertiary", disabled: props.disabled, onClick: function () {
+                search.clear();
+                setFocusToInput();
+            }, tabIndex: -1 })),
+        React.createElement(StyledSearchButton, { "data-qa": "core-search-search-icon", icon: React.createElement(SearchIcon, null), size: "sm", variant: "tertiary", disabled: props.disabled, onClick: function () {
+                search.submit();
+                setFocusToInput();
+            }, tabIndex: -1 })));
+});
+Search.displayName = 'Search';
+//# sourceMappingURL=Search.js.map

package/dist/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AAGxB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,MAAM,CACb,EAOC,EACD,GAAG;IAPD,IAAA,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,SAAS,eAAA,EACT,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,KAAK,cANV,yDAOC,CADS;IAIV,IAAM,MAAM,GAAG,kBAAkB,CAC/B,SAAS,EACT,SAAS,CACV,CAAC;QACA,YAAY,EAAE,KAAK;QACnB,QAAQ,UAAA;QACR,OAAO,SAAA;QACP,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,IAAM,eAAe,GAAG;QACtB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,WAAW,eACN,KAAK,EACL,MAAM,CAAC,WAAW,eACd,mBAAmB,EAC3B,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,IACnB;QACD,CAAC,MAAM,CAAC,OAAO,IAAI,CAClB,oBAAC,iBAAiB,eACR,wBAAwB,EAChC,IAAI,EAAE,oBAAC,KAAK,OAAG,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE;gBACP,MAAM,CAAC,KAAK,EAAE,CAAA;gBAEd,eAAe,EAAE,CAAA;YACnB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH;QAEC,oBAAC,kBAAkB,eACT,yBAAyB,EACjC,IAAI,EAAE,oBAAC,UAAU,OAAG,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE;gBACP,MAAM,CAAC,MAAM,EAAE,CAAA;gBAEf,eAAe,EAAE,CAAA;YACnB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CAES,CAChB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/Search/Search.styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare function getSearchInputStyles(): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    error?: boolean | undefined;
+    variant?: "" | "error" | undefined;
+}, any>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    error?: boolean | undefined;
+    variant?: "" | "error" | undefined;
+}, never>;
+export declare const StyledSearchButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;

package/dist/Search/Search.styles.js

@@ -0,0 +1,31 @@
+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 { Button } from '../Button';
+import { getInputStyles } from '../Input/Input.styles';
+import { spacing } from '../_styles/spacing';
+// Search has the buttons embedded into the input, So we have to do some manual
+// absolute positioning of the clear and search buttons and also adjust the
+// padding of the input so that the input text does not run into the buttons.
+// This used to be accomplished with IconLayout but that was a rarely used and
+// messy abstraction which was also intended to be used with clickable Icons
+// and not the new icon button style.
+var inputHeight = 36;
+var buttonSize = 24;
+var buttonTop = (inputHeight - buttonSize) / 2; // vertically center the buttons
+var searchRight = 6; // search icon sits 6px from the right edge
+var clearRight = searchRight + buttonSize + spacing.xs; // clear icon shifted
+var inputRight = clearRight + buttonSize + spacing.sm; // padding-right on the input to account for buttons
+var legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm; // padding-right on the input to account for legacy typeahead prop
+export function getSearchInputStyles() {
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    -webkit-appearance: textfield;\n    padding-left: ", "px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  "], ["\n    ", "\n    -webkit-appearance: textfield;\n    padding-left: ", "px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  "])), getInputStyles, spacing.md);
+}
+export var StyledInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getSearchInputStyles);
+var StyledButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n"], ["\n  position: absolute;\n  top: ", "px;\n"])), buttonTop);
+export var StyledSearchButton = styled(StyledButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
+export var StyledClearButton = styled(StyledButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
+export var StyledSearch = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  ", " {\n    padding-right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n"], ["\n  position: relative;\n  width: 100%;\n\n  ", " {\n    padding-right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n"])), StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=Search.styles.js.map

package/dist/Search/Search.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.styles.js","sourceRoot":"","sources":["../../src/Search/Search.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,+EAA+E;AAC/E,2EAA2E;AAC3E,6EAA6E;AAC7E,8EAA8E;AAC9E,4EAA4E;AAC5E,qCAAqC;AAErC,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,IAAM,SAAS,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA,CAAC,gCAAgC;AAEjF,IAAM,WAAW,GAAG,CAAC,CAAA,CAAC,2CAA2C;AAEjE,IAAM,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,qBAAqB;AAE9E,IAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,oDAAoD;AAE5G,IAAM,wBAAwB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,kEAAkE;AAEzI,MAAM,UAAU,oBAAoB;IAClC,OAAO,GAAG,oZAAA,QACN,EAAc,0DAEA,EAAU,2QAa3B,KAfG,cAAc,EAEA,OAAO,CAAC,EAAE,EAa3B;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,+EAAA,MACnC,EAAoB,IACvB,KADG,oBAAoB,CACvB,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8GAAA,kCAE1B,EAAS,OACjB,KADQ,SAAS,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAExD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,qOAEpC,+CAIE,EAAW,yBACM,EAAU,gBAG3B,EAAkB,iBACT,EAAW,gBAGpB,EAAiB,iBACR,EAAU,YAEtB,KAXG,WAAW,EACM,UAAU,EAG3B,kBAAkB,EACT,WAAW,EAGpB,iBAAiB,EACR,UAAU,CAEtB,CAAA"}

package/dist/Search/Search.types.d.ts

@@ -0,0 +1,86 @@
+/// <reference types="react" />
+import { ChangeEvent } from '../_hooks/TextEntry';
+import { InputProps } from '../Input';
+export interface SearchHookConfig {
+    /**
+     * @since 10.19.0
+     */
+    initialValue?: string;
+    /**
+     * @deprecated
+     *
+     * The `onChange` prop has been deprecated and will be removed in a future version.
+     *
+     * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like
+     * behavior. Please use this component instead.
+     *
+     * **Before**
+     *
+     * <Search typeahead onChange={() => { ... }} />
+     *
+     * **After**
+     *
+     * <Typeahead onChange={() => { ... }} />
+     *
+     * @deprecatedSince 10.20.0
+     *
+     * @see https://core.procore.com/latest/web/components/typeahead/react/
+     * @since 10.19.0
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onClear?: () => void;
+    /**
+     * <div>Input handler for search variant</div>
+     * <CodeBlock>(value: string) => void</CodeBlock>
+     * @since 10.19.0
+     */
+    onSubmit?: (value: string) => void;
+}
+export interface SearchHook {
+    /**
+     * @since 10.19.0
+     */
+    domHandlers: {
+        onChange: (e: ChangeEvent) => void;
+        onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
+    /**
+     * @since 10.19.0
+     */
+    clear: () => void;
+    /**
+     * @since 10.19.0
+     */
+    isEmpty: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    submit: () => void;
+    /**
+     * @since 10.19.0
+     */
+    value: string;
+}
+export interface SearchProps extends Omit<InputProps, 'onSubmit'>, SearchHookConfig {
+    /**
+     * @since 10.19.0
+     */
+    autoFocus?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    usingHook?: SearchHook;
+    /**
+     * Initial value string
+     * @default ''
+     * @since 10.19.0
+     */
+    value?: string;
+}

package/dist/Search/Search.types.js.map

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

package/dist/Search/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+export { SearchProps } from './Search.types';

package/dist/Search/index.js

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

package/dist/Search/index.js.map

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

package/dist/Section/Section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SectionProps, SectionProviderProps } from './Section.types';
+export declare const LevelContext: React.Context<number>;
+export declare const SectionProvider: ({ children }: SectionProviderProps) => JSX.Element;
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section
+ */
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Section/Section.js

@@ -0,0 +1,114 @@
+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 { ChevronDown, ChevronRight } from '@procore/core-icons/dist';
+import cx from 'classnames';
+import React from 'react';
+import { ulid } from 'ulid';
+import { Title } from '../Title';
+import { Button } from '../Button';
+import { H2, H3 } from '../Semantic';
+import { StyledSection, StyledSectionInner, StyledSectionHeader, StyledSectionCollapseHeading, StyledSectionContentRegion, sectionClassnames, StyledTitle, } from './Section.styles';
+function H4(props) {
+    return React.createElement(H3, __assign({ as: "h4" }, props));
+}
+var isFunction = function (obj) { return typeof obj === 'function'; };
+// Header levels start at level 2
+export var LevelContext = React.createContext(2);
+var SectionContext = React.createContext({
+    open: {},
+    setSection: function () { },
+    toggleSection: function () { },
+});
+export var SectionProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState({}), open = _b[0], setSectionsOpen = _b[1];
+    var toggleSection = function (id) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = !prev[id], _a)));
+        });
+    };
+    var setSection = function (id, open) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = open, _a)));
+        });
+    };
+    return (React.createElement(SectionContext.Provider, { value: {
+            open: open,
+            toggleSection: toggleSection,
+            setSection: setSection,
+        } }, children));
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section
+ */
+export var Section = React.forwardRef(function Section(_a, ref) {
+    var _b;
+    var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, pills = _a.pills, subtext = _a.subtext, assets = _a.assets, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"]);
+    var level = React.useContext(LevelContext);
+    var sections = React.useContext(SectionContext);
+    var toggleOpen = React.useCallback(function () {
+        if (expandId) {
+            sections.toggleSection(expandId);
+        }
+    }, [expandId]);
+    var open = expandId ? sections.open[expandId] : true;
+    React.useEffect(function () {
+        if (expandId && open === undefined) {
+            sections.setSection(expandId, initialIsOpen);
+        }
+    }, []);
+    var _d = React.useMemo(function () {
+        return {
+            contentRegionId: "content-".concat(ulid()),
+            headingTextId: "heading-".concat(ulid()),
+        };
+    }, []), contentRegionId = _d.contentRegionId, headingTextId = _d.headingTextId;
+    var Heading = level === 2 ? H2 : level === 3 ? H3 : H4;
+    var expandClosed = !open || !children;
+    var divide = level >= 3 || !heading;
+    var hasHeader = heading || actions;
+    return (React.createElement(LevelContext.Provider, { value: level + 1 },
+        React.createElement(StyledSection, __assign({ ref: ref, className: cx(className, (_b = {},
+                _b[sectionClassnames.divide] = divide,
+                _b[sectionClassnames.levelAnonymous] = !heading,
+                _b[sectionClassnames.level(level)] = heading && level,
+                _b)) }, props),
+            React.createElement(StyledSectionInner, null,
+                hasHeader ? (React.createElement(StyledSectionHeader, null,
+                    expandId ? (React.createElement(StyledSectionCollapseHeading, { "aria-labelledby": headingTextId, "aria-level": level, role: "heading" },
+                        React.createElement(Button, { "aria-controls": contentRegionId, "aria-expanded": open, "aria-labelledby": headingTextId, icon: open ? React.createElement(ChevronDown, null) : React.createElement(ChevronRight, null), onClick: toggleOpen, variant: "tertiary" }))) : null,
+                    React.createElement(StyledTitle, null,
+                        React.createElement(Title.Text, null, heading && (React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId }, heading))),
+                        React.createElement(Title.Subtext, null, subtext),
+                        React.createElement(Title.Pills, null, pills),
+                        React.createElement(Title.Actions, null, isFunction(actions)
+                            ? actions({ open: open })
+                            : actions),
+                        React.createElement(Title.Assets, null, assets)))) : null,
+                React.createElement(StyledSectionContentRegion, { "aria-hidden": !open, id: contentRegionId, role: "region", "$closed": expandClosed, "$noHeader": !hasHeader }, open ? children : null)))));
+});
+Section.displayName = 'Section';
+//# sourceMappingURL=Section.js.map

package/dist/Section/Section.js.map

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