@servicetitan/design-system 11.3.0 → 11.4.1

package/dist/components/Tab/Tab.css

@@ -2,11 +2,11 @@
 .Tab {
   all: unset;
   /* 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;
   box-sizing: border-box;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   cursor: pointer;
   line-height: 1;
   display: flex;
@@ -28,7 +28,7 @@
   height: 100%;
   display: flex;
   align-items: center;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
 }
 .Tab .a-Icon svg {
   width: 18px;
@@ -54,7 +54,7 @@
 .Tab.Tab--focus-visible:focus::after {
   position: absolute;
   content: "";
-  box-shadow: inset 0 0 0 3px #a9d1ff;
+  box-shadow: inset 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   top: 0;
   bottom: 0;
   left: 0;
@@ -62,8 +62,8 @@
 }
 
 .Tab--inactive:hover, .Tab--inactive--hover {
-  box-shadow: 0 -2px 0 #a9d1ff inset;
-  color: #141414;
+  box-shadow: 0 -2px 0 var(--colorsFocusRingPrimary, #a9d1ff) inset;
+  color: var(--colorsTextSubdued, #737475);
   text-decoration: none;
 }
 
@@ -77,7 +77,7 @@
   padding: 12px 16px;
   margin-right: 1px;
   min-width: 64px;
-  box-shadow: 0 -1px 0 #dfe0e1 inset;
+  box-shadow: 0 -1px 0 var(--colorsBorderGrey, #dfe0e1) inset;
   position: relative;
 }
 .TabGroup--index .Tab:hover, .TabGroup--index .Tab--hover {
@@ -93,7 +93,8 @@
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsSurfaceInvertedStrong, #141414);
+  opacity: 0.08;
 }
 .CardSection .TabGroup--index .Tab {
   box-shadow: none;
@@ -103,23 +104,23 @@
   padding: 16px;
 }
 .TabGroup--index .Tab--active {
-  background-color: #ffffff;
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1 inset, 1px 0 0 #dfe0e1 inset;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .TabGroup--index .Tab--active:hover {
-  background-color: #ffffff;
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1 inset, 1px 0 0 #dfe0e1 inset;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .CardSection .TabGroup--index .Tab--active {
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1, 1px 0 0 #dfe0e1, 0 1px 0 #ffffff;
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1), 1px 0 0 var(--colorsBorderGrey, #dfe0e1), 0 1px 0 var(--colorsSurfaceDefault, #ffffff);
 }
 
 .Tab--active {
-  box-shadow: 0 -2px 0 #2270ee inset;
-  color: #141414;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
+  color: var(--colorsTextDefault, #141414);
 }
 .Tab--active:hover {
-  box-shadow: 0 -2px 0 #2270ee inset;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
 }
 
 .TabGroup--dark .Tab--active,
@@ -133,10 +134,10 @@
   box-shadow: none;
 }
 .TabGroup--dark .Tab:not(.Tab--active) {
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
 }
 .TabGroup--dark .Tab:not(.Tab--active):hover {
-  background: rgba(255, 255, 255, 0.1);
+  background: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
   box-shadow: none;
 }
 

package/dist/components/Tab/Tab.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE6GW;EF5GX;EACA,aEyFsB;EFxFtB,WE4GW;EF3GX;EACA;EACA;EACA;;AAEA;EAAO,aEkGI;;AFhGX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE+FY;;AF3Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE2DkB;EF1DlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEsCU;EFrCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEMd;;AFJX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;;AFuHb;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OErIY;;AFuIZ;EACC;EACA;;;AAOH;EACC","file":"Tab.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgBA;EACC;AChBA;EACA;AAEA;EACA;EDgBA;EACA,OAlBe;EAmBf;EACA;EACA;EACA;EACA;EACA,cEiGW;EFhGX;EACA,aE6EsB;EF5EtB,WEgGW;EF/FX;EACA;EACA;EACA;;AAEA;EAAO,aEsFI;;AFpFX;EACC;EACA;EACA;EACA,OAvCc;;AAyCd;EACC;EACA;EACA,cEmFY;;AF/Ed;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE+CkB;EF9ClB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OAnFc;EAoFd;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WE0BU;EFzBV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA5GkB;EA6GlB;;AAIF;EACC;EACA;;AAIF;EAAyB,SEPd;;AFSX;EACC,kBA5HmB;EA6HnB;;AAEA;EACC,kBAhIkB;EAiIlB;;AAGD;EACC;;;AAKH;EACC;EACA,OAnJa;;AAqJb;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OAhKc;;AAkKd;EACC,YA1JQ;EA2JR;;;AAOH;EACC","file":"Tab.css"}

package/dist/components/Tab/Tab.js

@@ -25,6 +25,6 @@ export const Tab = (_a) => {
         'Tab--disabled': disabled,
         'Tab--focus-visible': isFocusVisible,
     });
-    return (React.createElement(TabElement, Object.assign({ role: "tab", ref: itemRef, tabIndex: disabled ? undefined : 0, "aria-current": active ? 'page' : false, className: TabClasses, onFocus: focusFunction, onBlur: blurFunction, "aria-disabled": props.disabled }, props)));
+    return (React.createElement(TabElement, Object.assign({ role: "tab", ref: itemRef, tabIndex: disabled ? undefined : 0, "aria-current": active ? 'page' : false, className: TabClasses, onFocus: focusFunction, onBlur: blurFunction, "aria-disabled": props.disabled, "data-anvil-component": "Tab" }, props)));
 };
 //# sourceMappingURL=Tab.js.map

package/dist/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,UAAU,kBACV,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,kBACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,mBACL,KAAK,CAAC,QAAQ,IACzB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,UAAU,kBACV,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,kBACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,mBACL,KAAK,CAAC,QAAQ,0BACR,KAAK,IACtB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Tab/index.css

@@ -2,11 +2,11 @@
 .Tab {
   all: unset;
   /* 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;
   box-sizing: border-box;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   cursor: pointer;
   line-height: 1;
   display: flex;
@@ -28,7 +28,7 @@
   height: 100%;
   display: flex;
   align-items: center;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
 }
 .Tab .a-Icon svg {
   width: 18px;
@@ -54,7 +54,7 @@
 .Tab.Tab--focus-visible:focus::after {
   position: absolute;
   content: "";
-  box-shadow: inset 0 0 0 3px #a9d1ff;
+  box-shadow: inset 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   top: 0;
   bottom: 0;
   left: 0;
@@ -62,8 +62,8 @@
 }
 
 .Tab--inactive:hover, .Tab--inactive--hover {
-  box-shadow: 0 -2px 0 #a9d1ff inset;
-  color: #141414;
+  box-shadow: 0 -2px 0 var(--colorsFocusRingPrimary, #a9d1ff) inset;
+  color: var(--colorsTextSubdued, #737475);
   text-decoration: none;
 }
 
@@ -77,7 +77,7 @@
   padding: 12px 16px;
   margin-right: 1px;
   min-width: 64px;
-  box-shadow: 0 -1px 0 #dfe0e1 inset;
+  box-shadow: 0 -1px 0 var(--colorsBorderGrey, #dfe0e1) inset;
   position: relative;
 }
 .TabGroup--index .Tab:hover, .TabGroup--index .Tab--hover {
@@ -93,7 +93,8 @@
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsSurfaceInvertedStrong, #141414);
+  opacity: 0.08;
 }
 .CardSection .TabGroup--index .Tab {
   box-shadow: none;
@@ -103,23 +104,23 @@
   padding: 16px;
 }
 .TabGroup--index .Tab--active {
-  background-color: #ffffff;
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1 inset, 1px 0 0 #dfe0e1 inset;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .TabGroup--index .Tab--active:hover {
-  background-color: #ffffff;
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1 inset, 1px 0 0 #dfe0e1 inset;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .CardSection .TabGroup--index .Tab--active {
-  box-shadow: 0 3px 0 #2270ee inset, -1px 0 0 #dfe0e1, 1px 0 0 #dfe0e1, 0 1px 0 #ffffff;
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1), 1px 0 0 var(--colorsBorderGrey, #dfe0e1), 0 1px 0 var(--colorsSurfaceDefault, #ffffff);
 }
 
 .Tab--active {
-  box-shadow: 0 -2px 0 #2270ee inset;
-  color: #141414;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
+  color: var(--colorsTextDefault, #141414);
 }
 .Tab--active:hover {
-  box-shadow: 0 -2px 0 #2270ee inset;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
 }
 
 .TabGroup--dark .Tab--active,
@@ -133,10 +134,10 @@
   box-shadow: none;
 }
 .TabGroup--dark .Tab:not(.Tab--active) {
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
 }
 .TabGroup--dark .Tab:not(.Tab--active):hover {
-  background: rgba(255, 255, 255, 0.1);
+  background: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
   box-shadow: none;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE6GW;EF5GX;EACA,aEyFsB;EFxFtB,WE4GW;EF3GX;EACA;EACA;EACA;;AAEA;EAAO,aEkGI;;AFhGX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE+FY;;AF3Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE2DkB;EF1DlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEsCU;EFrCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEMd;;AFJX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;;AFuHb;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OErIY;;AFuIZ;EACC;EACA;;;AAOH;EACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgBA;EACC;AChBA;EACA;AAEA;EACA;EDgBA;EACA,OAlBe;EAmBf;EACA;EACA;EACA;EACA;EACA,cEiGW;EFhGX;EACA,aE6EsB;EF5EtB,WEgGW;EF/FX;EACA;EACA;EACA;;AAEA;EAAO,aEsFI;;AFpFX;EACC;EACA;EACA;EACA,OAvCc;;AAyCd;EACC;EACA;EACA,cEmFY;;AF/Ed;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE+CkB;EF9ClB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OAnFc;EAoFd;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WE0BU;EFzBV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA5GkB;EA6GlB;;AAIF;EACC;EACA;;AAIF;EAAyB,SEPd;;AFSX;EACC,kBA5HmB;EA6HnB;;AAEA;EACC,kBAhIkB;EAiIlB;;AAGD;EACC;;;AAKH;EACC;EACA,OAnJa;;AAqJb;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OAhKc;;AAkKd;EACC,YA1JQ;EA2JR;;;AAOH;EACC","file":"index.css"}

package/dist/components/TabGroup/TabGroup.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .TabGroup {
   /* 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;
   list-style: none;
@@ -21,7 +21,7 @@
 }
 
 .TabGroup--divider {
-  box-shadow: 0 -1px 0 0 #dfe0e1 inset;
+  box-shadow: 0 -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 
 .TabGroup__Item {
@@ -43,7 +43,7 @@
 }
 .TabGroup--verticallyDivided .Tab::before {
   box-shadow: -1px 0 0;
-  color: rgba(20, 20, 20, 0.3);
+  color: var(--colorsBorderGrey, #dfe0e1);
   content: "";
   height: 50%;
   position: absolute;
@@ -79,7 +79,7 @@
   box-shadow: 1px 0 0;
 }
 .TabGroup--verticallyDivided.TabGroup--dark .Tab--inactive::before {
-  color: rgba(255, 255, 255, 0.4);
+  color: var(--colorsTextInverted, #ffffff);
 }
 
 .TabGroup__action {

package/dist/components/TabGroup/TabGroup.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/TabGroup/TabGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA,OCiBa;ADfb;EACA;EEJA;EACA;EACA;EACA;EACA;EHKA,WE2Ha;EF1Hb;EACA;;AAEA;EACC;;AAEA;EAAgB;;;AAIlB;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC,WA9Bc;;;AAoCf;EAAO;;AACP;EAAe;;AAEf;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAA2C;;AAG1C;EACC;EACA;;AACA;EAAU;;AAGX;EAAuB;;AACvB;EAAe;;AAGf;EAAyC;;AAIxC;AAAA;EAC2C;;AAC3C;EAAwD;;AAI1D;EAA0C;;;AAG3C;EACC;EACA;EACA;EACA;EACA;;AAEA;EACqB;;AAErB;EAAgB;;AAChB;EAAe","file":"TabGroup.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/TabGroup/TabGroup.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_list-unset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACWA;ACVC;EACA;AAEA;EACA;ECJA;EACA;EACA;EACA;EACA;EFUA,WGuHa;EHtHb;EACA;;AAEA;EACC;;AAEA;EAAgB;;;AAIlB;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC,WAnCc;;;AAyCf;EAAO;;AACP;EAAe;;AAEf;EACC;EACA,OA3Ce;EA4Cf;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAA2C;;AAG1C;EACC;EACA;;AACA;EAAU;;AAGX;EAAuB;;AACvB;EAAe;;AAGf;EAAyC;;AAIxC;AAAA;EAC2C;;AAC3C;EAAwD;;AAI1D;EAA0C,OA1E3B;;;AA6EhB;EACC;EACA;EACA;EACA;EACA;;AAEA;EACqB;;AAErB;EAAgB;;AAChB;EAAe","file":"TabGroup.css"}

package/dist/components/TabGroup/TabGroup.js

@@ -27,7 +27,7 @@ export const TabGroup = (_a) => {
         'TabGroup--maxWidth': maxWidth,
         'TabGroup--verticallyDivided': verticallyDivided,
     });
-    return (React.createElement("ul", Object.assign({ role: "tablist", className: TabGroupClasses }, props),
+    return (React.createElement("ul", Object.assign({ role: "tablist", className: TabGroupClasses, "data-anvil-component": "TabGroup" }, props),
         wrapChildren(children, TabGroupItem),
         action && React.createElement(TabAction, null, action)));
 };

package/dist/components/TabGroup/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAuD5D,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAalC,EAAE,EAAE;QAb8B,EAClC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,iBAAiB,EACjB,IAAI,GAAG,WAAW,EAClB,SAAS,GAAG,QAAQ,OAEpB,EADG,KAAK,cAZ0B,8HAalC,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,kBAAkB,EAAE,MAAM;QAC1B,gBAAgB,EAAE,IAAI;QACtB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,WAAW;QAC3C,qBAAqB,EAAE,SAAS,KAAK,MAAM;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,mBAAmB,EAAE,OAAO;QAC5B,oBAAoB,EAAE,QAAQ;QAC9B,6BAA6B,EAAE,iBAAiB;KAChD,CAAC,CAAC;IAEH,OAAO,CACN,0CAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,eAAe,IAAM,KAAK;QACtD,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC;QACpC,MAAM,IAAI,oBAAC,SAAS,QAAE,MAAM,CAAa,CACtC,CACL,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC"}
+{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAuD5D,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAalC,EAAE,EAAE;QAb8B,EAClC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,iBAAiB,EACjB,IAAI,GAAG,WAAW,EAClB,SAAS,GAAG,QAAQ,OAEpB,EADG,KAAK,cAZ0B,8HAalC,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,kBAAkB,EAAE,MAAM;QAC1B,gBAAgB,EAAE,IAAI;QACtB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,WAAW;QAC3C,qBAAqB,EAAE,SAAS,KAAK,MAAM;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,mBAAmB,EAAE,OAAO;QAC5B,oBAAoB,EAAE,QAAQ;QAC9B,6BAA6B,EAAE,iBAAiB;KAChD,CAAC,CAAC;IAEH,OAAO,CACN,0CACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK;QAER,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC;QACpC,MAAM,IAAI,oBAAC,SAAS,QAAE,MAAM,CAAa,CACtC,CACL,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC"}

package/dist/components/TabGroup/TabGroupItem.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 export const TabGroupItem = (_a) => {
     var props = __rest(_a, []);
-    return React.createElement("li", Object.assign({ role: "presentation", className: "TabGroup__Item" }, props));
+    return (React.createElement("li", Object.assign({ role: "presentation", className: "TabGroup__Item", "data-anvil-component": "TabGroupItem" }, props)));
 };
 TabGroupItem.displayName = 'TabGroupItem';
 //# sourceMappingURL=TabGroupItem.js.map

package/dist/components/TabGroup/TabGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroupItem.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC7D,OAAO,0CAAI,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,gBAAgB,IAAK,KAAK,EAAI,CAAC;AACzE,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"TabGroupItem.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC7D,OAAO,CACN,0CACC,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,gBAAgB,0BACL,cAAc,IAC/B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/TabGroup/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .TabGroup {
   /* 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;
   list-style: none;
@@ -21,7 +21,7 @@
 }
 
 .TabGroup--divider {
-  box-shadow: 0 -1px 0 0 #dfe0e1 inset;
+  box-shadow: 0 -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 
 .TabGroup__Item {
@@ -43,7 +43,7 @@
 }
 .TabGroup--verticallyDivided .Tab::before {
   box-shadow: -1px 0 0;
-  color: rgba(20, 20, 20, 0.3);
+  color: var(--colorsBorderGrey, #dfe0e1);
   content: "";
   height: 50%;
   position: absolute;
@@ -79,7 +79,7 @@
   box-shadow: 1px 0 0;
 }
 .TabGroup--verticallyDivided.TabGroup--dark .Tab--inactive::before {
-  color: rgba(255, 255, 255, 0.4);
+  color: var(--colorsTextInverted, #ffffff);
 }
 
 .TabGroup__action {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/TabGroup/TabGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA,OCiBa;ADfb;EACA;EEJA;EACA;EACA;EACA;EACA;EHKA,WE2Ha;EF1Hb;EACA;;AAEA;EACC;;AAEA;EAAgB;;;AAIlB;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC,WA9Bc;;;AAoCf;EAAO;;AACP;EAAe;;AAEf;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAA2C;;AAG1C;EACC;EACA;;AACA;EAAU;;AAGX;EAAuB;;AACvB;EAAe;;AAGf;EAAyC;;AAIxC;AAAA;EAC2C;;AAC3C;EAAwD;;AAI1D;EAA0C;;;AAG3C;EACC;EACA;EACA;EACA;EACA;;AAEA;EACqB;;AAErB;EAAgB;;AAChB;EAAe","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/TabGroup/TabGroup.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_list-unset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACWA;ACVC;EACA;AAEA;EACA;ECJA;EACA;EACA;EACA;EACA;EFUA,WGuHa;EHtHb;EACA;;AAEA;EACC;;AAEA;EAAgB;;;AAIlB;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC,WAnCc;;;AAyCf;EAAO;;AACP;EAAe;;AAEf;EACC;EACA,OA3Ce;EA4Cf;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAA2C;;AAG1C;EACC;EACA;;AACA;EAAU;;AAGX;EAAuB;;AACvB;EAAe;;AAGf;EAAyC;;AAIxC;AAAA;EAC2C;;AAC3C;EAAwD;;AAI1D;EAA0C,OA1E3B;;;AA6EhB;EACC;EACA;EACA;EACA;EACA;;AAEA;EACqB;;AAErB;EAAgB;;AAChB;EAAe","file":"index.css"}

package/dist/components/Table/Table.css

@@ -64,11 +64,11 @@
 
 .a-Checkbox {
   /* 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;
   box-sizing: border-box;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   margin-left: 25px;
 }
 .FormField .a-Checkbox {
@@ -142,9 +142,9 @@
 }
 
 .Checkbox__box {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 3px;
-  border: 1px solid #bcbcbd;
+  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
   display: inline-flex;
   flex-shrink: 0;
@@ -175,10 +175,10 @@
   margin-bottom: -6px;
 }
 .Checkbox--error .Checkbox__box {
-  border-color: #ffb2a0;
+  border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 0 #2270ee inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -189,7 +189,7 @@
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 white inset, -2px 0 0 0 white inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -204,7 +204,7 @@
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 white inset, -2.5px 0 0 0 white inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -216,39 +216,39 @@
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px #2270ee inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
 }
 .Checkbox--error .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error .Checkbox--checked .Checkbox__box::before, .Checkbox--error .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px #e63717 inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px #ffb2a0;
+  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px #a9d1ff;
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: #444445;
+  border-color: var(--colorsBorderDefault, #444445);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: #e63717;
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.16) inset, 0 0 0 16px #2270ee inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.16) inset, 0 0 0 16px #e63717 inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: #2270ee;
-  box-shadow: 0 0 0 4px #a9d1ff;
+  border-color: var(--colorsBorderPrimary, #2270ee);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
-  border-color: #e63717;
-  box-shadow: 0 0 0 4px #ffb2a0;
+  border-color: var(--colorsBorderCritical, #e63717);
+  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 
 .Checkbox--disabled .Checkbox__box {
@@ -256,7 +256,7 @@
   filter: grayscale(1);
 }
 .Checkbox--disabled .Label.Label--error {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
 }
 
 .a-Checkbox .Checkbox__label {
@@ -287,12 +287,12 @@ span.Popover {
 
 .Popover__body {
   /* 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;
-  background: #fff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 6px;
-  border: 1px solid #dfe0e1;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
   box-sizing: border-box;
   width: 90vw;
@@ -388,7 +388,7 @@ span.Popover {
 }
 
 .Popover__header {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
 }
 .Popover__header.Headline {
@@ -396,14 +396,14 @@ span.Popover {
 }
 
 .Popover__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
 }
 
 .Popover__divider {
   width: 100%;
   height: 1px;
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 /* For inline Popovers, override generated inline width
@@ -418,7 +418,7 @@ span.Popover {
 /* stylelint-disable-line */
 .Table {
   /* 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;
 }
@@ -510,11 +510,11 @@ span.Popover {
   transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
 }
 .Table .k-column-resizer:hover {
-  background-color: rgba(20, 20, 20, 0.1);
+  background-color: rgba(4, 4, 4, 0.1);
 }
 .Table .k-grid-header-sticky[style*="border-right-width: 1px;"],
 .Table .k-grid-content-sticky[style*="border-right-width: 1px;"] {
-  box-shadow: 2px 3px 5px 0 rgba(20, 20, 20, 0.1);
+  box-shadow: 2px 3px 5px 0 rgba(4, 4, 4, 0.1);
 }
 .Table.Table--sortable .k-header:hover, .Table.Table--sortable th.k-header.k-sorted {
   background-color: #eeeeee;
@@ -527,7 +527,7 @@ span.Popover {
 /* Filter popups are rendered outside .Table in portal */
 .k-popup {
   /* 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;
 }

package/dist/components/Table/Table.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}

package/dist/components/Table/Table.js

@@ -81,7 +81,7 @@ export const Table = forwardRef((_a, ref) => {
         ? verticalBorders && 'Table--vertical-borders'
         : 'Table--locked-borders', horizontalBorders && 'Table--horizontal-borders', props.detail && 'Table--master-detail', props.sortable && 'Table--sortable', className);
     return (React.createElement(React.Fragment, null,
-        React.createElement(GridMod, Object.assign({}, props, { rowRender: rowRender, className: TableClasses }), children),
+        React.createElement(GridMod, Object.assign({ "data-anvil-component": "Table" }, props, { rowRender: rowRender, className: TableClasses }), children),
         React.createElement("div", { ref: handleRef }, loading && React.createElement(TableLoadingPanel, { portal: container }))));
 });
 Table.displayName = 'KendoReactGrid';

package/dist/components/Table/Table.js.map

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