@servicetitan/design-system 11.2.0 → 11.4.0

package/dist/components/Sidebar/SidebarSection.js

@@ -13,11 +13,11 @@ import React from 'react';
 import classnames from 'classnames';
 export const SidebarSection = (_a) => {
     var { children, className, el: Element = 'div', padding = true } = _a, props = __rest(_a, ["children", "className", "el", "padding"]);
-    const SidebarClasses = classnames('SidebarSection', className, {
+    const SidebarSectionClasses = classnames('SidebarSection', className, {
         'SidebarSection--p-x': padding === 'x',
         'SidebarSection--p-y': padding === 'y',
         'SidebarSection--p-none': !padding,
     });
-    return (React.createElement(Element, Object.assign({ className: SidebarClasses }, props), children));
+    return (React.createElement(Element, Object.assign({ className: SidebarSectionClasses, "data-anvil-component": "SidebarSection" }, props), children));
 };
 //# sourceMappingURL=SidebarSection.js.map

package/dist/components/Sidebar/SidebarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAL+C,0CAMvD,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,wBAAwB,EAAE,CAAC,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAL+C,0CAMvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,wBAAwB,EAAE,CAAC,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,qBAAqB,0BACX,gBAAgB,IACjC,KAAK,GAER,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Sidebar/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Sidebar {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   z-index: 10;
@@ -21,7 +21,7 @@
   width: 239px;
   transition: width 0.25s, opacity 0.25s;
   position: relative;
-  border-right: 1px solid #dfe0e1;
+  border-right: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 .Sidebar__content {
@@ -41,21 +41,23 @@
 .Page.bg-neutral-10 .Sidebar__content,
 .Sidebar__toggle-button,
 .Page.bg-neutral-10 .Sidebar__toggle-button {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
 }
 .Page.bg-white .Sidebar__wrapper, .Page.bg-neutral-0 .Sidebar__wrapper,
 .Page.bg-white .Sidebar__content,
 .Page.bg-neutral-0 .Sidebar__content,
 .Page.bg-white .Sidebar__toggle-button,
 .Page.bg-neutral-0 .Sidebar__toggle-button {
-  background: #fcfcfc;
+  background: var(--colorsAppBackground, #fcfcfc);
 }
 
 .Sidebar--collapsed {
   width: 29px;
+  transition: width 0.25s;
 }
 .Sidebar--collapsed .Sidebar__wrapper {
   width: 29px;
+  transition: width 0.25s;
 }
 .Sidebar--collapsed .Sidebar__content {
   visibility: hidden;
@@ -73,6 +75,10 @@
   width: 239px;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
 }
+.Sidebar--temporary .Sidebar__content {
+  visibility: visible;
+  opacity: 1;
+}
 
 .Sidebar--touch .Sidebar__wrapper {
   min-height: 50px;
@@ -86,19 +92,23 @@
 }
 
 .Sidebar__toggle-button {
-  border: 1px solid #dfe0e1;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-radius: 16px;
   box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
   opacity: 0;
   transition: opacity 0.25s;
   padding: 3px !important;
+  background: var(--colorsSurfaceDefault, #ffffff);
 }
 .Sidebar__toggle-button:hover {
-  background-color: #ecf4fd;
-  color: #2270ee;
-  border-color: #2270ee;
+  background: var(--colorsSurfaceDefault, #ffffff);
+  color: var(--colorsTextPrimary, #2270ee);
+  border-color: var(--colorsTextPrimary, #2270ee);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
 }
+.Sidebar__toggle-button:hover::before {
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+}
 
 .Sidebar__toggle-button-wrapper {
   position: absolute;
@@ -108,7 +118,7 @@
 }
 
 .SidebarSection {
-  border-top: 1px solid #eeeeee;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   padding: 16px;
 }
 .SidebarSection:first-child {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Sidebar/SidebarSection.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA,OCiBa;ADfb;EACA;EDQA;EACA;EACA;EACA,OAbe;EAcf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAzBe;EA0Bf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YEhCX;;AFkCb;AAAA;AAAA;AAAA;AAAA;EACuB,YEjBL;;;AFoBnB;EACC,OArDyB;;AAuDzB;EACC,OAxDwB;;AA2DzB;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAzEyB;;AA2EzB;EACC,OA7Ec;EA8Ed;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA1F6B;;;AA8F/B;EACC;EACA,eA/F6B;EAgG7B;EACA;EACA;EACA;;AAEA;EACC,kBEhFe;EFiFf,OE9Ee;EF+Ef,cE/Ee;EFgFf;;;AAIF;EACC;EACA,KA9G2B;EA+G3B;EACA;;;AGtHD;EACC;EACA,SDuHW;;ACrHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YA/CJ;;AAiDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAhDN;;;AAmDlB;EACC,OA5DyB;EA6DzB;;AAEA;EACC,OAhEwB;EAiExB;;AAGD;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAlFyB;;AAoFzB;EACC,OAtFc;EAuFd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eAxG6B;;;AA4G/B;EACC;EACA,eA7G6B;EA8G7B;EACA;EACA;EACA;EACA,YA1G2B;;AA4G3B;EACC,YA7G0B;EA8G1B,OA/GkB;EAgHlB,cAhHkB;EAiHlB;;AAEA;EACC,kBArHuB;;;AA0H1B;EACC;EACA,KAjI2B;EAkI3B;EACA;;;AExID;EACC;EACA,SCuHW;;ADrHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}

package/dist/components/Snackbar/Snackbar.css

@@ -1,15 +1,15 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Snackbar {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   animation: snackbarIn 200ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: #2d2e31;
+  background: var(--colorsSurfaceInverted, #2d2e31);
   border-radius: 3px;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
   box-sizing: border-box;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   display: inline-flex;
   align-items: center;
   /** Material's width limit. Soft rule against long copy in this pattern. */
@@ -27,14 +27,14 @@
 
 .Snackbar__action {
   background: transparent;
-  color: #a9d1ff;
+  color: var(--colorsTextPrimarySubdued, #a9d1ff);
   cursor: pointer;
   line-height: 1.5;
   text-align: right;
   padding-left: 16px;
 }
 .Snackbar__action:hover {
-  color: #ecf4fd;
+  text-decoration: underline;
 }
 
 .Snackbar__close.Button {
@@ -43,7 +43,7 @@
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #949596;
+  color: var(--colorsTextOnGreySubdued, #949596);
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {
@@ -57,7 +57,7 @@
   background-color: transparent;
 }
 .Snackbar__close.Button.Button--icon-only:hover {
-  color: #ffffff;
+  color: var(--colorsTextInverted, #949596);
 }
 
 .Snackbar--floating {

package/dist/components/Snackbar/Snackbar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,SEyGW;EFxGX;;;AAGD;EACC;EACA,aEoHkB;EFnHlB,eEoGW;;;AFjGZ;EACC;EACA;EACA;EACA,aE4GkB;EF3GlB;EACA,cEyFW;;AFvFX;EACC,OERe;;;AFYjB;EACC;EACA;EACA;EACA;EACA;EACA,OEJkB;;AFMlB;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OEtBX;;;AFyBlB;EACC,QE8DW;EF7DX,ME6DW;EF5DX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"Snackbar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA;AAEA;EACA;EDQA;EACA,YAXoB;EAYpB,eEPiB;EFQjB;EACA;EACA,OAdc;EAed;EACA;AAEA;EACA;EACA;EACA,SEmGW;EFlGX;;;AAGD;EACC;EACA,aE8GkB;EF7GlB,eE8FW;;;AF3FZ;EACC;EACA,OAhCa;EAiCb;EACA,aEsGkB;EFrGlB;EACA,cEmFW;;AFjFX;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA,OA/Cc;;AAiDd;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OAxDhB;;;AA2Db;EACC,QEwDW;EFvDX,MEuDW;EFtDX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"Snackbar.css"}

package/dist/components/Snackbar/Snackbar.js

@@ -35,7 +35,7 @@ export const Snackbar = (_a) => {
     const SnackbarClasses = classnames('Snackbar', className, {
         'Snackbar--floating': portal,
     });
-    const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses }, props),
+    const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses, "data-anvil-component": "Snackbar" }, props),
         title && React.createElement("div", { className: "Snackbar__title" }, title),
         actionName && onActionClick && (React.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
         onClose && (React.createElement(Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));

package/dist/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CAAK,SAAS,EAAE,eAAe,IAAM,KAAK;QACxC,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK;QAER,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}

package/dist/components/Snackbar/index.css

@@ -1,15 +1,15 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Snackbar {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   animation: snackbarIn 200ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: #2d2e31;
+  background: var(--colorsSurfaceInverted, #2d2e31);
   border-radius: 3px;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
   box-sizing: border-box;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   display: inline-flex;
   align-items: center;
   /** Material's width limit. Soft rule against long copy in this pattern. */
@@ -27,14 +27,14 @@
 
 .Snackbar__action {
   background: transparent;
-  color: #a9d1ff;
+  color: var(--colorsTextPrimarySubdued, #a9d1ff);
   cursor: pointer;
   line-height: 1.5;
   text-align: right;
   padding-left: 16px;
 }
 .Snackbar__action:hover {
-  color: #ecf4fd;
+  text-decoration: underline;
 }
 
 .Snackbar__close.Button {
@@ -43,7 +43,7 @@
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #949596;
+  color: var(--colorsTextOnGreySubdued, #949596);
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {
@@ -57,7 +57,7 @@
   background-color: transparent;
 }
 .Snackbar__close.Button.Button--icon-only:hover {
-  color: #ffffff;
+  color: var(--colorsTextInverted, #949596);
 }
 
 .Snackbar--floating {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,SEyGW;EFxGX;;;AAGD;EACC;EACA,aEoHkB;EFnHlB,eEoGW;;;AFjGZ;EACC;EACA;EACA;EACA,aE4GkB;EF3GlB;EACA,cEyFW;;AFvFX;EACC,OERe;;;AFYjB;EACC;EACA;EACA;EACA;EACA;EACA,OEJkB;;AFMlB;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OEtBX;;;AFyBlB;EACC,QE8DW;EF7DX,ME6DW;EF5DX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA;AAEA;EACA;EDQA;EACA,YAXoB;EAYpB,eEPiB;EFQjB;EACA;EACA,OAdc;EAed;EACA;AAEA;EACA;EACA;EACA,SEmGW;EFlGX;;;AAGD;EACC;EACA,aE8GkB;EF7GlB,eE8FW;;;AF3FZ;EACC;EACA,OAhCa;EAiCb;EACA,aEsGkB;EFrGlB;EACA,cEmFW;;AFjFX;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA,OA/Cc;;AAiDd;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OAxDhB;;;AA2Db;EACC,QEwDW;EFvDX,MEuDW;EFtDX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"index.css"}

package/dist/components/Spinner/Spinner.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Spinner/Spinner.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAyBA;EACC;EACA,QAzBa;EA0Bb,OA1Ba;EA2Bb;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QCuBgB;;;ADpBjB;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IAAK;;EACL;IAAO","file":"Spinner.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Spinner/Spinner.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAyBA;EACC;EACA,QAzBa;EA0Bb,OA1Ba;EA2Bb;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QCwBgB;;;ADrBjB;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IAAK;;EACL;IAAO","file":"Spinner.css"}

package/dist/components/Spinner/Spinner.js

@@ -31,7 +31,7 @@ export const Spinner = (_a) => {
         tiny: 43,
     };
     const CircleRadius = RadiusSize[size];
-    const spinnerComponent = (React.createElement("div", Object.assign({ className: SpinnerClasses }, props),
+    const spinnerComponent = (React.createElement("div", Object.assign({ className: SpinnerClasses, "data-anvil-component": "Spinner" }, props),
         React.createElement("svg", { className: "Spinner__svg", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
             React.createElement("circle", { className: "Spinner__circle", cx: "50", cy: "50", r: CircleRadius }))));
     return container ? (React.createElement(Card, { className: CardClasses }, spinnerComponent)) : (spinnerComponent);

package/dist/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAoB/B,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAKzC,EAAE,EAAE;QALqC,EACzC,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cAJiC,kCAKzC,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE;QAC5C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,CAAC,SAAS;QACzC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,iBAAiB,EAAE,IAAI,KAAK,QAAQ;QACpC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,eAAe,EAAE,IAAI,KAAK,MAAM;KAChC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE;QAC/C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,SAAS;KACxC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG;QAClB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACR,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CACxB,2CAAK,SAAS,EAAE,cAAc,IAAM,KAAK;QACxC,6BACC,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,YAAY,GACd,CACG,CACD,CACN,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,IAAG,gBAAgB,CAAQ,CACvD,CAAC,CAAC,CAAC,CACH,gBAAgB,CAChB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAoB/B,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAKzC,EAAE,EAAE;QALqC,EACzC,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cAJiC,kCAKzC,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE;QAC5C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,CAAC,SAAS;QACzC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,iBAAiB,EAAE,IAAI,KAAK,QAAQ;QACpC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,eAAe,EAAE,IAAI,KAAK,MAAM;KAChC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE;QAC/C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,SAAS;KACxC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG;QAClB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACR,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CACxB,2CACC,SAAS,EAAE,cAAc,0BACJ,SAAS,IAC1B,KAAK;QAET,6BACC,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,YAAY,GACd,CACG,CACD,CACN,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,IAAG,gBAAgB,CAAQ,CACvD,CAAC,CAAC,CAAC,CACH,gBAAgB,CAChB,CAAC;AACH,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Spinner/Spinner.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAyBA;EACC;EACA,QAzBa;EA0Bb,OA1Ba;EA2Bb;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QCuBgB;;;ADpBjB;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IAAK;;EACL;IAAO","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Spinner/Spinner.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAyBA;EACC;EACA,QAzBa;EA0Bb,OA1Ba;EA2Bb;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QCwBgB;;;ADrBjB;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IAAK;;EACL;IAAO","file":"index.css"}

package/dist/components/Stack/Stack.css

@@ -2,6 +2,15 @@
   display: flex;
 }
 
+.StackItem {
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+.StackItem--fill {
+  flex: 1 1 auto;
+}
+
 /* Flex Direction */
 .Stack--direction-row {
   flex-direction: row;

package/dist/components/Stack/Stack.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;;ADCZ;AAAA;EAC4E","file":"Stack.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;;ADUZ;AAAA;EAC4E","file":"Stack.css"}

package/dist/components/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent } from 'react';
-import { StackItem } from '../StackItem';
+import { StackItem } from './StackItem';
 /**
  * Stack properties
  */

package/dist/components/Stack/Stack.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import classnames from 'classnames';
-import { StackItem } from '../StackItem';
+import { StackItem } from './StackItem';
 export const Stack = React.forwardRef((_a, ref) => {
     var { children, className, vertical = false, spacing = 0, distribution = 'leading', alignment = 'fill', nowrap = false, wrap = 'nowrap', direction = 'row', justifyContent = 'flex-start', alignItems = 'stretch', alignContent = 'stretch' } = _a, rest = __rest(_a, ["children", "className", "vertical", "spacing", "distribution", "alignment", "nowrap", "wrap", "direction", "justifyContent", "alignItems", "alignContent"]);
     React.useEffect(() => {
@@ -74,7 +74,7 @@ export const Stack = React.forwardRef((_a, ref) => {
         [`Stack--align-items-${realAlignItems}`]: realAlignItems,
         [`Stack--align-content-${alignContent}`]: alignContent,
     });
-    return (React.createElement("div", Object.assign({ className: StackClasses, ref: ref }, rest),
+    return (React.createElement("div", Object.assign({ className: StackClasses, ref: ref, "data-anvil-component": "Stack" }, rest),
         React.createElement("div", { className: StackWrapperClasses }, children)));
 });
 Stack.Item = StackItem;

package/dist/components/Stack/Stack.js.map

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

package/dist/components/{StackItem → Stack}/StackItem.js

@@ -30,6 +30,6 @@ export const StackItem = (_a) => {
     const StackItemStyles = {
         flexBasis: basis,
     };
-    return (React.createElement("div", Object.assign({ className: StackItemClass, style: StackItemStyles }, props)));
+    return (React.createElement("div", Object.assign({ className: StackItemClass, style: StackItemStyles, "data-anvil-component": "StackItem" }, props)));
 };
 //# sourceMappingURL=StackItem.js.map

package/dist/components/Stack/StackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.js","sourceRoot":"","sources":["../../../src/components/Stack/StackItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAkCpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,OAEN,EADG,KAAK,cARqC,sEAS7C,CADQ;IAER,MAAM,gBAAgB,GAAQ;QAC7B,MAAM,EAAE,iBAAiB;QACzB,YAAY,EAAE,kBAAkB;QAChC,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,oBAAoB;KAC/B,CAAC;IAEF,MAAM,cAAc,GAAG,UAAU,CAChC,WAAW,EACX,SAAS,EACT,gBAAgB,CAAC,SAAS,CAAC,EAC3B;QACC,iBAAiB,EAAE,IAAI;QACvB,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7C,CAAC,eAAe,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;QACnD,CAAC,SAAS,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;KAC3C,CACD,CAAC;IAEF,MAAM,eAAe,GAAG;QACvB,SAAS,EAAE,KAAK;KAChB,CAAC;IAEF,OAAO,CACN,2CACC,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,eAAe,0BACD,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Stack/index.css

@@ -2,6 +2,15 @@
   display: flex;
 }
 
+.StackItem {
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+.StackItem--fill {
+  flex: 1 1 auto;
+}
+
 /* Flex Direction */
 .Stack--direction-row {
   flex-direction: row;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;;ADCZ;AAAA;EAC4E","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;ADQX;AAAA;EAAyB,YCPd;;;ADUZ;AAAA;EAC4E","file":"index.css"}

package/dist/components/Stack/index.d.ts

@@ -1 +1,2 @@
 export * from './Stack';
+export * from './StackItem';

package/dist/components/Stack/index.js

@@ -1,2 +1,3 @@
 export * from './Stack';
+export * from './StackItem';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/StatusLight/StatusLight.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .StatusLight {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: inline-flex;
@@ -23,7 +23,7 @@
   min-width: 12px;
   height: 12px;
   border-radius: 12px;
-  background-color: #8c9ca5;
+  background-color: var(--colorsStatusDefault, #8c9ca5);
   margin: 8px;
 }
 .StatusLight .StatusLight__indicator::before {
@@ -41,16 +41,16 @@
   transition: width cubic-bezier(0, 0, 0.4, 1) 200ms 0ms, height cubic-bezier(0, 0, 0.4, 1) 200ms 0ms;
 }
 .StatusLight .StatusLight__indicator--info {
-  background-color: #2270ee;
+  background-color: var(--colorsStatusInfo, #2270ee);
 }
 .StatusLight .StatusLight__indicator--success {
-  background-color: #18a761;
+  background-color: var(--colorsStatusSuccess, #18a761);
 }
 .StatusLight .StatusLight__indicator--warning {
-  background-color: #ffc902;
+  background-color: var(--colorsStatusWarning, #ffbe00);
 }
 .StatusLight .StatusLight__indicator--critical {
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
 }
 
 @keyframes shadow-pulse {
@@ -76,7 +76,7 @@
   opacity: 0.4;
 }
 .StatusLight--disabled .StatusLight__indicator {
-  background-color: #8c9ca5;
+  background-color: var(--colorsStatusDefault, #8c9ca5);
 }
 .StatusLight--disabled .StatusLight__indicator::before {
   animation: none;

package/dist/components/StatusLight/StatusLight.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/StatusLight/StatusLight.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;;AAGA;EACC,aE0GU;EFzGV,cEyGU;EFxGV;EACA;;AAID;EACC;EACA;EACA;EACA;EACA,OAzBe;EA0Bf,WA1Be;EA2Bf,QA3Be;EA4Bf,eA5Be;EA6Bf,kBEoBoB;EFnBpB,QEyFU;;AFtFV;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OAxCc;EAyCd,QAzCc;EA0Cd,eA1Cc;EA2Cd;EACA;EACA;;AAKF;EAAgC,kBErBhB;;AFsBhB;EAAmC,kBEiBlB;;AFhBjB;EAAmC,kBESjB;;AFRlB;EAAoC,kBEgCrB;;;AFzBd;EACC;IACC,OA9Da;IA+Db,QA/Da;IAgEb,eAhEa;IAiEb;;EAGD;IACC,OAnES;IAoET,QApES;IAqET,eArES;IAsET;;;AAIF;EACC;;;AAMH;EACC;EACA;;AAEA;EACC,kBEvCoB;;AFyCpB;EACC;;;AASF;EACC;EACA;;AAIC;EACC,OA1GU;EA2GV,QA3GU;EA4GV,eA5GU;EA6GV;EACA;EACA;;;AAOJ;EACC;EACA;;;AAID;EACC;;;AAID;EACC","file":"StatusLight.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/StatusLight/StatusLight.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;ACZC;EACA;AAEA;EACA;EDWA;EACA;EACA;;AAGA;EACC,aEqGU;EFpGV,cEoGU;EFnGV;EACA;;AAID;EACC;EACA;EACA;EACA;EACA,OA/Be;EAgCf,WAhCe;EAiCf,QAjCe;EAkCf,eAlCe;EAmCf,kBA3Be;EA4Bf,QEoFU;;AFjFV;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OA9Cc;EA+Cd,QA/Cc;EAgDd,eAhDc;EAiDd;EACA;EACA;;AAKF;EAAgC,kBApDnB;;AAqDb;EAAmC,kBApDnB;;AAqDhB;EAAmC,kBApDnB;;AAqDhB;EAAoC,kBApDnB;;;AA2DhB;EACC;IACC,OApEa;IAqEb,QArEa;IAsEb,eAtEa;IAuEb;;EAGD;IACC,OAzES;IA0ET,QA1ES;IA2ET,eA3ES;IA4ET;;;AAIF;EACC;;;AAMH;EACC;EACA;;AAEA;EACC,kBAtFe;;AAwFf;EACC;;;AASF;EACC;EACA;;AAIC;EACC,OAhHU;EAiHV,QAjHU;EAkHV,eAlHU;EAmHV;EACA;EACA;;;AAOJ;EACC;EACA;;;AAID;EACC;;;AAID;EACC","file":"StatusLight.css"}

package/dist/components/StatusLight/StatusLight.js

@@ -44,7 +44,7 @@ export const StatusLight = (_a) => {
         'StatusLight--action': onClick || onMouseOver || href,
     });
     const StatusLightElement = href ? 'a' : 'div';
-    return (React.createElement(StatusLightElement, Object.assign({ className: StatusLightClasses, href: href }, props),
+    return (React.createElement(StatusLightElement, Object.assign({ className: StatusLightClasses, href: href, "data-anvil-component": "StatusLight" }, props),
         React.createElement("span", { className: StatusLightIndicatorClasses, style: isCustomColor() ? { backgroundColor: color } : null }),
         children !== undefined && children !== null && (React.createElement(BodyText, { size: "small", className: "StatusLight__label" }, children))));
 };

package/dist/components/StatusLight/StatusLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["../../../src/components/StatusLight/StatusLight.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyCvC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAajD,EAAE,EAAE;QAb6C,EACjD,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,GAAG,SAAS,OAEjB,EADG,KAAK,cAZyC,uHAajD,CADQ;IAER,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,YAAY,GAAG;YACpB,SAAS;YACT,MAAM;YACN,SAAS;YACT,SAAS;YACT,UAAU;SACV,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC/C,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE;YAClC,OAAO,2BAA2B,KAAK,EAAE,CAAC;SAC1C;QACD,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,UAAU,CAC7C,wBAAwB,EACxB,YAAY,EAAE,EACd;QACC,kCAAkC,EAAE,QAAQ;KAC5C,CACD,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,uBAAuB,EAAE,QAAQ;QACjC,sBAAsB,EAAE,OAAO;QAC/B,mBAAmB,EAAE,IAAI;QACzB,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,OAAO;QAC/B,qBAAqB,EAAE,OAAO,IAAI,WAAW,IAAI,IAAI;KACrD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9C,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAE,IAAI,IACN,KAAK;QAET,8BACC,SAAS,EAAE,2BAA2B,EACtC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,GACzD;QACD,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,CAC/C,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,IACnD,QAAQ,CACC,CACX,CACmB,CACrB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["../../../src/components/StatusLight/StatusLight.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyCvC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAajD,EAAE,EAAE;QAb6C,EACjD,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,GAAG,SAAS,OAEjB,EADG,KAAK,cAZyC,uHAajD,CADQ;IAER,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,YAAY,GAAG;YACpB,SAAS;YACT,MAAM;YACN,SAAS;YACT,SAAS;YACT,UAAU;SACV,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC/C,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE;YAClC,OAAO,2BAA2B,KAAK,EAAE,CAAC;SAC1C;QACD,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,UAAU,CAC7C,wBAAwB,EACxB,YAAY,EAAE,EACd;QACC,kCAAkC,EAAE,QAAQ;KAC5C,CACD,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,uBAAuB,EAAE,QAAQ;QACjC,sBAAsB,EAAE,OAAO;QAC/B,mBAAmB,EAAE,IAAI;QACzB,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,OAAO;QAC/B,qBAAqB,EAAE,OAAO,IAAI,WAAW,IAAI,IAAI;KACrD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9C,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAE,IAAI,0BACW,aAAa,IAC9B,KAAK;QAET,8BACC,SAAS,EAAE,2BAA2B,EACtC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,GACzD;QACD,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,CAC/C,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,IACnD,QAAQ,CACC,CACX,CACmB,CACrB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/StatusLight/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .StatusLight {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: inline-flex;
@@ -23,7 +23,7 @@
   min-width: 12px;
   height: 12px;
   border-radius: 12px;
-  background-color: #8c9ca5;
+  background-color: var(--colorsStatusDefault, #8c9ca5);
   margin: 8px;
 }
 .StatusLight .StatusLight__indicator::before {
@@ -41,16 +41,16 @@
   transition: width cubic-bezier(0, 0, 0.4, 1) 200ms 0ms, height cubic-bezier(0, 0, 0.4, 1) 200ms 0ms;
 }
 .StatusLight .StatusLight__indicator--info {
-  background-color: #2270ee;
+  background-color: var(--colorsStatusInfo, #2270ee);
 }
 .StatusLight .StatusLight__indicator--success {
-  background-color: #18a761;
+  background-color: var(--colorsStatusSuccess, #18a761);
 }
 .StatusLight .StatusLight__indicator--warning {
-  background-color: #ffc902;
+  background-color: var(--colorsStatusWarning, #ffbe00);
 }
 .StatusLight .StatusLight__indicator--critical {
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
 }
 
 @keyframes shadow-pulse {
@@ -76,7 +76,7 @@
   opacity: 0.4;
 }
 .StatusLight--disabled .StatusLight__indicator {
-  background-color: #8c9ca5;
+  background-color: var(--colorsStatusDefault, #8c9ca5);
 }
 .StatusLight--disabled .StatusLight__indicator::before {
   animation: none;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/StatusLight/StatusLight.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;;AAGA;EACC,aE0GU;EFzGV,cEyGU;EFxGV;EACA;;AAID;EACC;EACA;EACA;EACA;EACA,OAzBe;EA0Bf,WA1Be;EA2Bf,QA3Be;EA4Bf,eA5Be;EA6Bf,kBEoBoB;EFnBpB,QEyFU;;AFtFV;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OAxCc;EAyCd,QAzCc;EA0Cd,eA1Cc;EA2Cd;EACA;EACA;;AAKF;EAAgC,kBErBhB;;AFsBhB;EAAmC,kBEiBlB;;AFhBjB;EAAmC,kBESjB;;AFRlB;EAAoC,kBEgCrB;;;AFzBd;EACC;IACC,OA9Da;IA+Db,QA/Da;IAgEb,eAhEa;IAiEb;;EAGD;IACC,OAnES;IAoET,QApES;IAqET,eArES;IAsET;;;AAIF;EACC;;;AAMH;EACC;EACA;;AAEA;EACC,kBEvCoB;;AFyCpB;EACC;;;AASF;EACC;EACA;;AAIC;EACC,OA1GU;EA2GV,QA3GU;EA4GV,eA5GU;EA6GV;EACA;EACA;;;AAOJ;EACC;EACA;;;AAID;EACC;;;AAID;EACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/StatusLight/StatusLight.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;ACZC;EACA;AAEA;EACA;EDWA;EACA;EACA;;AAGA;EACC,aEqGU;EFpGV,cEoGU;EFnGV;EACA;;AAID;EACC;EACA;EACA;EACA;EACA,OA/Be;EAgCf,WAhCe;EAiCf,QAjCe;EAkCf,eAlCe;EAmCf,kBA3Be;EA4Bf,QEoFU;;AFjFV;EACC;EACA;EACA;EACA;EACA;EACA;EACA,OA9Cc;EA+Cd,QA/Cc;EAgDd,eAhDc;EAiDd;EACA;EACA;;AAKF;EAAgC,kBApDnB;;AAqDb;EAAmC,kBApDnB;;AAqDhB;EAAmC,kBApDnB;;AAqDhB;EAAoC,kBApDnB;;;AA2DhB;EACC;IACC,OApEa;IAqEb,QArEa;IAsEb,eAtEa;IAuEb;;EAGD;IACC,OAzES;IA0ET,QA1ES;IA2ET,eA3ES;IA4ET;;;AAIF;EACC;;;AAMH;EACC;EACA;;AAEA;EACC,kBAtFe;;AAwFf;EACC;;;AASF;EACC;EACA;;AAIC;EACC,OAhHU;EAiHV,QAjHU;EAkHV,eAlHU;EAmHV;EACA;EACA;;;AAOJ;EACC;EACA;;;AAID;EACC;;;AAID;EACC","file":"index.css"}