@servicetitan/design-system 10.2.1 → 10.3.0

package/dist/components/Banner/Banner.js

@@ -49,7 +49,7 @@ var Banner = function (_a) {
     var hasSecondaryAction = function () {
         return !!(secondaryActionName && onSecondaryActionClick);
     };
-    var BannerClasses = classnames_1.default('Banner', className, {
+    var BannerClasses = (0, classnames_1.default)('Banner', className, {
         'Banner--critical': status === 'critical',
         'Banner--warning': status === 'warning',
         'Banner--success': status === 'success',

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,yBAAmC;AAsC5B,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,oBAAU,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,gDAAK,SAAS,EAAE,aAAa,IAAM,KAAK;QACtC,IAAI,IAAI,8BAAC,QAAI,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,UAAM,IACN,OAAO,QACP,KAAK,QACL,OAAO,EAAE,oBAAoB,IAE5B,iBAAiB,CACV,CACT;gBACA,kBAAkB,EAAE,IAAI,CACxB,8BAAC,UAAM,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,QACL,OAAO,EAAE,sBAAsB,IAE9B,mBAAmB,CACZ,CACT,CACI,CACN,CACI;QACL,OAAO,IAAI,CACX,8BAAC,QAAI,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,gDAAkC;AAClC,0DAAoC;AACpC,yBAAmC;AAsC5B,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,QAAI,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,UAAM,IACN,OAAO,QACP,KAAK,QACL,OAAO,EAAE,oBAAoB,IAE5B,iBAAiB,CACV,CACT;gBACA,kBAAkB,EAAE,IAAI,CACxB,8BAAC,UAAM,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,QACL,OAAO,EAAE,sBAAsB,IAE9B,mBAAmB,CACZ,CACT,CACI,CACN,CACI;QACL,OAAO,IAAI,CACX,8BAAC,QAAI,IACJ,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,GACX,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAlFW,QAAA,MAAM,UAkFjB"}

package/dist/components/BodyText/BodyText.js

@@ -31,7 +31,7 @@ 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 = classnames_1.default('BodyText', className, (_b = {},
+    var TextClasses = (0, classnames_1.default)('BodyText', className, (_b = {},
         _b["BodyText--" + size] = size,
         _b['d-i'] = inline,
         _b['fw-bold'] = bold,

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,oBAAU,CAAC,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,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"}

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -31,7 +31,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var BreadcrumbLink_1 = require("./BreadcrumbLink");
 var Breadcrumb = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var BreadcrumbClasses = classnames_1.default('Breadcrumb', className);
+    var BreadcrumbClasses = (0, classnames_1.default)('Breadcrumb', className);
     return (react_1.default.createElement("div", __assign({ className: BreadcrumbClasses }, props), children));
 };
 exports.Breadcrumb = Breadcrumb;

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,mDAAsE;AAsB/D,IAAM,UAAU,GAAe,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACrE,IAAM,iBAAiB,GAAG,oBAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,gDAAK,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC1C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AARW,QAAA,UAAU,cAQrB;AAEF,kBAAU,CAAC,IAAI,GAAG,+BAAc,CAAC"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,mDAAsE;AAsB/D,IAAM,UAAU,GAAe,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACrE,IAAM,iBAAiB,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,gDAAK,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC1C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AARW,QAAA,UAAU,cAQrB;AAEF,kBAAU,CAAC,IAAI,GAAG,+BAAc,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbLink.js

@@ -33,11 +33,11 @@ var hooks_1 = require("../../hooks");
 var BreadcrumbLink = function (_a) {
     var className = _a.className, label = _a.label, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["className", "label", "onClick", "onFocus", "onBlur"]);
     var itemRef = react_1.default.useRef(null);
-    var _b = hooks_1.useFocusVisible(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
-    var BreadcrumbLinkClasses = classnames_1.default('Breadcrumb-Link', className, {
+    var _b = (0, hooks_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
+    var BreadcrumbLinkClasses = (0, classnames_1.default)('Breadcrumb-Link', className, {
         'Breadcrumb-Link--hover': onClick,
     });
-    var BreadcrumbLinkLabelClasses = classnames_1.default('Breadcrumb-Link__label', {
+    var BreadcrumbLinkLabelClasses = (0, classnames_1.default)('Breadcrumb-Link__label', {
         'Breadcrumb-Link__label--focus-visible': isFocusVisible,
     });
     return (react_1.default.createElement("div", __assign({ className: BreadcrumbLinkClasses }, props),

package/dist/components/Breadcrumb/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,yBAA2B;AAC3B,qCAA8C;AAcvC,IAAM,cAAc,GAA4B,UAAC,EAOvD;IANA,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAN+C,sDAOvD,CADQ;IAER,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAA,KAAkD,uBAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,EAJO,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAIlD,CAAC;IAEF,IAAM,qBAAqB,GAAG,oBAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACtE,wBAAwB,EAAE,OAAO;KACjC,CAAC,CAAC;IAEH,IAAM,0BAA0B,GAAG,oBAAU,CAAC,wBAAwB,EAAE;QACvE,uCAAuC,EAAE,cAAc;KACvD,CAAC,CAAC;IAEH,OAAO,CACN,gDAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,wCACC,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IAEX,KAAK,CACA;QACP,8BAAC,QAAI,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,eAAe,GAAG,CAC1D,CACN,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,cAAc,kBAuCzB"}
+{"version":3,"file":"BreadcrumbLink.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,yBAA2B;AAC3B,qCAA8C;AAcvC,IAAM,cAAc,GAA4B,UAAC,EAOvD;IANA,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAN+C,sDAOvD,CADQ;IAER,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAA,KAAkD,IAAA,uBAAe,EACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,EAJO,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAIlD,CAAC;IAEF,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACtE,wBAAwB,EAAE,OAAO;KACjC,CAAC,CAAC;IAEH,IAAM,0BAA0B,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;QACvE,uCAAuC,EAAE,cAAc;KACvD,CAAC,CAAC;IAEH,OAAO,CACN,gDAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,wCACC,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IAEX,KAAK,CACA;QACP,8BAAC,QAAI,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,eAAe,GAAG,CAC1D,CACN,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,cAAc,kBAuCzB"}

package/dist/components/BreakPoint/BreakPoint.js

@@ -32,7 +32,7 @@ exports.BreakPoint = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, max = _a.max, min = _a.min, props = __rest(_a, ["children", "max", "min"]);
     var maxWidthState;
     var minWidthState;
-    var screensize = hooks_1.useScreenSize();
+    var screensize = (0, hooks_1.useScreenSize)();
     if (typeof max !== 'number') {
         maxWidthState = !max;
         Object.keys(screensize.smallerThan).forEach(function (maxWidthBP) {

package/dist/components/BreakPoint/BreakPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakPoint.js","sourceRoot":"","sources":["../../../src/components/BreakPoint/BreakPoint.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,sCAA6C;AAUhC,QAAA,UAAU,GAAwB,eAAK,CAAC,UAAU,CAC9D,UAAC,EAAgC,EAAE,GAAyB;IAAzD,IAAA,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA9B,0BAAgC,CAAF;IAC9B,IAAI,aAAa,CAAC;IAClB,IAAI,aAAa,CAAC;IAElB,IAAM,UAAU,GAAG,qBAAa,EAAE,CAAC;IAEnC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,aAAa,GAAG,CAAC,GAAG,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAC,UAAe;YAC3D,IAAI,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;gBACtD,aAAa,GAAG,IAAI,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;KACH;SAAM;QACN,aAAa;YACZ,UAAU,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;KACzD;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,aAAa,GAAG,CAAC,GAAG,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,UAAe;YAC1D,IAAI,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACrD,aAAa,GAAG,IAAI,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;KACH;SAAM;QACN,aAAa;YACZ,UAAU,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;KACxD;IAED,IAAI,aAAa,IAAI,aAAa,EAAE;QACnC,OAAO,CACN,gDAAK,GAAG,EAAE,GAAG,IAAM,KAAK,GACtB,QAAQ,CACJ,CACN,CAAC;KACF;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CACD,CAAC"}
+{"version":3,"file":"BreakPoint.js","sourceRoot":"","sources":["../../../src/components/BreakPoint/BreakPoint.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,sCAA6C;AAUhC,QAAA,UAAU,GAAwB,eAAK,CAAC,UAAU,CAC9D,UAAC,EAAgC,EAAE,GAAyB;IAAzD,IAAA,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA9B,0BAAgC,CAAF;IAC9B,IAAI,aAAa,CAAC;IAClB,IAAI,aAAa,CAAC;IAElB,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAE,CAAC;IAEnC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,aAAa,GAAG,CAAC,GAAG,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAC,UAAe;YAC3D,IAAI,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;gBACtD,aAAa,GAAG,IAAI,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;KACH;SAAM;QACN,aAAa;YACZ,UAAU,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;KACzD;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC5B,aAAa,GAAG,CAAC,GAAG,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,UAAe;YAC1D,IAAI,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACrD,aAAa,GAAG,IAAI,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;KACH;SAAM;QACN,aAAa;YACZ,UAAU,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;KACxD;IAED,IAAI,aAAa,IAAI,aAAa,EAAE;QACnC,OAAO,CACN,gDAAK,GAAG,EAAE,GAAG,IAAM,KAAK,GACtB,QAAQ,CACJ,CACN,CAAC;KACF;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CACD,CAAC"}

package/dist/components/Button/Button.css

@@ -7,11 +7,11 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
-  background-color: #eeeeee;
+  background-color: var(--colorsSurfaceGrey, #eeeeee);
   border: 0;
   border-radius: 3px;
   box-sizing: border-box;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
   cursor: pointer;
   display: inline-flex;
   font-size: 16px;
@@ -41,36 +41,36 @@
   text-decoration: none;
 }
 .Button:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .Button:active::before, .Button.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.16);
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 .Button.Button--focus-visible:focus {
   outline: 0;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px currentColor;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
 }
 .Button.Button--outline:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 .Button.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px #1360d9, 0 0 0 3px #a9d1ff;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button.Button--subtle {
   background-color: transparent;
 }
 .Button.Button--subtle:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 
 button.Button {
@@ -106,80 +106,85 @@ button.Button {
 }
 
 .Button--grey:hover, .Button--grey:active, .Button--grey.Button--selected, .Button--grey:focus, .Button--grey:focus:active {
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
 }
 
 .Button--blue {
-  background-color: #2270ee;
-  color: #ffffff;
+  background-color: var(--colorsSurfacePrimary, #2270ee);
+  color: var(--colorsTextOnPrimary, #ffffff);
 }
 .Button--blue:hover::before {
-  background-color: rgba(255, 255, 255, 0.16);
+  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .Button--blue:active::before, .Button--blue.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
 }
 .Button--blue.Button--outline {
   background-color: transparent;
-  color: #2270ee;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #2270ee);
 }
 .Button--blue.Button--outline:hover::before {
-  background-color: rgba(34, 112, 238, 0.08);
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+}
+.Button--blue.Button--outline.Button--focus-visible:focus {
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
-  background-color: rgba(0, 76, 195, 0.2);
+  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
 }
 .Button--blue.Button--subtle {
   background-color: transparent;
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 .Button--blue.Button--subtle:hover::before {
-  background-color: rgba(34, 112, 238, 0.08);
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
 }
 .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
-  background-color: rgba(0, 76, 195, 0.2);
+  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
 }
 
 .Button--red {
-  background-color: #e63717;
-  color: #ffffff;
+  background-color: var(--colorsSurfaceCritical, #e63717);
+  color: var(--colorsTextOnCritical, #ffffff);
 }
 .Button--red:hover::before {
-  background-color: rgba(255, 255, 255, 0.16);
+  background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
 }
 .Button--red:active::before, .Button--red.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.16);
+  background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
 }
 .Button--red.Button--focus-visible:focus {
-  box-shadow: 0 0 0 3px #ffb2a0;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
 .Button--red.Button--outline {
   background-color: transparent;
-  color: #e63717;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717);
+  color: var(--colorsTextCritical, #e63717);
 }
 .Button--red.Button--outline:hover::before {
-  background-color: rgba(230, 55, 23, 0.1);
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
 }
 .Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
-  background-color: rgba(230, 55, 23, 0.3);
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
 }
 .Button--red.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px #e63717, 0 0 0 3px #ffb2a0;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
 .Button--red.Button--subtle {
   background-color: transparent;
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 .Button--red.Button--subtle:hover::before {
-  background-color: rgba(230, 55, 23, 0.1);
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
 }
 .Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
-  background-color: rgba(230, 55, 23, 0.3);
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
 }
 
 .Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
-  background: #eeeeee;
-  color: #444445;
+  background: var(--colorsSurfaceGrey, #eeeeee);
+  color: var(--colorsTextOnGrey, #444445);
   opacity: 0.4;
 }
 .Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
@@ -188,6 +193,9 @@ button.Button {
 .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
   background: transparent;
 }
+.Button--disabled.Button--outline {
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
+}
 
 .Button--inactive {
   pointer-events: none;

package/dist/components/Button/Button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACsBA;ACrBC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHuBD;EACA,kBEakB;EFZlB;EACA,eErBiB;EFsBjB;EACA,OEemB;EFdnB;EACA;EACA,WEmGa;EFlGb,aEuEkB;EFtElB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBAzDa;;AA+Dd;EACC,kBA/Dc;;AAmEhB;EACC;EACA,YEyCa;;AFtCd;EACC;EACA;;AAGC;EACC,kBAvEY;;AA6Eb;EACC,kBA7Ea;;AAiFf;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA1FY;;AAgGb;EACC,kBAhGa;;;AAwGjB;EACC,WEYa;EFXb;;;AAGD;EACC,SELW;EFMX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OEnHkB;;;AFuHpB;EACC,kBElJY;EFmJZ,OErJa;;AFwJZ;EACC,kBA1JgB;;AAgKjB;EACC,kBAhKiB;;AAoKnB;EACC;EACA,OEpKW;;AFuKV;EACC,kBAnLY;;AAyLb;EACC,kBAzLa;;AA8LhB;EACC;EACA,OEtLW;;AFyLV;EACC,kBArMY;;AA2Mb;EACC,kBA3Ma;;;AAiNjB;EACC,kBEnIe;EFoIf,OE3Ma;;AF8MZ;EACC,kBA9MiB;;AAoNlB;EACC,kBApNkB;;AAwNpB;EAAgC;;AAEhC;EACC;EACA,OEvJc;;AF0Jb;EACC,kBAzOa;;AA+Od;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OE3Kc;;AF8Kb;EACC,kBA7Pa;;AAmQd;EACC,kBAnQc;;;AA2QjB;EAGC,YElPiB;EFmPjB,OE7OkB;EF8OlB;;AAEA;EACC,SEjLgB;;AFqLlB;EAEC;;;AAIF;EAAoB;;;AAGpB;EACC,WEzKa;EF0Kb;;AAEA;EACC,WE3KY;EF4KZ;;;AAMF;EAAwB,WEpLV;;;AFsLd;EACC;;AACA;EAAsB,SE3LR;;;AF8Lf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SEnOkB;EFoOlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eEhPV;;;AFiPZ;EAAuB,cEjPX;;;AFmPZ;EAA2B","file":"Button.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACyCA;ACxCC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EH0CD;EACA,kBApCoB;EAqCpB;EACA,eExCiB;EFyCjB;EACA,OA/Cc;EAgDd;EACA;EACA,WEgFa;EF/Eb,aEoDkB;EFnDlB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WEPa;EFQb;;;AAGD;EACC,SExBW;EFyBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA9KoB;EA+KpB,OAnLiB;;AAsLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAtOqB;EAuOrB,OA3OkB;;AA8OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAvSmB;EAwSnB,OA/Sa;EAgTb;;AAEA;EACC,SExMgB;;AF4MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WEpMa;EFqMb;;AAEA;EACC,WEtMY;EFuMZ;;;AAMF;EAAwB,WE/MV;;;AFiNd;EACC;;AACA;EAAsB,SEtNR;;;AFyNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SE9PkB;EF+PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eE3QV;;;AF4QZ;EAAuB,cE5QX;;;AF8QZ;EAA2B","file":"Button.css"}

package/dist/components/Button/Button.js

@@ -41,7 +41,7 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.color, color = _b === void 0 ? 'default' : _b, content = _a.content, _c = _a.el, Element = _c === void 0 ? defaultProps.el : _c, _d = _a.fill, fill = _d === void 0 ? 'solid' : _d, full = _a.full, href = _a.href, icon = _a.icon, iconName = _a.iconName, _e = _a.iconPosition, iconPosition = _e === void 0 ? 'left' : _e, inactive = _a.inactive, large = _a.large, loading = _a.loading, negative = _a.negative, outline = _a.outline, primary = _a.primary, selected = _a.selected, _f = _a.size, size = _f === void 0 ? 'medium' : _f, small = _a.small, text = _a.text, type = _a.type, _g = _a.width, width = _g === void 0 ? 'auto' : _g, xsmall = _a.xsmall, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["children", "className", "color", "content", "el", "fill", "full", "href", "icon", "iconName", "iconPosition", "inactive", "large", "loading", "negative", "outline", "primary", "selected", "size", "small", "text", "type", "width", "xsmall", "onFocus", "onBlur"]);
     var newRef = react_1.default.useRef(null);
     var itemRef = ref ? ref : newRef;
-    var _h = hooks_1.useFocusVisible(itemRef, onBlur, onFocus), isFocusVisible = _h.isFocusVisible, focusFunction = _h.focusFunction, blurFunction = _h.blurFunction;
+    var _h = (0, hooks_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _h.isFocusVisible, focusFunction = _h.focusFunction, blurFunction = _h.blurFunction;
     var getTagName = function () {
         // If `el` is passed in and isn't default, it is always used
         if (Element !== defaultProps.el)
@@ -160,14 +160,14 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
             ButtonIcon = (react_1.default.createElement(__1.Icon, { className: "Button__icon-svg", name: iconName }));
         if (icon)
             ButtonIcon = icon;
-        var ButtonIconClasses = classnames_1.default('Button__icon', {
+        var ButtonIconClasses = (0, classnames_1.default)('Button__icon', {
             'Button__icon--left': hasContent() && iconPosition === 'left',
             'Button__icon--right': hasContent() && iconPosition === 'right',
         });
         return react_1.default.createElement("span", { className: ButtonIconClasses }, ButtonIcon);
     };
     var preventClicks = props.disabled || inactive || loading;
-    var ButtonClasses = classnames_1.default('Button', className, getColorClass(), getFillClass(), getSizeClass(), getWidthClass(), {
+    var ButtonClasses = (0, classnames_1.default)('Button', className, getColorClass(), getFillClass(), getSizeClass(), getWidthClass(), {
         'Button--disabled': props.disabled,
         'Button--inactive': preventClicks,
         'Button--loading': loading,
@@ -179,7 +179,7 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
     return (react_1.default.createElement(ButtonElement, __assign({ className: ButtonClasses, disabled: preventClicks, role: "button", style: { width: getWidthValue() }, tabIndex: getTabIndex(), onFocus: focusFunction, onBlur: blurFunction, ref: itemRef }, getTypeAttribute(), getHref(), props),
         react_1.default.createElement("span", { className: "Button__content" },
             iconPosition === 'left' && renderIcon(),
-            utilities_1.getContent({ children: children, content: content }),
+            (0, utilities_1.getContent)({ children: children, content: content }),
             iconPosition === 'right' && renderIcon())));
 });
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

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

package/dist/components/Button/Button.test.js

@@ -9,19 +9,19 @@ var Button_1 = require("./Button");
 describe('Button', function () {
     beforeEach(function () { return jest.spyOn(console, 'error'); });
     it('it should be a button element with type by default', function () {
-        var getByRole = react_2.render(react_1.default.createElement(Button_1.Button, null, "Label")).getByRole;
+        var getByRole = (0, react_2.render)(react_1.default.createElement(Button_1.Button, null, "Label")).getByRole;
         var button = getByRole('button');
         expect(button).toHaveAttribute('type', 'button');
         expect(button.tagName).toBe('BUTTON');
     });
     it('it should be an anchor element if href attribute exists', function () {
-        var getByRole = react_2.render(react_1.default.createElement(Button_1.Button, { href: "https://anvil.servicetitan.com" }, "Label")).getByRole;
+        var getByRole = (0, react_2.render)(react_1.default.createElement(Button_1.Button, { href: "https://anvil.servicetitan.com" }, "Label")).getByRole;
         var button = getByRole('button');
         expect(button).not.toHaveAttribute('type');
         expect(button.tagName).toBe('A');
     });
     it('it should be a span element if el prop was set', function () {
-        var getByRole = react_2.render(react_1.default.createElement(Button_1.Button, { el: "span" }, "Label")).getByRole;
+        var getByRole = (0, react_2.render)(react_1.default.createElement(Button_1.Button, { el: "span" }, "Label")).getByRole;
         var button = getByRole('button');
         expect(button).not.toHaveAttribute('type');
         expect(button.tagName).toBe('SPAN');
@@ -29,13 +29,13 @@ describe('Button', function () {
     it('it should throw error if attributes and props are mismatched', function () {
         expect(function () {
             console.error = jest.fn(); // Prevent actual console.error from showing up in command line
-            react_2.render(react_1.default.createElement(Button_1.Button, { el: "span", type: "button" }, "Label"));
+            (0, react_2.render)(react_1.default.createElement(Button_1.Button, { el: "span", type: "button" }, "Label"));
         }).toThrowError();
     });
     it('it should throw error if attributes and props are mismatched', function () {
         expect(function () {
             console.error = jest.fn(); // Prevent actual console.error from showing up in command line
-            react_2.render(react_1.default.createElement(Button_1.Button, { el: "span", href: "https://anvil.servicetitan.com" }, "Label"));
+            (0, react_2.render)(react_1.default.createElement(Button_1.Button, { el: "span", href: "https://anvil.servicetitan.com" }, "Label"));
         }).toThrowError();
     });
 });

package/dist/components/Button/Button.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,gDAAgD;AAChD,mCAAkC;AAElC,QAAQ,CAAC,QAAQ,EAAE;IAClB,UAAU,CAAC,cAAM,OAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAA5B,CAA4B,CAAC,CAAC;IAE/C,EAAE,CAAC,oDAAoD,EAAE;QAChD,IAAA,SAAS,GAAK,cAAM,CAAC,8BAAC,eAAM,gBAAe,CAAC,UAAnC,CAAoC;QAErD,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QACrD,IAAA,SAAS,GAAK,cAAM,CAC3B,8BAAC,eAAM,IAAC,IAAI,EAAC,gCAAgC,YAAe,CAC5D,UAFgB,CAEf;QAEF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC5C,IAAA,SAAS,GAAK,cAAM,CAAC,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,YAAe,CAAC,UAA7C,CAA8C;QAE/D,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE;QAClE,MAAM,CAAC;YACN,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,cAAM,CACL,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAEtB,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE;QAClE,MAAM,CAAC;YACN,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,cAAM,CACL,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,gCAAgC,YAE9C,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,gDAAgD;AAChD,mCAAkC;AAElC,QAAQ,CAAC,QAAQ,EAAE;IAClB,UAAU,CAAC,cAAM,OAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAA5B,CAA4B,CAAC,CAAC;IAE/C,EAAE,CAAC,oDAAoD,EAAE;QAChD,IAAA,SAAS,GAAK,IAAA,cAAM,EAAC,8BAAC,eAAM,gBAAe,CAAC,UAAnC,CAAoC;QAErD,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QACrD,IAAA,SAAS,GAAK,IAAA,cAAM,EAC3B,8BAAC,eAAM,IAAC,IAAI,EAAC,gCAAgC,YAAe,CAC5D,UAFgB,CAEf;QAEF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC5C,IAAA,SAAS,GAAK,IAAA,cAAM,EAAC,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,YAAe,CAAC,UAA7C,CAA8C;QAE/D,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE;QAClE,MAAM,CAAC;YACN,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,IAAA,cAAM,EACL,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAEtB,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE;QAClE,MAAM,CAAC;YACN,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,IAAA,cAAM,EACL,8BAAC,eAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,gCAAgC,YAE9C,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Button/index.css

@@ -7,11 +7,11 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
-  background-color: #eeeeee;
+  background-color: var(--colorsSurfaceGrey, #eeeeee);
   border: 0;
   border-radius: 3px;
   box-sizing: border-box;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
   cursor: pointer;
   display: inline-flex;
   font-size: 16px;
@@ -41,36 +41,36 @@
   text-decoration: none;
 }
 .Button:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .Button:active::before, .Button.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.16);
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 .Button.Button--focus-visible:focus {
   outline: 0;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px currentColor;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
 }
 .Button.Button--outline:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 .Button.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px #1360d9, 0 0 0 3px #a9d1ff;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button.Button--subtle {
   background-color: transparent;
 }
 .Button.Button--subtle:hover::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 
 button.Button {
@@ -106,80 +106,85 @@ button.Button {
 }
 
 .Button--grey:hover, .Button--grey:active, .Button--grey.Button--selected, .Button--grey:focus, .Button--grey:focus:active {
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
 }
 
 .Button--blue {
-  background-color: #2270ee;
-  color: #ffffff;
+  background-color: var(--colorsSurfacePrimary, #2270ee);
+  color: var(--colorsTextOnPrimary, #ffffff);
 }
 .Button--blue:hover::before {
-  background-color: rgba(255, 255, 255, 0.16);
+  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .Button--blue:active::before, .Button--blue.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
 }
 .Button--blue.Button--outline {
   background-color: transparent;
-  color: #2270ee;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #2270ee);
 }
 .Button--blue.Button--outline:hover::before {
-  background-color: rgba(34, 112, 238, 0.08);
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+}
+.Button--blue.Button--outline.Button--focus-visible:focus {
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
-  background-color: rgba(0, 76, 195, 0.2);
+  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
 }
 .Button--blue.Button--subtle {
   background-color: transparent;
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 .Button--blue.Button--subtle:hover::before {
-  background-color: rgba(34, 112, 238, 0.08);
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
 }
 .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
-  background-color: rgba(0, 76, 195, 0.2);
+  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
 }
 
 .Button--red {
-  background-color: #e63717;
-  color: #ffffff;
+  background-color: var(--colorsSurfaceCritical, #e63717);
+  color: var(--colorsTextOnCritical, #ffffff);
 }
 .Button--red:hover::before {
-  background-color: rgba(255, 255, 255, 0.16);
+  background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
 }
 .Button--red:active::before, .Button--red.Button--selected::before {
-  background-color: rgba(20, 20, 20, 0.16);
+  background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
 }
 .Button--red.Button--focus-visible:focus {
-  box-shadow: 0 0 0 3px #ffb2a0;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
 .Button--red.Button--outline {
   background-color: transparent;
-  color: #e63717;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717);
+  color: var(--colorsTextCritical, #e63717);
 }
 .Button--red.Button--outline:hover::before {
-  background-color: rgba(230, 55, 23, 0.1);
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
 }
 .Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
-  background-color: rgba(230, 55, 23, 0.3);
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
 }
 .Button--red.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px #e63717, 0 0 0 3px #ffb2a0;
+  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
 .Button--red.Button--subtle {
   background-color: transparent;
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 .Button--red.Button--subtle:hover::before {
-  background-color: rgba(230, 55, 23, 0.1);
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
 }
 .Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
-  background-color: rgba(230, 55, 23, 0.3);
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
 }
 
 .Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
-  background: #eeeeee;
-  color: #444445;
+  background: var(--colorsSurfaceGrey, #eeeeee);
+  color: var(--colorsTextOnGrey, #444445);
   opacity: 0.4;
 }
 .Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
@@ -188,6 +193,9 @@ button.Button {
 .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
   background: transparent;
 }
+.Button--disabled.Button--outline {
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
+}
 
 .Button--inactive {
   pointer-events: none;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACsBA;ACrBC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHuBD;EACA,kBEakB;EFZlB;EACA,eErBiB;EFsBjB;EACA,OEemB;EFdnB;EACA;EACA,WEmGa;EFlGb,aEuEkB;EFtElB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBAzDa;;AA+Dd;EACC,kBA/Dc;;AAmEhB;EACC;EACA,YEyCa;;AFtCd;EACC;EACA;;AAGC;EACC,kBAvEY;;AA6Eb;EACC,kBA7Ea;;AAiFf;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA1FY;;AAgGb;EACC,kBAhGa;;;AAwGjB;EACC,WEYa;EFXb;;;AAGD;EACC,SELW;EFMX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OEnHkB;;;AFuHpB;EACC,kBElJY;EFmJZ,OErJa;;AFwJZ;EACC,kBA1JgB;;AAgKjB;EACC,kBAhKiB;;AAoKnB;EACC;EACA,OEpKW;;AFuKV;EACC,kBAnLY;;AAyLb;EACC,kBAzLa;;AA8LhB;EACC;EACA,OEtLW;;AFyLV;EACC,kBArMY;;AA2Mb;EACC,kBA3Ma;;;AAiNjB;EACC,kBEnIe;EFoIf,OE3Ma;;AF8MZ;EACC,kBA9MiB;;AAoNlB;EACC,kBApNkB;;AAwNpB;EAAgC;;AAEhC;EACC;EACA,OEvJc;;AF0Jb;EACC,kBAzOa;;AA+Od;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OE3Kc;;AF8Kb;EACC,kBA7Pa;;AAmQd;EACC,kBAnQc;;;AA2QjB;EAGC,YElPiB;EFmPjB,OE7OkB;EF8OlB;;AAEA;EACC,SEjLgB;;AFqLlB;EAEC;;;AAIF;EAAoB;;;AAGpB;EACC,WEzKa;EF0Kb;;AAEA;EACC,WE3KY;EF4KZ;;;AAMF;EAAwB,WEpLV;;;AFsLd;EACC;;AACA;EAAsB,SE3LR;;;AF8Lf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SEnOkB;EFoOlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eEhPV;;;AFiPZ;EAAuB,cEjPX;;;AFmPZ;EAA2B","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACyCA;ACxCC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EH0CD;EACA,kBApCoB;EAqCpB;EACA,eExCiB;EFyCjB;EACA,OA/Cc;EAgDd;EACA;EACA,WEgFa;EF/Eb,aEoDkB;EFnDlB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WEPa;EFQb;;;AAGD;EACC,SExBW;EFyBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA9KoB;EA+KpB,OAnLiB;;AAsLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAtOqB;EAuOrB,OA3OkB;;AA8OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAvSmB;EAwSnB,OA/Sa;EAgTb;;AAEA;EACC,SExMgB;;AF4MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WEpMa;EFqMb;;AAEA;EACC,WEtMY;EFuMZ;;;AAMF;EAAwB,WE/MV;;;AFiNd;EACC;;AACA;EAAsB,SEtNR;;;AFyNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SE9PkB;EF+PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eE3QV;;;AF4QZ;EAAuB,cE5QX;;;AF8QZ;EAA2B","file":"index.css"}