@servicetitan/design-system 10.8.0 → 11.2.0

package/dist/components/Tag/Tag.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,29 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var color_utils_1 = require("../../utilities/color-utils");
-var Icon_1 = require("../Icon");
-var Button_1 = require("../Button");
-var Tag = function (_a) {
-    var badge = _a.badge, children = _a.children, className = _a.className, _b = _a.color, color = _b === void 0 ? 'default' : _b, compact = _a.compact, iconName = _a.icon, onClose = _a.onClose, subtle = _a.subtle, title = _a.title, tagRef = _a.tagRef, props = __rest(_a, ["badge", "children", "className", "color", "compact", "icon", "onClose", "subtle", "title", "tagRef"]);
-    var isCustomColor = function () {
-        var uniqueColors = [
+import React from 'react';
+import classnames from 'classnames';
+import { isDark } from '../../utilities/color-utils';
+import { Icon } from '../Icon';
+import { Button } from '../Button';
+export const Tag = (_a) => {
+    var { badge, children, className, color = 'default', compact, icon: iconName, onClose, subtle, title, tagRef } = _a, props = __rest(_a, ["badge", "children", "className", "color", "compact", "icon", "onClose", "subtle", "title", "tagRef"]);
+    const isCustomColor = () => {
+        const uniqueColors = [
             'info',
             'warning',
             'critical',
@@ -56,36 +30,36 @@ var Tag = function (_a) {
             return true;
         return false;
     };
-    var getColorClasses = function () {
+    const getColorClasses = () => {
         if (isCustomColor())
-            return (0, color_utils_1.isDark)(color) ? 'Tag--lightText' : 'Tag--darkText';
+            return isDark(color) ? 'Tag--lightText' : 'Tag--darkText';
         if (!isCustomColor())
-            return "Tag--" + color;
+            return `Tag--${color}`;
     };
-    var TagClasses = (0, classnames_1.default)('Tag', className, getColorClasses(), {
+    const TagClasses = classnames('Tag', className, getColorClasses(), {
         'Tag--compact': compact,
         'Tag--subtle': subtle,
         'Tag--badge': badge,
     });
-    var getTextFromChildren = function (children) {
-        return react_1.default.Children.toArray(children)
-            .reduce(function (flattened, child) {
+    const getTextFromChildren = (children) => {
+        return React.Children.toArray(children)
+            .reduce((flattened, child) => {
             var _a;
-            return __spreadArray(__spreadArray([], flattened, true), [
+            return [
+                ...flattened,
                 ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children)
                     ? getTextFromChildren(child.props.children)
                     : child,
-            ], false);
+            ];
         }, [])
-            .filter(function (str) { return !str.toString().includes('object Object'); })
+            .filter((str) => !str.toString().includes('object Object'))
             .join('');
     };
-    var actualTitle = title !== undefined ? title : "Tag: " + getTextFromChildren(children);
-    return (react_1.default.createElement("div", __assign({ className: TagClasses, title: actualTitle, style: isCustomColor() ? { backgroundColor: color } : null, ref: tagRef }, props),
-        iconName ? (react_1.default.createElement("span", { className: "Tag__icon" },
-            react_1.default.createElement(Icon_1.Icon, { name: iconName, size: compact ? 14 : 16 }))) : null,
-        react_1.default.createElement("span", { className: "Tag__body" }, children),
-        onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Tag__close", iconName: "clear", size: "xsmall", onClick: onClose }))));
+    const actualTitle = title !== undefined ? title : `Tag: ${getTextFromChildren(children)}`;
+    return (React.createElement("div", Object.assign({ className: TagClasses, title: actualTitle, style: isCustomColor() ? { backgroundColor: color } : null, ref: tagRef }, props),
+        iconName ? (React.createElement("span", { className: "Tag__icon" },
+            React.createElement(Icon, { name: iconName, size: compact ? 14 : 16 }))) : null,
+        React.createElement("span", { className: "Tag__body" }, children),
+        onClose && (React.createElement(Button, { fill: "subtle", className: "Tag__close", iconName: "clear", size: "xsmall", onClick: onClose }))));
 };
-exports.Tag = Tag;
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAmB,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAyCnC,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAYjC,EAAE,EAAE;QAZ6B,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,OAEN,EADG,KAAK,cAXyB,sGAYjC,CADQ;IAER,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,YAAY,GAAG;YACpB,MAAM;YACN,SAAS;YACT,UAAU;YACV,SAAS;YACT,UAAU;YACV,SAAS;YACT,SAAS;SACT,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC/C,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,aAAa,EAAE;YAClB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC;QAC3D,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO,QAAQ,KAAK,EAAE,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE;QAClE,cAAc,EAAE,OAAO;QACvB,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,KAAK;KACnB,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,CAAC,QAAyB,EAAU,EAAE;QACjE,OAAQ,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAS;aAC9C,MAAM,CACN,CAAC,SAAc,EAAE,KAAU,EAAE,EAAE;;YAAC,OAAA;gBAC/B,GAAG,SAAS;gBACZ,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,QAAQ;oBACrB,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC3C,CAAC,CAAC,KAAK;aACR,CAAA;SAAA,EACD,EAAE,CACF;aACA,MAAM,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;aAClE,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,WAAW,GAChB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC;IAEvE,OAAO,CACN,2CACC,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAC1D,GAAG,EAAE,MAAM,IACP,KAAK;QAER,QAAQ,CAAC,CAAC,CAAC,CACX,8BAAM,SAAS,EAAC,WAAW;YAC1B,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,CAC3C,CACP,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAC,WAAW,IAAE,QAAQ,CAAQ;QAC5C,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GACf,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE2Ha;EF1Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE4DH;;AF3Df;EAAiB,kBE8BC;;AF7BlB;EAAiB,kBEwCA;;AFvCjB;EAAc,kBEkDI;;AFhDlB;EACiB,kBEkBI;;AFhBrB;EACC,kBEWoB;EFVpB,OEOkB;EFNlB;;AAGD;EAAiB,WEwFJ;;AFrFZ;EAAqB;;AAErB;EACC,kBEoCa;EFnCb,OEwCa;;AFrCd;EACC,kBECgB;EFAhB,OETiB;;AFYlB;EACC,kBEQe;EFPf,OEYe;;AFThB;EACC,kBEegB;EFdhB,OEmBgB;;AFhBjB;EAEC,kBEpBmB;EFqBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OEhDpB;;;AFiDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEpEjB;;;AFqEf;EAA6B,OEzDb;;;AF0DhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEvET;;;AFwEZ;EAAoB;;;AACpB;EAAoB,kBE3FN;;;AF4Fd;EAAiB,kBEhFF;;;AFkFf;AAAA;EACoB,kBEjHF;;;AFkHlB;EAAoB,kBEtHF;;;AFwHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE4Ha;EF3Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE4DH;;AF3Df;EAAiB,kBE8BC;;AF7BlB;EAAiB,kBEwCA;;AFvCjB;EAAc,kBEkDI;;AFhDlB;EACiB,kBEkBI;;AFhBrB;EACC,kBEWoB;EFVpB,OEOkB;EFNlB;;AAGD;EAAiB,WEyFJ;;AFtFZ;EAAqB;;AAErB;EACC,kBEoCa;EFnCb,OEwCa;;AFrCd;EACC,kBECgB;EFAhB,OETiB;;AFYlB;EACC,kBEQe;EFPf,OEYe;;AFThB;EACC,kBEegB;EFdhB,OEmBgB;;AFhBjB;EAEC,kBEpBmB;EFqBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OEhDpB;;;AFiDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEpEjB;;;AFqEf;EAA6B,OEzDb;;;AF0DhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEvET;;;AFwEZ;EAAoB;;;AACpB;EAAoB,kBE3FN;;;AF4Fd;EAAiB,kBEhFF;;;AFkFf;AAAA;EACoB,kBEjHF;;;AFkHlB;EAAoB,kBEtHF;;;AFwHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"index.css"}

package/dist/components/Tag/index.js

@@ -1,14 +1,2 @@
-"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 });
-__exportStar(require("./Tag"), exports);
+export * from './Tag';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wCAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/components/TagGroup/TagGroup.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,19 +9,13 @@ 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.TagGroup = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var TagGroupItem_1 = require("./TagGroupItem");
-var wrapChildren_1 = require("../../utilities/wrapChildren");
-var TagGroup = function (_a) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var TagGroupClasses = (0, classnames_1.default)('TagGroup', className);
-    return (react_1.default.createElement("div", __assign({ className: TagGroupClasses }, props), (0, wrapChildren_1.wrapChildren)(children, TagGroupItem_1.TagGroupItem)));
+import React from 'react';
+import classnames from 'classnames';
+import { TagGroupItem } from './TagGroupItem';
+import { wrapChildren } from '../../utilities/wrapChildren';
+export const TagGroup = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const TagGroupClasses = classnames('TagGroup', className);
+    return (React.createElement("div", Object.assign({ className: TagGroupClasses }, props), wrapChildren(children, TagGroupItem)));
 };
-exports.TagGroup = TagGroup;
 //# sourceMappingURL=TagGroup.js.map

package/dist/components/TagGroup/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAE9C,6DAA4D;AAwBrD,IAAM,QAAQ,GAAsB,UAAC,EAI3C;IAHA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAHmC,yBAI3C,CADQ;IAER,IAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,gDAAK,SAAS,EAAE,eAAe,IAAM,KAAK,GACxC,IAAA,2BAAY,EAAC,QAAQ,EAAE,2BAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwB5D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAI3C,EAAE,EAAE;QAJuC,EAC3C,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHmC,yBAI3C,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,2CAAK,SAAS,EAAE,eAAe,IAAM,KAAK,GACxC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/TagGroup/TagGroupItem.js

@@ -1,13 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagGroupItem = void 0;
-var react_1 = __importDefault(require("react"));
-var TagGroupItem = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("div", { className: "TagGroup__Item" }, children));
-};
-exports.TagGroupItem = TagGroupItem;
+import React from 'react';
+export const TagGroupItem = ({ children }) => (React.createElement("div", { className: "TagGroup__Item" }, children));
 //# sourceMappingURL=TagGroupItem.js.map

package/dist/components/TagGroup/TagGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAO3B,IAAM,YAAY,GAA0B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACpE,uCAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD;AAFoE,CAEpE,CAAC;AAFW,QAAA,YAAY,gBAEvB"}
+{"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD,CAAC"}

package/dist/components/TagGroup/index.js

@@ -1,14 +1,2 @@
-"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 });
-__exportStar(require("./TagGroup"), exports);
+export * from './TagGroup';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/Takeover/Takeover.css

@@ -16,6 +16,16 @@
   text-align: left;
   z-index: 1100;
 }
+.Takeover:focus {
+  outline: none;
+}
+.Takeover:focus-visible {
+  outline: none;
+}
+
+.TakeoverHeader__back-link {
+  flex: 0 auto;
+}
 
 .TakeoverContent {
   flex-grow: 1;

package/dist/components/Takeover/Takeover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}

package/dist/components/Takeover/Takeover.d.ts

@@ -1,11 +1,16 @@
 import { FC } from 'react';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
 import { TakeoverHeader, TakeoverHeaderProps } from './TakeoverHeader';
 import { TakeoverSection, TakeoverSectionProps } from './TakeoverSection';
 import { TakeoverFooter, TakeoverFooterProps } from './TakeoverFooter';
 export interface TakeoverPropsStrict {
     /** Content for Action area next to close button */
     actions?: TakeoverHeaderProps['actions'];
+    /**
+     * Use animation for show/hide transitions
+     * Defaults to false because Takeovers are used as full page layouts
+     */
+    animate?: boolean;
     /** Label for Back button. Turns Back button into `Back to {backLabel}` button */
     backLabel?: TakeoverHeaderProps['backLabel'];
     /** Add <ProgressTracker.Step> components to be rendered in the <ProgressTracker> */
@@ -24,14 +29,16 @@ export interface TakeoverPropsStrict {
     onBack?: TakeoverHeaderProps['onBack'];
     /** If passed an onClose function, <Takeover.Header> gets a Close button in the top right */
     onClose?: TakeoverHeaderProps['onClose'];
+    /** Set visibility of the Takeover */
+    open?: boolean;
     /** Theme of Takeover */
     theme?: TakeoverHeaderProps['theme'];
     /** Name of Takeover */
     title: TakeoverHeaderProps['title'];
-    /** Makes Modal open through ReactDOM.createPortal */
+    /** Render in a React Portal */
     portal?: boolean;
-    /** Options passed into useFocusScope hook */
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
 export interface TakeoverProps extends TakeoverPropsStrict {
     [propName: string]: any;

package/dist/components/Takeover/Takeover.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,58 +9,73 @@ 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.Takeover = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var wrapWithComponent_1 = require("../../utilities/wrapWithComponent");
-var OverlayContext_1 = require("../../utilities/OverlayContext");
-var Portal_1 = require("../../internal/Portal");
-var useFocusScope_1 = require("../../hooks/useFocusScope");
-var TakeoverHeader_1 = require("./TakeoverHeader");
-var TakeoverSection_1 = require("./TakeoverSection");
-var TakeoverFooter_1 = require("./TakeoverFooter");
-var Takeover = function (_a) {
-    var actions = _a.actions, backLabel = _a.backLabel, children = _a.children, className = _a.className, footer = _a.footer, _b = _a.footerAlign, footerAlign = _b === void 0 ? TakeoverFooter_1.TakeoverFooter.defaultProps.align : _b, onBack = _a.onBack, onClose = _a.onClose, sectioned = _a.sectioned, _c = _a.theme, theme = _c === void 0 ? TakeoverHeader_1.TakeoverHeader.defaultProps.theme : _c, contentWrapperClass = _a.contentWrapperClass, title = _a.title, _d = _a.portal, portal = _d === void 0 ? false : _d, focusScopeOptions = _a.focusScopeOptions, props = __rest(_a, ["actions", "backLabel", "children", "className", "footer", "footerAlign", "onBack", "onClose", "sectioned", "theme", "contentWrapperClass", "title", "portal", "focusScopeOptions"]);
-    react_1.default.useEffect(function () {
+import React, { useRef } from 'react';
+import classnames from 'classnames';
+import { AnimatePresence, motion } from 'framer-motion';
+import tokens from '@servicetitan/tokens';
+import { Overlay } from '../../internal/Overlay';
+import { wrapWithComponent } from '../../utilities/wrapWithComponent';
+import { FocusTrap } from '../../utilities/FocusTrap';
+import { TakeoverHeader } from './TakeoverHeader';
+import { TakeoverSection } from './TakeoverSection';
+import { TakeoverFooter } from './TakeoverFooter';
+export const Takeover = (_a) => {
+    var { actions, animate = false, backLabel, children, className, contentWrapperClass, focusTrapOptions, footer, footerAlign = TakeoverFooter.defaultProps.align, onBack, onClose, open = true, portal = true, sectioned, theme = TakeoverHeader.defaultProps.theme, title } = _a, props = __rest(_a, ["actions", "animate", "backLabel", "children", "className", "contentWrapperClass", "focusTrapOptions", "footer", "footerAlign", "onBack", "onClose", "open", "portal", "sectioned", "theme", "title"]);
+    const [focusWrapper, setFocusWrapper] = React.useState(1);
+    React.useEffect(() => {
         document.body.classList.add('Takeover--is-open');
-        return function () {
-            var otherOpenTakeovers = document.getElementsByClassName('Takeover').length > 1;
+        return () => {
+            const otherOpenTakeovers = document.getElementsByClassName('Takeover').length > 1;
             if (!otherOpenTakeovers) {
                 document.body.classList.remove('Takeover--is-open');
             }
         };
     }, []);
-    var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
-    var takeoverRef = (0, react_1.useRef)(null);
-    var handleTab = (0, useFocusScope_1.useFocusScope)(takeoverRef, focusScopeOptions).handleTab;
-    var headerProps = {
-        actions: actions,
-        backLabel: backLabel,
-        onBack: onBack,
-        onClose: onClose,
-        theme: theme,
-        title: title,
+    const takeoverRef = useRef(null);
+    const headerProps = {
+        actions,
+        backLabel,
+        onBack,
+        onClose,
+        theme,
+        title,
     };
-    var footerProps = {
+    const footerProps = {
         align: footerAlign,
         children: footer,
     };
-    var TakeoverClasses = (0, classnames_1.default)('Takeover', className, "Takeover--" + theme);
-    var contentWrapperClasses = (0, classnames_1.default)('TakeoverContent', contentWrapperClass);
-    var content = (0, wrapWithComponent_1.wrapWithComponent)(children, TakeoverSection_1.TakeoverSection);
-    var takeover = (react_1.default.createElement("div", __assign({ className: TakeoverClasses, ref: takeoverRef, onKeyDown: handleTab }, props),
-        react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('takeover') },
-            react_1.default.createElement(TakeoverHeader_1.TakeoverHeader, __assign({}, headerProps)),
-            react_1.default.createElement("div", { className: contentWrapperClasses }, content),
-            react_1.default.createElement(TakeoverFooter_1.TakeoverFooter, __assign({}, footerProps)))));
-    return react_1.default.createElement(Portal_1.Portal, { conditional: portal }, takeover);
+    const TakeoverClasses = classnames('Takeover', className, `Takeover--${theme}`);
+    const contentWrapperClasses = classnames('TakeoverContent', contentWrapperClass);
+    const content = wrapWithComponent(children, TakeoverSection);
+    const duration = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2
+    const framerAnimation = {
+        initial: { opacity: 0, y: 50 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: 50 },
+        transition: { type: 'easeInOut', duration },
+    };
+    const Animate = animate ? AnimatePresence : React.Fragment;
+    const TakeoverEl = animate ? motion.div : 'div';
+    const TakeoverProps = Object.assign(Object.assign({ className: TakeoverClasses, ref: takeoverRef, tabIndex: focusWrapper }, (animate && framerAnimation)), props);
+    React.useEffect(() => {
+        // Removes wrapper to be focusable element after initial tab
+        function eventHandler(event) {
+            event.key === 'Tab' && setFocusWrapper(-1);
+        }
+        document.addEventListener('keydown', eventHandler);
+        return () => document.removeEventListener('keydown', eventHandler);
+    }, []);
+    React.useEffect(() => {
+        setFocusWrapper(1);
+    }, [open]);
+    return (React.createElement(Overlay, { portal: portal, animate: animate },
+        React.createElement(Animate, null, open && (React.createElement(FocusTrap, Object.assign({}, focusTrapOptions),
+            React.createElement(TakeoverEl, Object.assign({}, TakeoverProps),
+                React.createElement(TakeoverHeader, Object.assign({}, headerProps)),
+                React.createElement("div", { className: contentWrapperClasses }, content),
+                React.createElement(TakeoverFooter, Object.assign({}, footerProps))))))));
 };
-exports.Takeover = Takeover;
-exports.Takeover.Header = TakeoverHeader_1.TakeoverHeader;
-exports.Takeover.Section = TakeoverSection_1.TakeoverSection;
-exports.Takeover.Footer = TakeoverFooter_1.TakeoverFooter;
+Takeover.Header = TakeoverHeader;
+Takeover.Section = TakeoverSection;
+Takeover.Footer = TakeoverFooter;
 //# sourceMappingURL=Takeover.js.map

package/dist/components/Takeover/Takeover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AACtD,0DAAoC;AACpC,uEAAsE;AACtE,iEAAgE;AAChE,gDAA+C;AAC/C,2DAA6E;AAE7E,mDAAuE;AACvE,qDAA0E;AAC1E,mDAAuE;AAwDhE,IAAM,QAAQ,GAAa,UAAC,EAgBlC;IAfA,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,mBAA+C,EAA/C,WAAW,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EAC/C,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,aAAyC,EAAzC,KAAK,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EACzC,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,uBAAA,EACd,KAAK,cAf0B,oLAgBlC,CADQ;IAER,eAAK,CAAC,SAAS,CAAC;QACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEjD,OAAO;YACN,IAAM,kBAAkB,GACvB,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,IAAI,CAAC,kBAAkB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;aACpD;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,+BAAc,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,SAAS,GAAK,IAAA,6BAAa,EAAC,WAAW,EAAE,iBAAiB,CAAC,UAAlD,CAAmD;IAEpE,IAAM,WAAW,GAAG;QACnB,OAAO,SAAA;QACP,SAAS,WAAA;QACT,MAAM,QAAA;QACN,OAAO,SAAA;QACP,KAAK,OAAA;QACL,KAAK,OAAA;KACL,CAAC;IAEF,IAAM,WAAW,GAAG;QACnB,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;KAChB,CAAC;IAEF,IAAM,eAAe,GAAG,IAAA,oBAAU,EACjC,UAAU,EACV,SAAS,EACT,eAAa,KAAO,CACpB,CAAC;IAEF,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EACvC,iBAAiB,EACjB,mBAAmB,CACnB,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,qCAAiB,EAAC,QAAQ,EAAE,iCAAe,CAAC,CAAC;IAE7D,IAAM,QAAQ,GAAG,CAChB,gDACC,SAAS,EAAE,eAAe,EAC1B,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,8BAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC;YAChE,8BAAC,+BAAc,eAAK,WAAW,EAAI;YACnC,uCAAK,SAAS,EAAE,qBAAqB,IAAG,OAAO,CAAO;YACtD,8BAAC,+BAAc,eAAK,WAAW,EAAI,CACV,CACrB,CACN,CAAC;IAEF,OAAO,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC;AA5EW,QAAA,QAAQ,YA4EnB;AAEF,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC;AACjC,gBAAQ,CAAC,OAAO,GAAG,iCAAe,CAAC;AACnC,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC"}
+{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":"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"}

package/dist/components/Takeover/TakeoverFooter.css

@@ -16,6 +16,16 @@
   text-align: left;
   z-index: 1100;
 }
+.Takeover:focus {
+  outline: none;
+}
+.Takeover:focus-visible {
+  outline: none;
+}
+
+.TakeoverHeader__back-link {
+  flex: 0 auto;
+}
 
 .TakeoverContent {
   flex-grow: 1;

package/dist/components/Takeover/TakeoverFooter.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG1BrB;EACC,YDca;ECbb;EACA;EACA;EACA,aDkHW;ECjHX,gBDiHW;;;AC9GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AGpCrB;EACC,YDca;ECbb;EACA;EACA;EACA,aDmHW;EClHX,gBDkHW;;;AC/GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}

package/dist/components/Takeover/TakeoverFooter.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,28 +9,22 @@ 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.TakeoverFooter = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var TakeoverSection_1 = require("./TakeoverSection");
-var TakeoverFooter = function (_a) {
-    var align = _a.align, children = _a.children, className = _a.className, props = __rest(_a, ["align", "children", "className"]);
-    var TakeoverFooterClasses = (0, classnames_1.default)('TakeoverFooter', className, {
+import React from 'react';
+import classnames from 'classnames';
+import { TakeoverSection } from './TakeoverSection';
+export const TakeoverFooter = (_a) => {
+    var { align, children, className } = _a, props = __rest(_a, ["align", "children", "className"]);
+    const TakeoverFooterClasses = classnames('TakeoverFooter', className, {
         'TakeoverFooter--left': align === 'left',
         'TakeoverFooter--center': align === 'center',
         'TakeoverFooter--right': align === 'right',
         'TakeoverFooter--space-between': align === 'space-between',
     });
-    if (react_1.default.Children.count(children) === 0)
+    if (React.Children.count(children) === 0)
         return null;
-    return (react_1.default.createElement(TakeoverSection_1.TakeoverSection, __assign({ className: TakeoverFooterClasses }, props), children));
+    return (React.createElement(TakeoverSection, Object.assign({ className: TakeoverFooterClasses }, props), children));
 };
-exports.TakeoverFooter = TakeoverFooter;
-exports.TakeoverFooter.defaultProps = {
+TakeoverFooter.defaultProps = {
     align: 'right',
 };
 //# sourceMappingURL=TakeoverFooter.js.map

package/dist/components/Takeover/TakeoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,qDAAoD;AAc7C,IAAM,cAAc,GAA4B,UAAC,EAKvD;IAJA,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAJ+C,kCAKvD,CADQ;IAER,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,8BAAC,iCAAe,aAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAKvD,EAAE,EAAE;QALmD,EACvD,KAAK,EACL,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ+C,kCAKvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC"}

package/dist/components/Takeover/TakeoverHeader.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;ECXE;EACA;EDaD;EACA,YEEa;EFDb;EACA;EACA,OEFa;EFGb;EACA;EACA,WE+Ga;EF9Gb;EACA;EACA,SEgGW;EF/FX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YEIkB;EFHlB;EACA,OEUmB;;;AFPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aE8DW;;;AF3DZ;EA1DC;EACA,SEwGiB;EFvGjB;EA2DA;EACA,SE+Dc;EF9Dd;;AA3DA;EACC;;AA4DD;EAAU","file":"TakeoverHeader.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;ECXE;EACA;EDaD;EACA,YEEa;EFDb;EACA;EACA,OEFa;EFGb;EACA;EACA,WEgHa;EF/Gb;EACA;EACA,SEiGW;EFhGX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YEIkB;EFHlB;EACA,OEUmB;;;AFPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aE+DW;;;AF5DZ;EA1DC;EACA,SEyGiB;EFxGjB;EA2DA;EACA,SEgEc;EF/Dd;;AA3DA;EACC;;AA4DD;EAAU","file":"TakeoverHeader.css"}