@servicetitan/design-system 10.7.1 → 11.1.0

package/dist/components/OptionList/Option.js

@@ -1,15 +1,3 @@
-"use strict";
-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)
@@ -21,34 +9,29 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Option = void 0;
-var react_1 = __importDefault(require("react"));
-var Checkbox_1 = require("../Checkbox");
-var Spinner_1 = require("../Spinner");
-var Button_1 = require("../Button");
-var classnames_1 = __importDefault(require("classnames"));
-var Option = function (_a) {
-    var className = _a.className, collapseControl = _a.collapseControl, collapsed = _a.collapsed, content = _a.content, disabled = _a.disabled, focus = _a.focus, indeterminate = _a.indeterminate, label = _a.label, level = _a.level, loading = _a.loading, onChange = _a.onChange, onExpand = _a.onExpand, onKeyDown = _a.onKeyDown, options = _a.options, readOnly = _a.readOnly, secondaryAction = _a.secondaryAction, selected = _a.selected, selfObject = _a.selfObject, text = _a.text, value = _a.value, props = __rest(_a, ["className", "collapseControl", "collapsed", "content", "disabled", "focus", "indeterminate", "label", "level", "loading", "onChange", "onExpand", "onKeyDown", "options", "readOnly", "secondaryAction", "selected", "selfObject", "text", "value"]);
-    var OptionClasses = (0, classnames_1.default)('OptionList__option', className, {
+import React from 'react';
+import { Checkbox } from '../Checkbox';
+import { Spinner } from '../Spinner';
+import { Button } from '../Button';
+import classnames from 'classnames';
+export const Option = (_a) => {
+    var { className, collapseControl, collapsed, content, disabled, focus, indeterminate, label, level, loading, onChange, onExpand, onKeyDown, options, readOnly, secondaryAction, selected, selfObject, text, value } = _a, props = __rest(_a, ["className", "collapseControl", "collapsed", "content", "disabled", "focus", "indeterminate", "label", "level", "loading", "onChange", "onExpand", "onKeyDown", "options", "readOnly", "secondaryAction", "selected", "selfObject", "text", "value"]);
+    const OptionClasses = classnames('OptionList__option', className, {
         'OptionList__option--selected': selected,
         'OptionList__option--disabled': disabled,
         'OptionList__option--read-only': readOnly || disabled,
         'OptionList__option--custom': content && typeof content !== 'string',
         'OptionList__option--text': !(content && typeof content !== 'string'),
     });
-    var getCollapseButton = function () {
+    const getCollapseButton = () => {
         if (!collapseControl)
             return;
-        var arrow = collapsed
+        const arrow = collapsed
             ? 'keyboard_arrow_down'
             : 'keyboard_arrow_right';
-        return (react_1.default.createElement(Button_1.Button, { iconName: arrow, xsmall: true, fill: "subtle", onClick: handleOnClick, className: "OptionList__collapse" }));
+        return (React.createElement(Button, { iconName: arrow, xsmall: true, fill: "subtle", onClick: handleOnClick, className: "OptionList__collapse" }));
     };
-    var getLabel = function () {
+    const getLabel = () => {
         if (label)
             return label;
         if (content !== undefined && content !== null)
@@ -57,33 +40,32 @@ var Option = function (_a) {
             return text;
         return String(value);
     };
-    var getLoading = function () {
+    const getLoading = () => {
         if (!loading)
             return;
-        return react_1.default.createElement(Spinner_1.Spinner, { size: "tiny", className: "OptionList__spinner" });
+        return React.createElement(Spinner, { size: "tiny", className: "OptionList__spinner" });
     };
-    var getSecondaryAction = function () {
+    const getSecondaryAction = () => {
         if (secondaryAction === undefined)
             return;
-        return (react_1.default.createElement("div", { className: "OptionList__option--secondary-action" }, secondaryAction));
+        return (React.createElement("div", { className: "OptionList__option--secondary-action" }, secondaryAction));
     };
-    var handleOnClick = function () {
+    const handleOnClick = () => {
         return onExpand(value);
     };
-    var handleOnChange = function () {
+    const handleOnChange = () => {
         if (readOnly || onChange === undefined)
             return;
         return onChange(value, !selected, options, selfObject);
     };
-    var handleOnKeyDown = function (e) {
+    const handleOnKeyDown = (e) => {
         if (onKeyDown === undefined)
             return;
         return onKeyDown(e, selfObject);
     };
-    return (react_1.default.createElement("div", __assign({ className: OptionClasses, "aria-level": level }, props),
+    return (React.createElement("div", Object.assign({ className: OptionClasses, "aria-level": level }, props),
         getLoading() || getCollapseButton(),
-        react_1.default.createElement(Checkbox_1.Checkbox, { checked: selected, disabled: disabled, focus: focus, indeterminate: indeterminate, label: getLabel(), onChange: handleOnChange, onKeyDown: handleOnKeyDown, value: value }),
+        React.createElement(Checkbox, { checked: selected, disabled: disabled, focus: focus, indeterminate: indeterminate, label: getLabel(), onChange: handleOnChange, onKeyDown: handleOnKeyDown, value: value }),
         getSecondaryAction()));
 };
-exports.Option = Option;
 //# sourceMappingURL=Option.js.map

package/dist/components/OptionList/Option.js.map

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

package/dist/components/OptionList/OptionList.css

@@ -1,4 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
+.OptionList__option:hover::before, .OptionList__option:focus-within::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(20, 20, 20, 0.08);
+}
+
 .OptionList {
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;
@@ -18,15 +28,6 @@
   position: relative;
   /* Center vertical alignment of OptionList Checkboxes */
 }
-.OptionList__option:hover::before, .OptionList__option:focus-within::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: rgba(20, 20, 20, 0.08);
-}
 .OptionList__option .Checkbox__label {
   font-size: 14px;
   font-weight: 600;

package/dist/components/OptionList/OptionList.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;;;ADED;AAEC;EACC;;;AAIF;AACA;EACC,eERiB;EFSjB;EACA;AAwBA;;AApBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC,WEkGY;EFjGZ,aEuEiB;EFtEjB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEyEW;EFxEX,cEyEW;;;AFrEX;EACC,OElCW;EFmCX,kBE1Be;;AF8Bd;EAAY,kBE9BE;;;AFmCjB;AACA;EAAsC,cEyD1B;;;AFrDV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEiDc;;;AF9Cf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cE6Bc;EF5Bd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEeW;EFdX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;ACdC;EACA,OCiBa;ADfb;EACA;;;ADcD;AAEC;EACC;;;AAIF;AACA;EACC,eEpBiB;EFqBjB;EACA;AAgBA;;AATA;EACC,WE8FY;EF7FZ,aEmEiB;EFlEjB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEqEW;EFpEX,cEqEW;;;AFjEX;EACC,OEtCW;EFuCX,kBE9Be;;AFkCd;EAAY,kBElCE;;;AFuCjB;AACA;EAAsC,cEqD1B;;;AFjDV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE6Cc;;;AF1Cf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cEyBc;EFxBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEWW;EFVX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}

package/dist/components/OptionList/OptionList.js

@@ -1,15 +1,3 @@
-"use strict";
-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)
@@ -21,33 +9,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OptionList = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Option_1 = require("./Option");
-var Collapsible_1 = require("../Collapsible");
-var Eyebrow_1 = require("../Eyebrow");
-var Divider_1 = require("../Divider");
-var Stack_1 = require("../Stack");
-var Link_1 = require("../Link");
-var OptionList = function (_a) {
-    var className = _a.className, collapseValue = _a.collapseValue, flatGroup = _a.flatGroup, focusValue = _a.focusValue, groupClassName = _a.groupClassName, indeterminateValue = _a.indeterminateValue, multiple = _a.multiple, onChange = _a.onChange, onExpand = _a.onExpand, onGroupSelectAll = _a.onGroupSelectAll, onGroupSelectNone = _a.onGroupSelectNone, optionClassName = _a.optionClassName, optionOnKeyDown = _a.optionOnKeyDown, options = _a.options, value = _a.value, props = __rest(_a, ["className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value"]);
-    var OptionsClasses = (0, classnames_1.default)('OptionList', className, {
+import React from 'react';
+import classnames from 'classnames';
+import { Option } from './Option';
+import { Collapsible } from '../Collapsible';
+import { Eyebrow } from '../Eyebrow';
+import { Divider } from '../Divider';
+import { Stack } from '../Stack';
+import { Link } from '../Link';
+export const OptionList = (_a) => {
+    var { className, collapseValue, flatGroup, focusValue, groupClassName, indeterminateValue, multiple, onChange, onExpand, onGroupSelectAll, onGroupSelectNone, optionClassName, optionOnKeyDown, options, value } = _a, props = __rest(_a, ["className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value"]);
+    const OptionsClasses = classnames('OptionList', className, {
         'OptionList--single-select': !multiple,
         'OptionList--multi-select': multiple,
     });
-    var GroupClasses = (0, classnames_1.default)('OptionList__group', groupClassName);
-    var ValuesFromArray = Array.isArray(value)
-        ? value.map(function (v) {
-            return v.value !== undefined ? v.value : v;
-        })
+    const GroupClasses = classnames('OptionList__group', groupClassName);
+    const ValuesFromArray = Array.isArray(value)
+        ? value.map((v) => v.value !== undefined ? v.value : v)
         : null;
-    var setDefaultOptionProperties = function (option) {
-        var defaultSelected = false;
+    const setDefaultOptionProperties = (option) => {
+        let defaultSelected = false;
         if (value !== undefined &&
             option.value !== undefined &&
             ((Array.isArray(value) &&
@@ -57,7 +38,7 @@ var OptionList = function (_a) {
         ) {
             defaultSelected = true;
         }
-        var defaults = {
+        const defaults = {
             collapsed: option.collapsed ? option.collapsed : true,
             selected: defaultSelected,
             text: flatGroup && typeof option.content === 'string'
@@ -67,17 +48,14 @@ var OptionList = function (_a) {
                     : null,
             indeterminate: option.indeterminate || false,
         };
-        return __assign(__assign({}, defaults), option);
-    };
-    var setInitialLevel = function () {
-        return !flatGroup && (options === null || options === void 0 ? void 0 : options.some(function (option) { return option.options; })) ? 1 : 0;
+        return Object.assign(Object.assign({}, defaults), option);
     };
+    const setInitialLevel = () => !flatGroup && (options === null || options === void 0 ? void 0 : options.some((option) => option.options)) ? 1 : 0;
     /* Loops through options object to display grouped and non-grouped options */
-    var getOptions = function (options, level) {
-        if (level === void 0) { level = 1; }
-        return options === null || options === void 0 ? void 0 : options.map(function (optionProp, index) {
-            var localOption = setDefaultOptionProperties(optionProp);
-            var checkForChildren = !!localOption.options;
+    const getOptions = (options, level = 1) => {
+        return options === null || options === void 0 ? void 0 : options.map((optionProp, index) => {
+            const localOption = setDefaultOptionProperties(optionProp);
+            const checkForChildren = !!localOption.options;
             if (checkForChildren) {
                 if (!flatGroup)
                     return getGroupedOptions(localOption, optionProp, localOption.options, index, level, optionProp.value, optionProp.collapsed);
@@ -88,61 +66,57 @@ var OptionList = function (_a) {
         });
     };
     /* Called when the options prop is detected in an individual option */
-    var getGroupedOptions = function (parentOption, originalParentOption, options, index, level, parentCollapseValue, collapsed) {
+    const getGroupedOptions = (parentOption, originalParentOption, options, index, level, parentCollapseValue, collapsed) => {
         /* Variable determines if an option should be expanded to show children */
-        var isOpen = collapsed
+        const isOpen = collapsed
             ? !collapsed
             : collapseValue
                 ? collapseValue.includes(parentCollapseValue)
                 : true;
-        return (react_1.default.createElement("div", { className: GroupClasses, role: "group", key: index },
+        return (React.createElement("div", { className: GroupClasses, role: "group", key: index },
             getOption(parentOption, originalParentOption, level, true, isOpen, options),
-            react_1.default.createElement(Collapsible_1.Collapsible, { open: isOpen }, getOptions(options, level + 1))));
+            React.createElement(Collapsible, { open: isOpen }, getOptions(options, level + 1))));
     };
     /* Pull flatGroup prop data for selection handling */
-    var objectFlatGroup = typeof flatGroup === 'object' ? __assign({}, flatGroup) : undefined;
-    var handleGroupSelectAll = function (groupedOptions) {
+    const objectFlatGroup = typeof flatGroup === 'object' ? Object.assign({}, flatGroup) : undefined;
+    const handleGroupSelectAll = (groupedOptions) => {
         if (objectFlatGroup.onGroupSelectAll === undefined)
             return;
         return objectFlatGroup.onGroupSelectAll(groupedOptions);
     };
-    var handleGroupSelectNone = function (groupedOptions) {
+    const handleGroupSelectNone = (groupedOptions) => {
         if (objectFlatGroup.onGroupSelectNone === undefined)
             return;
         return objectFlatGroup.onGroupSelectNone(groupedOptions);
     };
-    var getFlatGroupedOptions = function (options, title, level, index) {
-        var selectAll = function () { return handleGroupSelectAll(options); };
-        var selectNone = function () { return handleGroupSelectNone(options); };
-        return (react_1.default.createElement(react_1.default.Fragment, { key: "" + index + Object(options) },
-            index !== 0 && react_1.default.createElement(Divider_1.Divider, { spacing: 1 }),
-            title && (react_1.default.createElement(Stack_1.Stack, { alignItems: "center", className: "OptionList__header" },
-                react_1.default.createElement(Eyebrow_1.Eyebrow, null, title),
-                multiple && title && typeof flatGroup !== 'boolean' && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Link_1.Link, { primary: true, className: "m-l-1 fs-1", onClick: selectAll }, "All"),
-                    react_1.default.createElement(Link_1.Link, { primary: true, className: "m-l-1 fs-1", onClick: selectNone }, "None"))))),
+    const getFlatGroupedOptions = (options, title, level, index) => {
+        const selectAll = () => handleGroupSelectAll(options);
+        const selectNone = () => handleGroupSelectNone(options);
+        return (React.createElement(React.Fragment, { key: `${index}${Object(options)}` },
+            index !== 0 && React.createElement(Divider, { spacing: 1 }),
+            title && (React.createElement(Stack, { alignItems: "center", className: "OptionList__header" },
+                React.createElement(Eyebrow, null, title),
+                multiple && title && typeof flatGroup !== 'boolean' && (React.createElement(React.Fragment, null,
+                    React.createElement(Link, { primary: true, className: "m-l-1 fs-1", onClick: selectAll }, "All"),
+                    React.createElement(Link, { primary: true, className: "m-l-1 fs-1", onClick: selectNone }, "None"))))),
             getOptions(options, level + 1)));
     };
-    var handleOnChange = function () {
+    const handleOnChange = () => {
         if (onChange === undefined)
             return;
         return onChange;
     };
-    var handleOnExpand = function () {
+    const handleOnExpand = () => {
         if (onExpand === undefined)
             return;
         return onExpand;
     };
     /* Generates the individual option in the Option List */
-    var getOption = function (option, originalOption, level, collapseControl, collapseBoolean, localOptions) {
-        if (collapseControl === void 0) { collapseControl = false; }
-        if (collapseBoolean === void 0) { collapseBoolean = false; }
-        if (localOptions === void 0) { localOptions = []; }
-        var _a = Object(option), className = _a.className, options = __rest(_a, ["className"]);
-        var OptionClasses = (0, classnames_1.default)(className, optionClassName);
-        return (react_1.default.createElement(Option_1.Option, __assign({}, options, { className: OptionClasses, collapseControl: collapseControl, collapsed: collapseBoolean, focus: focusValue && focusValue.value === Object(option).value, indeterminate: indeterminateValue === null || indeterminateValue === void 0 ? void 0 : indeterminateValue.includes(Object(option).value), key: "" + Object(option).value + Object(option).text + level, level: level, onChange: handleOnChange(), onExpand: handleOnExpand(), onKeyDown: optionOnKeyDown, options: localOptions, selfObject: originalOption })));
+    const getOption = (option, originalOption, level, collapseControl = false, collapseBoolean = false, localOptions = []) => {
+        const _a = Object(option), { className } = _a, options = __rest(_a, ["className"]);
+        const OptionClasses = classnames(className, optionClassName);
+        return (React.createElement(Option, Object.assign({}, options, { className: OptionClasses, collapseControl: collapseControl, collapsed: collapseBoolean, focus: focusValue && focusValue.value === Object(option).value, indeterminate: indeterminateValue === null || indeterminateValue === void 0 ? void 0 : indeterminateValue.includes(Object(option).value), key: `${Object(option).value}${Object(option).text}${level}`, level: level, onChange: handleOnChange(), onExpand: handleOnExpand(), onKeyDown: optionOnKeyDown, options: localOptions, selfObject: originalOption })));
     };
-    return (react_1.default.createElement("div", __assign({ className: OptionsClasses }, props), getOptions(options, setInitialLevel())));
+    return (React.createElement("div", Object.assign({ className: OptionsClasses }, props), getOptions(options, setInitialLevel())));
 };
-exports.OptionList = OptionList;
 //# sourceMappingURL=OptionList.js.map

package/dist/components/OptionList/OptionList.js.map

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

package/dist/components/OptionList/index.css

@@ -1,4 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
+.OptionList__option:hover::before, .OptionList__option:focus-within::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(20, 20, 20, 0.08);
+}
+
 .OptionList {
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;
@@ -18,15 +28,6 @@
   position: relative;
   /* Center vertical alignment of OptionList Checkboxes */
 }
-.OptionList__option:hover::before, .OptionList__option:focus-within::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: rgba(20, 20, 20, 0.08);
-}
 .OptionList__option .Checkbox__label {
   font-size: 14px;
   font-weight: 600;

package/dist/components/OptionList/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;;;ADED;AAEC;EACC;;;AAIF;AACA;EACC,eERiB;EFSjB;EACA;AAwBA;;AApBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC,WEkGY;EFjGZ,aEuEiB;EFtEjB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEyEW;EFxEX,cEyEW;;;AFrEX;EACC,OElCW;EFmCX,kBE1Be;;AF8Bd;EAAY,kBE9BE;;;AFmCjB;AACA;EAAsC,cEyD1B;;;AFrDV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEiDc;;;AF9Cf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cE6Bc;EF5Bd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEeW;EFdX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;ACdC;EACA,OCiBa;ADfb;EACA;;;ADcD;AAEC;EACC;;;AAIF;AACA;EACC,eEpBiB;EFqBjB;EACA;AAgBA;;AATA;EACC,WE8FY;EF7FZ,aEmEiB;EFlEjB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEqEW;EFpEX,cEqEW;;;AFjEX;EACC,OEtCW;EFuCX,kBE9Be;;AFkCd;EAAY,kBElCE;;;AFuCjB;AACA;EAAsC,cEqD1B;;;AFjDV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE6Cc;;;AF1Cf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cEyBc;EFxBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEWW;EFVX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"index.css"}

package/dist/components/OptionList/index.js

@@ -1,17 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnExpand = void 0;
-__exportStar(require("./OptionList"), exports);
-var useOnExpand_1 = require("./useOnExpand");
-Object.defineProperty(exports, "useOnExpand", { enumerable: true, get: function () { return useOnExpand_1.useOnExpand; } });
+export * from './OptionList';
+export { useOnExpand } from './useOnExpand';
 //# sourceMappingURL=index.js.map

package/dist/components/OptionList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OptionList/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/OptionList/useOnExpand.js

@@ -1,30 +1,15 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnExpand = void 0;
-var react_1 = require("react");
-var useOnExpand = function (
+import { useState } from 'react';
+export const useOnExpand = (
 /** Value from Option. Accepts an array of any content */
-value) {
-    var getValue = Array.isArray(value) ? value : [value];
-    var _a = (0, react_1.useState)(__spreadArray([], getValue, true)), expandValue = _a[0], setExpandValue = _a[1];
-    var setCollapseValue = function (data) {
+value) => {
+    const getValue = Array.isArray(value) ? value : [value];
+    const [expandValue, setExpandValue] = useState([...getValue]);
+    const setCollapseValue = (data) => {
         expandValue.includes(data)
-            ? setExpandValue(function (prevState) {
-                return __spreadArray([], prevState, true).filter(function (item) { return item !== data; });
-            })
-            : setExpandValue(function (prevState) { return __spreadArray(__spreadArray([], prevState, true), [data], false); });
+            ? setExpandValue((prevState) => [...prevState].filter((item) => item !== data))
+            : setExpandValue((prevState) => [...prevState, data]);
         return expandValue;
     };
     return [expandValue, setCollapseValue];
 };
-exports.useOnExpand = useOnExpand;
 //# sourceMappingURL=useOnExpand.js.map

package/dist/components/OptionList/useOnExpand.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAAiC;AAG1B,IAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B;IAE/B,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAElD,IAAA,KAAgC,IAAA,gBAAQ,oBAAK,QAAQ,QAAE,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAC;IAC9D,IAAM,gBAAgB,GAAG,UAAC,IAA8B;QACvD,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,UAAC,SAAS;gBACzB,OAAA,kBAAI,SAAS,QAAE,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,IAAI,EAAb,CAAa,CAAC;YAA9C,CAA8C,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,UAAC,SAAS,IAAK,uCAAI,SAAS,UAAE,IAAI,WAAnB,CAAoB,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC;AAjBW,QAAA,WAAW,eAiBtB"}
+{"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B,EAC9B,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC3D,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAC7B,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC"}

package/dist/components/Page/Page.js

@@ -1,34 +1,3 @@
-"use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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)
@@ -40,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Page = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ConditionalWrapper_1 = require("../../utilities/ConditionalWrapper");
-var components_1 = require("./components");
-var Page = function (_a) {
+import React, { isValidElement } from 'react';
+import classnames from 'classnames';
+import { ConditionalWrapper } from '../../utilities/ConditionalWrapper';
+import { ActionToolbar, Panel, } from './components';
+export const Page = (_a) => {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? 'center' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'neutral-10' : _d, children = _a.children, className = _a.className, header = _a.header, headerAlign = _a.headerAlign, footer = _a.footer, _e = _a.maxWidth, maxWidth = _e === void 0 ? 'default' : _e, minWidth = _a.minWidth, sidebar = _a.sidebar, _f = _a.spacing, spacing = _f === void 0 ? 'relaxed' : _f, actionToolbar = _a.actionToolbar, panel = _a.panel, props = __rest(_a, ["align", "backgroundColor", "children", "className", "header", "headerAlign", "footer", "maxWidth", "minWidth", "sidebar", "spacing", "actionToolbar", "panel"]);
-    var PageClasses = (0, classnames_1.default)('Page', className, "bg-" + backgroundColor, {
+    var { align = 'center', backgroundColor = 'neutral-10', children, className, header, headerAlign, footer, maxWidth = 'default', minWidth, sidebar, spacing = 'relaxed', actionToolbar, panel } = _a, props = __rest(_a, ["align", "backgroundColor", "children", "className", "header", "headerAlign", "footer", "maxWidth", "minWidth", "sidebar", "spacing", "actionToolbar", "panel"]);
+    const PageClasses = classnames('Page', className, `bg-${backgroundColor}`, {
         'Page--align-center': align === 'center',
         'Page--no-padding': spacing === 'none',
         'Page--relaxed': spacing === 'relaxed',
@@ -60,20 +24,19 @@ var Page = function (_a) {
         'Page--narrow': maxWidth === 'narrow',
         'Page--min-width': minWidth,
     });
-    var isToolbar = (0, react_1.isValidElement)(actionToolbar === null || actionToolbar === void 0 ? void 0 : actionToolbar.content);
-    var isPanel = (0, react_1.isValidElement)(panel === null || panel === void 0 ? void 0 : panel.content);
-    var panelPosition = (_b = panel === null || panel === void 0 ? void 0 : panel.position) !== null && _b !== void 0 ? _b : 'right';
-    return (react_1.default.createElement("div", __assign({ className: PageClasses }, props),
-        sidebar && react_1.default.createElement("div", { className: "Page__sidebar" }, sidebar),
-        react_1.default.createElement("div", { className: "Content__wrapper" },
-            isToolbar && react_1.default.createElement(components_1.ActionToolbar, __assign({}, actionToolbar)),
-            react_1.default.createElement(ConditionalWrapper_1.ConditionalWrapper, { condition: isPanel, wrapper: function (children) { return (react_1.default.createElement("div", { className: "Panel__wrapper" }, children)); } },
-                isPanel && panelPosition === 'left' && (react_1.default.createElement(components_1.Panel, __assign({}, panel))),
-                react_1.default.createElement("div", { className: "Page__page" },
-                    header && react_1.default.createElement("div", { className: "Page__header" }, header),
-                    react_1.default.createElement("div", { className: "Page__content" }, children)),
-                isPanel && panelPosition === 'right' && (react_1.default.createElement(components_1.Panel, __assign({}, panel)))),
-            footer && react_1.default.createElement("div", { className: "Page__footer" }, footer))));
+    const isToolbar = isValidElement(actionToolbar === null || actionToolbar === void 0 ? void 0 : actionToolbar.content);
+    const isPanel = isValidElement(panel === null || panel === void 0 ? void 0 : panel.content);
+    const panelPosition = (_b = panel === null || panel === void 0 ? void 0 : panel.position) !== null && _b !== void 0 ? _b : 'right';
+    return (React.createElement("div", Object.assign({ className: PageClasses }, props),
+        sidebar && React.createElement("div", { className: "Page__sidebar" }, sidebar),
+        React.createElement("div", { className: "Content__wrapper" },
+            isToolbar && React.createElement(ActionToolbar, Object.assign({}, actionToolbar)),
+            React.createElement(ConditionalWrapper, { condition: isPanel, wrapper: (children) => (React.createElement("div", { className: "Panel__wrapper" }, children)) },
+                isPanel && panelPosition === 'left' && (React.createElement(Panel, Object.assign({}, panel))),
+                React.createElement("div", { className: "Page__page" },
+                    header && React.createElement("div", { className: "Page__header" }, header),
+                    React.createElement("div", { className: "Page__content" }, children)),
+                isPanel && panelPosition === 'right' && (React.createElement(Panel, Object.assign({}, panel)))),
+            footer && React.createElement("div", { className: "Page__footer" }, footer))));
 };
-exports.Page = Page;
 //# sourceMappingURL=Page.js.map