@servicetitan/design-system 11.3.1 → 11.4.2

package/dist/components/Toast/ToastGroup.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA,YEUa;EFTb,eEDiB;EFEjB;EACA;EACA;EACA;EACA;EACA,WEuHa;EFtHb;EACA,SE2GW;EF1GX,OAfa;EAgBb;;;AAGD;EACC,aEoFkB;EFnFlB;;AAEA;EAAiB,OEMD;;AFLhB;EAAqB,OE8DN;;AF7Df;EAAoB,OE4CH;;AF3CjB;EAAoB,OEqCF;;;AFlCnB;EACC,WEsGa;EFrGb,cEyFW;EFtFX;;AAEA;EAAiB,OEPD;;AFQhB;EAAqB,OEiDN;;AFhDf;EAAoB,OE+BH;;AF9BjB;EAAoB,OEwBF;;;AFrBnB;EACC,OE3Ba;EF4Bb,WEsFa;EFrFb,YE0EW;;;AFvEZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YE+DW;;;AF5DZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OE+CW;EF9CX,KE8CW;EF7CX;;;AG1ED;AFHC;EACA,OCiBa;ADfb;EACA;;;AECD;EACC,eDoHW;;;ACjHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDsGU;ECrGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDwFW;ECvFX,ODuFW;ECtFX;EACA","file":"ToastGroup.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"ToastGroup.css"}

package/dist/components/Toast/index.css

@@ -1,12 +1,12 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Toast {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 3px;
-  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;
   display: flex;
@@ -23,16 +23,16 @@
   word-break: break-word;
 }
 .Toast--info .Toast__title {
-  color: #2270ee;
+  color: var(--colorsStatusInfo, #2270ee);
 }
 .Toast--critical .Toast__title {
-  color: #e63717;
+  color: var(--colorsStatusCritical, #f94d32);
 }
 .Toast--success .Toast__title {
-  color: #10864b;
+  color: var(--colorsStatusSuccessStrong, #10864b);
 }
 .Toast--warning .Toast__title {
-  color: #de9500;
+  color: var(--colorsStatusWarningStrong, #de9500);
 }
 
 .Toast__icon {
@@ -41,20 +41,20 @@
   transform: translateY(2px);
 }
 .Toast--info .Toast__icon {
-  color: #2270ee;
+  color: var(--colorsStatusInfo, #2270ee);
 }
 .Toast--critical .Toast__icon {
-  color: #e63717;
+  color: var(--colorsStatusCritical, #f94d32);
 }
 .Toast--success .Toast__icon {
-  color: #10864b;
+  color: var(--colorsStatusSuccessStrong, #10864b);
 }
 .Toast--warning .Toast__icon {
-  color: #de9500;
+  color: var(--colorsStatusWarningStrong, #de9500);
 }
 
 .Toast__description {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-size: 14px;
   margin-top: 8px;
 }
@@ -90,7 +90,7 @@
 
 .ToastGroup {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA,YEUa;EFTb,eEDiB;EFEjB;EACA;EACA;EACA;EACA;EACA,WEuHa;EFtHb;EACA,SE2GW;EF1GX,OAfa;EAgBb;;;AAGD;EACC,aEoFkB;EFnFlB;;AAEA;EAAiB,OEMD;;AFLhB;EAAqB,OE8DN;;AF7Df;EAAoB,OE4CH;;AF3CjB;EAAoB,OEqCF;;;AFlCnB;EACC,WEsGa;EFrGb,cEyFW;EFtFX;;AAEA;EAAiB,OEPD;;AFQhB;EAAqB,OEiDN;;AFhDf;EAAoB,OE+BH;;AF9BjB;EAAoB,OEwBF;;;AFrBnB;EACC,OE3Ba;EF4Bb,WEsFa;EFrFb,YE0EW;;;AFvEZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YE+DW;;;AF5DZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OE+CW;EF9CX,KE8CW;EF7CX;;;AG1ED;AFHC;EACA,OCiBa;ADfb;EACA;;;AECD;EACC,eDoHW;;;ACjHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDsGU;ECrGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDwFW;ECvFX,ODuFW;ECtFX;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"index.css"}

package/dist/components/ToggleSwitch/ToggleSwitch.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .ToggleSwitch {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
@@ -75,7 +75,7 @@
   background: var(--colorsSurfaceDisabled, #606162);
 }
 .ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Label.ToggleSwitch__label {

package/dist/components/ToggleSwitch/ToggleSwitch.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA,OCiBa;ADfb;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YEyBhC;;;AFtBf;EACC,WEoCa;EFnCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"ToggleSwitch.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"ToggleSwitch.css"}

package/dist/components/ToggleSwitch/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .ToggleSwitch {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
@@ -75,7 +75,7 @@
   background: var(--colorsSurfaceDisabled, #606162);
 }
 .ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Label.ToggleSwitch__label {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA,OCiBa;ADfb;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YEyBhC;;;AFtBf;EACC,WEoCa;EFnCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"index.css"}

package/dist/components/Togglebox/Togglebox.css

@@ -9,7 +9,7 @@
 }
 .Togglebox:focus-within .CardSection {
   border-color: var(--colorsBorderPrimary, #56a4ff);
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Togglebox__content {

package/dist/components/Togglebox/Togglebox.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCqGa;;;ADjGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WCyFa;EDxFb,aC8DkB;;AD5DlB;EAAsB,YCmFR;;;ADhFf;EACC,OAjDc;EAkDd,WCiFa;EDhFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCgEd;;AD/DX;EAA6B","file":"Togglebox.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"Togglebox.css"}

package/dist/components/Togglebox/index.css

@@ -9,7 +9,7 @@
 }
 .Togglebox:focus-within .CardSection {
   border-color: var(--colorsBorderPrimary, #56a4ff);
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Togglebox__content {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCqGa;;;ADjGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WCyFa;EDxFb,aC8DkB;;AD5DlB;EAAsB,YCmFR;;;ADhFf;EACC,OAjDc;EAkDd,WCiFa;EDhFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCgEd;;AD/DX;EAA6B","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"index.css"}

package/dist/components/Tooltip/Tooltip.css

@@ -2,7 +2,7 @@
 .Tooltip,
 .Tooltip__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }
@@ -36,9 +36,9 @@
 .Tooltip__body.Tooltip__body {
   display: inline-flex;
   font-size: 14px;
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
   border-radius: 3px;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   max-width: 18em;
   padding: 4px 8px;
   position: relative;
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
   }
 }
 .Tooltip__caret::before {
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
 }
 
 /*# sourceMappingURL=Tooltip.css.map */

package/dist/components/Tooltip/Tooltip.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEyGa;EFxGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE0GiB;AFxGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB","file":"Tooltip.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"Tooltip.css"}

package/dist/components/Tooltip/index.css

@@ -2,7 +2,7 @@
 .Tooltip,
 .Tooltip__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }
@@ -36,9 +36,9 @@
 .Tooltip__body.Tooltip__body {
   display: inline-flex;
   font-size: 14px;
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
   border-radius: 3px;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   max-width: 18em;
   padding: 4px 8px;
   position: relative;
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
   }
 }
 .Tooltip__caret::before {
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
 }
 
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEyGa;EFxGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE0GiB;AFxGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"index.css"}