@servicetitan/design-system 10.8.0 → 11.2.0

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

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

package/dist/components/Backdrop/Backdrop.css

@@ -5,39 +5,20 @@
   color: #141414;
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: none;
-  opacity: 0;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
+  background: rgba(20, 20, 20, 0.6);
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 1100;
 }
 
-.Backdrop--is-visible {
+.Backdrop--is-open {
   display: flex;
-  opacity: 1;
-  overflow: auto;
-}
-
-.Backdrop--ClickHandler {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(20, 20, 20, 0.6);
-}
-
-.Backdrop__content {
-  display: block;
-  z-index: 1;
 }
 
 /*# sourceMappingURL=Backdrop.css.map */

package/dist/components/Backdrop/Backdrop.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC;EACA","file":"Backdrop.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EDIA;EACA;EACA;EACA;EACA;EACA;EACA,YAXgB;EAYhB;EACA;EACA;;;AAGD;EACC","file":"Backdrop.css"}

package/dist/components/Backdrop/Backdrop.d.ts

@@ -3,16 +3,14 @@ import React, { FC } from 'react';
  * Backdrop properties
  */
 export interface BackdropPropsStrict {
+    /** Use animation for visibility transitions */
+    animate?: boolean;
     /** Add class attribute */
     className?: string;
-    /** Visually indicate if the backdrop closes on click */
-    closeOnClick?: boolean;
-    /** Function to run when Backdrop is clicked on */
+    /** onClick Function */
     onClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
-    /** Makes Modal open through ReactDOM.createPortal */
-    portal?: boolean;
-    /** Use animation for show/hide transitions */
-    animate?: boolean;
+    /** Visibility of Backdrop */
+    open?: boolean;
 }
 export interface BackdropProps extends BackdropPropsStrict {
     /** Unstrict Props */

package/dist/components/Backdrop/Backdrop.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,52 +9,34 @@ 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.Backdrop = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var framer_motion_1 = require("framer-motion");
-var tokens_1 = __importDefault(require("@servicetitan/tokens"));
-var Portal_1 = require("../../internal/Portal");
-exports.Backdrop = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.closeOnClick, closeOnClick = _b === void 0 ? true : _b, onClick = _a.onClick, _c = _a.portal, portal = _c === void 0 ? true : _c, transitionWithOpacity = _a.transitionWithOpacity, animate = _a.animate, rest = __rest(_a, ["children", "className", "closeOnClick", "onClick", "portal", "transitionWithOpacity", "animate"]);
-    var handleClick = function (e) {
-        if (portal)
-            e.stopPropagation();
+import React from 'react';
+import classnames from 'classnames';
+import { AnimatePresence, motion } from 'framer-motion';
+import tokens from '@servicetitan/tokens';
+export const Backdrop = (_a) => {
+    var { animate, className, onClick, open = true } = _a, rest = __rest(_a, ["animate", "className", "onClick", "open"]);
+    const handleClick = (e) => {
+        e.stopPropagation();
         if (e.target !== e.currentTarget)
             return;
         if (onClick)
             onClick(e);
     };
-    var BackdropClassNames = (0, classnames_1.default)('Backdrop', 'Backdrop--is-visible', {
-        'Backdrop--portal': portal,
-        'd-f': transitionWithOpacity,
-        'cursor-not-allowed': !closeOnClick,
+    const BackdropClassNames = classnames('Backdrop', className, {
+        'Backdrop--is-open': open,
+        'Backdrop--has-onClick': onClick,
+        'cursor-not-allowed': !onClick,
     });
-    var BackdropContentClassNames = (0, classnames_1.default)('Backdrop__content', className);
-    return (react_1.default.createElement(Portal_1.Portal, { conditional: portal },
-        react_1.default.createElement(AnimatedWrapper, { animate: animate },
-            react_1.default.createElement("div", __assign({ className: BackdropClassNames, ref: ref }, rest),
-                react_1.default.createElement(AnimatedDiv, { animate: animate },
-                    react_1.default.createElement("div", { className: "Backdrop--ClickHandler", onClick: handleClick })),
-                react_1.default.createElement("div", { className: BackdropContentClassNames }, children)))));
-});
-var AnimatedWrapper = function (_a) {
-    var animate = _a.animate, children = _a.children;
-    return animate ? react_1.default.createElement(framer_motion_1.AnimatePresence, null, children) : children;
-};
-var AnimatedDiv = function (_a) {
-    var animate = _a.animate, children = _a.children;
-    var durationSlow = parseInt(tokens_1.default.durationSlow, 10) / 1000; // '300ms' -> 0.3
-    var framerAnimation = {
+    const durationSlow = parseInt(tokens.durationSlow, 10) / 1000; // '300ms' -> 0.3
+    const framerAnimation = {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { type: 'linear', duration: durationSlow },
     };
-    return animate ? (react_1.default.createElement(framer_motion_1.motion.div, __assign({}, framerAnimation), children)) : (children);
+    const Animate = animate ? AnimatePresence : React.Fragment;
+    const ScreenEl = animate ? motion.div : 'div';
+    const ScreenProps = Object.assign({ className: BackdropClassNames, onClick: handleClick }, (animate && framerAnimation));
+    return React.createElement(Animate, null, open && React.createElement(ScreenEl, Object.assign({}, ScreenProps, rest)));
 };
 //# sourceMappingURL=Backdrop.js.map

package/dist/components/Backdrop/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8C;AAC9C,0DAAoC;AACpC,+CAAwD;AACxD,gEAA0C;AAE1C,gDAA+C;AA2BlC,QAAA,QAAQ,GAAsB,IAAA,kBAAU,EACpD,UACC,EASC,EACD,GAAoC;IATnC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,OAAO,aAAA,EACP,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,2BAAA,EACrB,OAAO,aAAA,EACJ,IAAI,cARR,kGASC,CADO;IAIR,IAAM,WAAW,GAAyC,UAAC,CAAC;QAC3D,IAAI,MAAM;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAEhC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QAEzC,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EACpC,UAAU,EACV,sBAAsB,EACtB;QACC,kBAAkB,EAAE,MAAM;QAC1B,KAAK,EAAE,qBAAqB;QAC5B,oBAAoB,EAAE,CAAC,YAAY;KACnC,CACD,CAAC;IAEF,IAAM,yBAAyB,GAAG,IAAA,oBAAU,EAC3C,mBAAmB,EACnB,SAAS,CACT,CAAC;IAEF,OAAO,CACN,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM;QAC1B,8BAAC,eAAe,IAAC,OAAO,EAAE,OAAO;YAChC,gDAAK,SAAS,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI;gBACrD,8BAAC,WAAW,IAAC,OAAO,EAAE,OAAO;oBAC5B,uCACC,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,WAAW,GACnB,CACW;gBACd,uCAAK,SAAS,EAAE,yBAAyB,IACvC,QAAQ,CACJ,CACD,CACW,CACV,CACT,CAAC;AACH,CAAC,CACD,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3C,OAAA,OAAO,CAAC,CAAC,CAAC,8BAAC,+BAAe,QAAE,QAAQ,CAAmB,CAAC,CAAC,CAAC,QAAQ;AAAlE,CAAkE,CAAC;AAEpE,IAAM,WAAW,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvC,IAAM,YAAY,GAAW,QAAQ,CAAC,gBAAM,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,IAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtD,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CAChB,8BAAC,sBAAM,CAAC,GAAG,eAAK,eAAe,GAAG,QAAQ,CAAc,CACxD,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAwB1C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAM3C,EAAE,EAAE;QANuC,EAC3C,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,OAEX,EADG,IAAI,cALoC,2CAM3C,CADO;IAEP,MAAM,WAAW,GAAyC,CAAC,CAAC,EAAE,EAAE;QAC/D,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QAEzC,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QAC5D,mBAAmB,EAAE,IAAI;QACzB,uBAAuB,EAAE,OAAO;QAChC,oBAAoB,EAAE,CAAC,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,MAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtD,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,MAAM,WAAW,mBAChB,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,WAAW,IACjB,CAAC,OAAO,IAAI,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO,oBAAC,OAAO,QAAE,IAAI,IAAI,oBAAC,QAAQ,oBAAK,WAAW,EAAM,IAAI,EAAI,CAAW,CAAC;AAC7E,CAAC,CAAC"}

package/dist/components/Backdrop/index.css

@@ -5,39 +5,20 @@
   color: #141414;
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: none;
-  opacity: 0;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
+  background: rgba(20, 20, 20, 0.6);
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 1100;
 }
 
-.Backdrop--is-visible {
+.Backdrop--is-open {
   display: flex;
-  opacity: 1;
-  overflow: auto;
-}
-
-.Backdrop--ClickHandler {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(20, 20, 20, 0.6);
-}
-
-.Backdrop__content {
-  display: block;
-  z-index: 1;
 }
 
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EDIA;EACA;EACA;EACA;EACA;EACA;EACA,YAXgB;EAYhB;EACA;EACA;;;AAGD;EACC","file":"index.css"}

package/dist/components/Backdrop/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("./Backdrop"), exports);
+export * from './Backdrop';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Banner/Banner.css

@@ -7,7 +7,7 @@
   background: #ffffff;
   border-radius: 3px;
   box-shadow: 0 1px 2px rgba(20, 20, 20, 0.1);
-  color: #444445;
+  color: var(--colorsTextDefault, #141414);
   font-size: 16px;
   display: flex;
   line-height: 1.5;
@@ -40,36 +40,36 @@
   margin-top: 5px;
 }
 .Banner--info .Banner__icon {
-  color: #004cc3;
+  color: var(--colorsStatusInfoStrong, #004cc3);
 }
 .Banner--critical .Banner__icon {
-  color: #e63717;
+  color: var(--colorsStatusCritical, #f94d32);
 }
 .Banner--warning .Banner__icon {
-  color: #ffbe00;
+  color: var(--colorsStatusWarning, #ffbe00);
 }
 .Banner--success .Banner__icon {
-  color: #10864b;
+  color: var(--colorsStatusSuccessStrong, #10864b);
 }
 
 .Banner--info {
-  background-color: #ecf4fd;
-  border: 1px solid #a9d1ff;
+  background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
+  border: 1px solid var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 
 .Banner--warning {
-  background-color: #fff9e2;
-  border: 1px solid #fff0b1;
+  background-color: var(--colorsSurfaceWarningSubdued, #fff9e2);
+  border: 1px solid var(--colorsBorderWarningSubdued, #fff0b1);
 }
 
 .Banner--critical {
-  background-color: #ffece9;
-  border: 1px solid #ffb2a0;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border: 1px solid var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 
 .Banner--success {
-  background-color: #e1fdef;
-  border: 1px solid #90efc0;
+  background-color: var(--colorsSurfaceSuccessSubdued, #e1fdef);
+  border: 1px solid var(--colorsBorderSuccessSubdued, #90efc0);
 }
 
 .Banner--compact .Banner__action > .Button:first-child {
@@ -108,12 +108,12 @@
 }
 
 .Banner__title {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-weight: 600;
 }
 
 .Banner__close.a-Icon {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   cursor: pointer;
   font-size: 1.2em;
   margin-left: 24px;

package/dist/components/Banner/Banner.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,YEYa;EFXb,eECiB;EFAjB;EACA,OEqCmB;EFpCnB,WE2Ha;EF1Hb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiGS;;AF7FX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuFS;;;AFlFZ;EACC,WE6Fa;EF5Fb,cEgFW;EF/EX;;AAEA;EAAkB,OEXF;;AFYhB;EAAsB,OE2CP;;AF1Cf;EAAqB,OEkBH;;AFjBlB;EAAqB,OEwBJ;;;AFrBlB;EACC,kBEvBgB;EFwBhB;;;AAGD;EACC,kBEIkB;EFHlB;;;AAGD;EACC,kBEuBe;EFtBf;;;AAGD;EACC;EACA;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsCW;EFrCX;;;AAGD;EACC,gBEgCW;EF/BX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OEzFa;EF0Fb,aEHkB;;;AFMnB;EACC,OEjEmB;EFkEnB;EACA;EACA,aEOW;EFNX","file":"Banner.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA,OCiBa;ADfb;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE2Ga;EF1Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiFS;;AF7EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuES;;;AFlEZ;EACC,WE6Ea;EF5Eb,cEgEW;EF/DX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsBW;EFrBX;;;AAGD;EACC,gBEgBW;EFfX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEpBsB;;;AFuBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aETW;EFUX","file":"Banner.css"}

package/dist/components/Banner/Banner.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,18 +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.Banner = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Button_1 = require("../Button");
-var Icon_1 = require("../Icon");
-var Banner = function (_a) {
-    var primaryActionName = _a.primaryActionName, secondaryActionName = _a.secondaryActionName, children = _a.children, className = _a.className, onPrimaryActionClick = _a.onPrimaryActionClick, onSecondaryActionClick = _a.onSecondaryActionClick, onClose = _a.onClose, icon = _a.icon, _b = _a.status, status = _b === void 0 ? 'info' : _b, title = _a.title, props = __rest(_a, ["primaryActionName", "secondaryActionName", "children", "className", "onPrimaryActionClick", "onSecondaryActionClick", "onClose", "icon", "status", "title"]);
-    var getIconType = function () {
+import React from 'react';
+import classnames from 'classnames';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+export const Banner = (_a) => {
+    var { primaryActionName, secondaryActionName, children, className, onPrimaryActionClick, onSecondaryActionClick, onClose, icon, status = 'info', title } = _a, props = __rest(_a, ["primaryActionName", "secondaryActionName", "children", "className", "onPrimaryActionClick", "onSecondaryActionClick", "onClose", "icon", "status", "title"]);
+    const getIconType = () => {
         switch (status) {
             case 'critical':
                 return 'warning';
@@ -44,29 +27,28 @@ var Banner = function (_a) {
                 return 'info';
         }
     };
-    var hasPrimaryAction = function () {
+    const hasPrimaryAction = () => {
         return !!(primaryActionName && onPrimaryActionClick);
     };
-    var hasSecondaryAction = function () {
+    const hasSecondaryAction = () => {
         return !!(secondaryActionName && onSecondaryActionClick);
     };
-    var BannerClasses = (0, classnames_1.default)('Banner', className, {
+    const BannerClasses = classnames('Banner', className, {
         'Banner--critical': status === 'critical',
         'Banner--warning': status === 'warning',
         'Banner--success': status === 'success',
         'Banner--info': status === 'info',
         'Banner--compact': children === undefined,
     });
-    return (react_1.default.createElement("div", __assign({ className: BannerClasses }, props),
-        icon && react_1.default.createElement(Icon_1.Icon, { className: "Banner__icon", name: getIconType() }),
-        react_1.default.createElement("div", { className: "Banner__body" },
-            react_1.default.createElement("div", { className: "Banner__text" },
-                react_1.default.createElement("div", { className: "Banner__title" }, title),
+    return (React.createElement("div", Object.assign({ className: BannerClasses }, props),
+        icon && React.createElement(Icon, { className: "Banner__icon", name: getIconType() }),
+        React.createElement("div", { className: "Banner__body" },
+            React.createElement("div", { className: "Banner__text" },
+                React.createElement("div", { className: "Banner__title" }, title),
                 children),
-            (primaryActionName || secondaryActionName) && (react_1.default.createElement("div", { className: "Banner__action" },
-                hasPrimaryAction() && (react_1.default.createElement(Button_1.Button, { outline: true, small: true, onClick: onPrimaryActionClick }, primaryActionName)),
-                hasSecondaryAction() && (react_1.default.createElement(Button_1.Button, { fill: "subtle", small: true, onClick: onSecondaryActionClick }, secondaryActionName))))),
-        onClose && (react_1.default.createElement(Icon_1.Icon, { className: "Banner__close", onClick: onClose, name: "clear" }))));
+            (primaryActionName || secondaryActionName) && (React.createElement("div", { className: "Banner__action" },
+                hasPrimaryAction() && (React.createElement(Button, { outline: true, small: true, onClick: onPrimaryActionClick }, primaryActionName)),
+                hasSecondaryAction() && (React.createElement(Button, { fill: "subtle", small: true, onClick: onSecondaryActionClick }, secondaryActionName))))),
+        onClose && (React.createElement(Icon, { className: "Banner__close", onClick: onClose, name: "clear" }))));
 };
-exports.Banner = Banner;
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,oCAAmC;AACnC,gCAA+B;AAsCxB,IAAM,MAAM,GAAoB,UAAC,EAYvC;IAXA,IAAA,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,sBAAsB,4BAAA,EACtB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,KAAK,WAAA,EACF,KAAK,cAX+B,6JAYvC,CADQ;IAER,IAAM,WAAW,GAAG;QACnB,QAAQ,MAAM,EAAE;YACf,KAAK,UAAU;gBACd,OAAO,SAAS,CAAC;YAClB,KAAK,SAAS;gBACb,OAAO,SAAS,CAAC;YAClB,KAAK,SAAS;gBACb,OAAO,cAAc,CAAC;YACvB;gBACC,OAAO,MAAM,CAAC;SACf;IACF,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACxB,OAAO,CAAC,CAAC,CAAC,iBAAiB,IAAI,oBAAoB,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QAC1B,OAAO,CAAC,CAAC,CAAC,mBAAmB,IAAI,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,kBAAkB,EAAE,MAAM,KAAK,UAAU;QACzC,iBAAiB,EAAE,MAAM,KAAK,SAAS;QACvC,iBAAiB,EAAE,MAAM,KAAK,SAAS;QACvC,cAAc,EAAE,MAAM,KAAK,MAAM;QACjC,iBAAiB,EAAE,QAAQ,KAAK,SAAS;KACzC,CAAC,CAAC;IAEH,OAAO,CACN,gDAAK,SAAS,EAAE,aAAa,IAAM,KAAK;QACtC,IAAI,IAAI,8BAAC,WAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,WAAW,EAAE,GAAI;QAC/D,uCAAK,SAAS,EAAC,cAAc;YAC5B,uCAAK,SAAS,EAAC,cAAc;gBAC5B,uCAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAO;gBAC3C,QAAQ,CACJ;YACL,CAAC,iBAAiB,IAAI,mBAAmB,CAAC,IAAI,CAC9C,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,gBAAgB,EAAE,IAAI,CACtB,8BAAC,eAAM,IACN,OAAO,QACP,KAAK,QACL,OAAO,EAAE,oBAAoB,IAE5B,iBAAiB,CACV,CACT;gBACA,kBAAkB,EAAE,IAAI,CACxB,8BAAC,eAAM,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,QACL,OAAO,EAAE,sBAAsB,IAE9B,mBAAmB,CACZ,CACT,CACI,CACN,CACI;QACL,OAAO,IAAI,CACX,8BAAC,WAAI,IACJ,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,GACX,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAlFW,QAAA,MAAM,UAkFjB"}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAsC/B,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAYvC,EAAE,EAAE;QAZmC,EACvC,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,sBAAsB,EACtB,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,OAEL,EADG,KAAK,cAX+B,6JAYvC,CADQ;IAER,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,MAAM,EAAE;YACf,KAAK,UAAU;gBACd,OAAO,SAAS,CAAC;YAClB,KAAK,SAAS;gBACb,OAAO,SAAS,CAAC;YAClB,KAAK,SAAS;gBACb,OAAO,cAAc,CAAC;YACvB;gBACC,OAAO,MAAM,CAAC;SACf;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,OAAO,CAAC,CAAC,CAAC,iBAAiB,IAAI,oBAAoB,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,CAAC,mBAAmB,IAAI,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,kBAAkB,EAAE,MAAM,KAAK,UAAU;QACzC,iBAAiB,EAAE,MAAM,KAAK,SAAS;QACvC,iBAAiB,EAAE,MAAM,KAAK,SAAS;QACvC,cAAc,EAAE,MAAM,KAAK,MAAM;QACjC,iBAAiB,EAAE,QAAQ,KAAK,SAAS;KACzC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,aAAa,IAAM,KAAK;QACtC,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,WAAW,EAAE,GAAI;QAC/D,6BAAK,SAAS,EAAC,cAAc;YAC5B,6BAAK,SAAS,EAAC,cAAc;gBAC5B,6BAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAO;gBAC3C,QAAQ,CACJ;YACL,CAAC,iBAAiB,IAAI,mBAAmB,CAAC,IAAI,CAC9C,6BAAK,SAAS,EAAC,gBAAgB;gBAC7B,gBAAgB,EAAE,IAAI,CACtB,oBAAC,MAAM,IACN,OAAO,QACP,KAAK,QACL,OAAO,EAAE,oBAAoB,IAE5B,iBAAiB,CACV,CACT;gBACA,kBAAkB,EAAE,IAAI,CACxB,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,QACL,OAAO,EAAE,sBAAsB,IAE9B,mBAAmB,CACZ,CACT,CACI,CACN,CACI;QACL,OAAO,IAAI,CACX,oBAAC,IAAI,IACJ,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,GACX,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Banner/index.css

@@ -7,7 +7,7 @@
   background: #ffffff;
   border-radius: 3px;
   box-shadow: 0 1px 2px rgba(20, 20, 20, 0.1);
-  color: #444445;
+  color: var(--colorsTextDefault, #141414);
   font-size: 16px;
   display: flex;
   line-height: 1.5;
@@ -40,36 +40,36 @@
   margin-top: 5px;
 }
 .Banner--info .Banner__icon {
-  color: #004cc3;
+  color: var(--colorsStatusInfoStrong, #004cc3);
 }
 .Banner--critical .Banner__icon {
-  color: #e63717;
+  color: var(--colorsStatusCritical, #f94d32);
 }
 .Banner--warning .Banner__icon {
-  color: #ffbe00;
+  color: var(--colorsStatusWarning, #ffbe00);
 }
 .Banner--success .Banner__icon {
-  color: #10864b;
+  color: var(--colorsStatusSuccessStrong, #10864b);
 }
 
 .Banner--info {
-  background-color: #ecf4fd;
-  border: 1px solid #a9d1ff;
+  background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
+  border: 1px solid var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 
 .Banner--warning {
-  background-color: #fff9e2;
-  border: 1px solid #fff0b1;
+  background-color: var(--colorsSurfaceWarningSubdued, #fff9e2);
+  border: 1px solid var(--colorsBorderWarningSubdued, #fff0b1);
 }
 
 .Banner--critical {
-  background-color: #ffece9;
-  border: 1px solid #ffb2a0;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border: 1px solid var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 
 .Banner--success {
-  background-color: #e1fdef;
-  border: 1px solid #90efc0;
+  background-color: var(--colorsSurfaceSuccessSubdued, #e1fdef);
+  border: 1px solid var(--colorsBorderSuccessSubdued, #90efc0);
 }
 
 .Banner--compact .Banner__action > .Button:first-child {
@@ -108,12 +108,12 @@
 }
 
 .Banner__title {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-weight: 600;
 }
 
 .Banner__close.a-Icon {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   cursor: pointer;
   font-size: 1.2em;
   margin-left: 24px;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,YEYa;EFXb,eECiB;EFAjB;EACA,OEqCmB;EFpCnB,WE2Ha;EF1Hb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiGS;;AF7FX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuFS;;;AFlFZ;EACC,WE6Fa;EF5Fb,cEgFW;EF/EX;;AAEA;EAAkB,OEXF;;AFYhB;EAAsB,OE2CP;;AF1Cf;EAAqB,OEkBH;;AFjBlB;EAAqB,OEwBJ;;;AFrBlB;EACC,kBEvBgB;EFwBhB;;;AAGD;EACC,kBEIkB;EFHlB;;;AAGD;EACC,kBEuBe;EFtBf;;;AAGD;EACC;EACA;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsCW;EFrCX;;;AAGD;EACC,gBEgCW;EF/BX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OEzFa;EF0Fb,aEHkB;;;AFMnB;EACC,OEjEmB;EFkEnB;EACA;EACA,aEOW;EFNX","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA,OCiBa;ADfb;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE2Ga;EF1Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiFS;;AF7EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuES;;;AFlEZ;EACC,WE6Ea;EF5Eb,cEgEW;EF/DX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsBW;EFrBX;;;AAGD;EACC,gBEgBW;EFfX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEpBsB;;;AFuBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aETW;EFUX","file":"index.css"}

package/dist/components/Banner/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("./Banner"), exports);
+export * from './Banner';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/BodyText/BodyText.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEsIkB;EFrIlB,aEoIkB;EFnIlB,WE6Ha;EF5Hb;;AAEA;EACC,WE0HY;;AFvHb;EACC,WEqHY;;AFlHb;EACC,WEgHY;;AF7Gb;EACC,WE2GY;;AFxGb;EAAY","file":"BodyText.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEuIkB;EFtIlB,aEqIkB;EFpIlB,WE8Ha;EF7Hb;;AAEA;EACC,WE2HY;;AFxHb;EACC,WEsHY;;AFnHb;EACC,WEiHY;;AF9Gb;EACC,WE4GY;;AFzGb;EAAY","file":"BodyText.css"}

package/dist/components/BodyText/BodyText.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,24 +9,18 @@ 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.BodyText = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.BodyText = react_1.default.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, _c = _a.el, BodyTextElement = _c === void 0 ? 'p' : _c, inline = _a.inline, italic = _a.italic, subdued = _a.subdued, bold = _a.bold, _d = _a.size, size = _d === void 0 ? 'medium' : _d, props = __rest(_a, ["children", "className", "el", "inline", "italic", "subdued", "bold", "size"]);
-    var TextClasses = (0, classnames_1.default)('BodyText', className, (_b = {},
-        _b["BodyText--" + size] = size,
-        _b['d-i'] = inline,
-        _b['fw-bold'] = bold,
-        _b['fs-italic'] = italic,
-        _b['fs-normal'] = !italic && italic != null,
-        _b['c-neutral-90'] = subdued,
-        _b));
-    return (react_1.default.createElement(BodyTextElement, __assign({ ref: ref, className: TextClasses }, props), children));
+import React from 'react';
+import classnames from 'classnames';
+export const BodyText = React.forwardRef((_a, ref) => {
+    var { children, className, el: BodyTextElement = 'p', inline, italic, subdued, bold, size = 'medium' } = _a, props = __rest(_a, ["children", "className", "el", "inline", "italic", "subdued", "bold", "size"]);
+    const TextClasses = classnames('BodyText', className, {
+        [`BodyText--${size}`]: size,
+        'd-i': inline,
+        'fw-bold': bold,
+        'fs-italic': italic,
+        'fs-normal': !italic && italic != null,
+        'c-neutral-90': subdued,
+    });
+    return (React.createElement(BodyTextElement, Object.assign({ ref: ref, className: TextClasses }, props), children));
 });
 //# sourceMappingURL=BodyText.js.map

package/dist/components/BodyText/BodyText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../src/components/BodyText/BodyText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAgCvB,QAAA,QAAQ,GAAsB,eAAK,CAAC,UAAU,CAC1D,UACC,EAUC,EACD,GAAG;;IAVF,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAyB,EAArB,eAAe,mBAAG,GAAG,KAAA,EACzB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,KAAK,cATT,8EAUC,CADQ;IAIT,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS;QACnD,GAAC,eAAa,IAAM,IAAG,IAAI;QAC3B,SAAK,GAAE,MAAM;QACb,aAAS,GAAE,IAAI;QACf,eAAW,GAAE,MAAM;QACnB,eAAW,GAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,kBAAc,GAAE,OAAO;YACtB,CAAC;IAEH,OAAO,CACN,8BAAC,eAAe,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../src/components/BodyText/BodyText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EAUC,EACD,GAAG,EACF,EAAE;QAZH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,eAAe,GAAG,GAAG,EACzB,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cATT,8EAUC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,eAAe,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}