@servicetitan/design-system 11.3.1 → 11.4.0

package/dist/components/AnvilSelect/components/Trigger.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/AnvilSelect/AnvilSelect.scss","../../../../src/utilities/_component-reset.scss","../../../../src/components/AnvilSelect/components/Trigger.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCec;EDdd,cCkBc;EDjBd,OCiBc;EDhBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCOc;EDNd,cCUc;EDTd,OCSc;EDRd;EACA;;;AE9EF;AACA;ACJC;EACA,OFiBa;AEfb;EACA;;;ADMC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,ODsGc;ECrGd,KDqGc;;ACnGd;EACC;;AAGD;EACC,eDzBuB;EC0BvB;EACA;;AAEA;EACC,eD9BsB;;ACiCvB;EAAoB;;;AAItB;EACC;;AAEA;EACC,WDiFY;EChFZ,aD6Ea;EC5Eb,gBD4Ea;;ACzEd;EACC,aDiEU;;;AC7DZ;EACC;;AAEA;EACC,YDyDU;;;ACrDZ;EACC,WD8Da;;AC5Db;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aD6CX;;AC1Cd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AEpFF;ADfC;EACA,OFiBa;AEfb;EACA;ECcA;EACA;EACA,YHHa;EGIb,eHdiB;EGejB;EACA,OHLa;EGMb;EACA;EACA;;AAEA;EAEC,cHXW;EGYX,YHuFa;EGtFb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,OJTwB;EIUxB,aHkGiB;;AG/FlB;EAAyC,OJiBV;;AIf/B;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cH5CY;;AG6CZ;EAAmB,cHwBJ;;;AGrBhB;EACC,cHoBe;EGnBf,OHmBe;EGlBf,kBHce;;AGZf;EAEC,cHcc;EGbd;;AAGD;AAAA;EACU,OHrDC;;;AGwDZ;EACC;EACA,SH0BkB;EGzBlB,kBHhDkB;;AGkDlB;EACC,kBHJc;;AGMd;EACC,OHHa;;AGOf;EACC;;;AAIF;EACC;EACA,YJpD8B;EIqD9B,OH5DkB;EG6DlB;EACA;EACA;EACA;;AAEA;EAAsB,cAhGN;;AAiGhB;EAAsB,cApGN;;AAsGhB;EACC,kBH7Bc;EG8Bd,OH1Bc;EG2Bd,cH3Bc;;AG8Bf;EAEC,cHrGW;;;AGyGb;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHlHW;;AGqHZ;EAEC,oBHlDc;;;AGsDhB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHpIW;;AGuIZ;EAEC,oBHpEc;;;AGwEhB;EACC;EACA;EACA;EACA,cH3CW;;;AG8CZ;EACC;EACA,OH9HkB;;AGgIlB;EAAoB,OHjJT;;;AGoJZ;EACC","file":"Trigger.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../src/utilities/_visually-hidden.scss","../../../../src/components/Form/Form.scss","../../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../../src/components/AnvilSelect/AnvilSelect.scss","../../../../src/utilities/_component-reset.scss","../../../../src/components/AnvilSelect/components/Trigger.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AE9EF;AACA;ACJC;EACA;AAEA;EACA;;;ADMC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,ODuGc;ECtGd,KDsGc;;ACpGd;EACC;;AAGD;EACC,eDzBuB;EC0BvB;EACA;;AAEA;EACC,eD9BsB;;ACiCvB;EAAoB;;;AAItB;EACC;;AAEA;EACC,WDkFY;ECjFZ,aD8Ea;EC7Eb,gBD6Ea;;AC1Ed;EACC,aDkEU;;;AC9DZ;EACC;;AAEA;EACC,YD0DU;;;ACtDZ;EACC,WD+Da;;AC7Db;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aD8CX;;AC3Cd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AEtEF;AD7BC;EACA;AAEA;EACA;EC4BA;EACA;EACA,YAvB0B;EAwB1B,eH5BiB;EG6BjB;EACA,OAtBoB;EAuBpB;EACA;EACA;;AAEA;EAEC,cApCmB;EAqCnB,YH0Ea;EGzEb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,aHsFiB;EGrFjB;;AAGD;EACC,OA3CiB;EA4CjB;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cAxEoB;;AAyEpB;EAAmB,cAxEC;;;AA2ErB;EACC,cA5EoB;EA6EpB,OAtEkB;EAuElB,kBA3EwB;;AA6ExB;EAEC,cAlFmB;EAmFnB;;AAGD;AAAA;EACU,OAhFQ;;;AAmFnB;EACC;EACA,SHUkB;EGTlB,kBAzF2B;;AA2F3B;EACC,kBA7FuB;;AA+FvB;EACC,OA5FgB;;AAgGlB;EACC;;;AAIF;EACC;EACA;EACA,OAtGoB;EAuGpB;EACA;EACA;EACA;;AAEA;EAAsB,cAnGN;;AAoGhB;EAAsB,cAvGN;;AAyGhB;EACC,kBAtHuB;EAuHvB,OAnHiB;EAoHjB,cA3HmB;;AA8HpB;EAEC,cAjImB;;;AAqIrB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBA9ImB;;AAiJpB;EAEC,oBAlJmB;;;AAsJrB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBAhKmB;;AAmKpB;EAEC,oBApKmB;;;AAwKrB;EACC;EACA;EACA;EACA,cH3DW;;;AG8DZ;EACC;EACA,OAxKoB;;AA0KpB;EAAoB,OA5KF;;;AA+KnB;EACC","file":"Trigger.css"}

package/dist/components/AnvilSelect/index.css

@@ -65,7 +65,7 @@
 /* OptionList overrides specific to the Select */
 .a-Select {
   /* 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;
 }
@@ -157,22 +157,22 @@
 
 .Trigger {
   /* 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;
   width: 100%;
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 3px;
-  border: 1px solid #dfe0e1;
-  color: #141414;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
   padding: 7px 12px;
   cursor: pointer;
   position: relative;
 }
 .Trigger:focus, .Trigger:active {
-  border-color: #2270ee;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  border-color: var(--colorsBorderPrimary, #2270ee);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   outline: 0;
 }
 .Trigger .TagGroup {
@@ -182,11 +182,12 @@
   cursor: default;
 }
 .Trigger .Trigger__placeholder {
-  color: rgba(20, 20, 20, 0.4);
   line-height: 1.5;
+  opacity: 0.4;
 }
 .Trigger.Trigger--error .Trigger__placeholder {
-  color: rgba(230, 55, 23, 0.6);
+  color: var(--colorsTextCritical, #f94d32);
+  opacity: 0.6;
 }
 .Trigger .Trigger__clear.Button {
   border-radius: 100%;
@@ -209,36 +210,36 @@
 }
 
 .Trigger--open {
-  border-color: #2270ee;
+  border-color: var(--colorsBorderPrimary, #2270ee);
 }
 .Trigger--open.Trigger--error {
-  border-color: #e63717;
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 
 .Trigger--error {
-  border-color: #e63717;
-  color: #e63717;
-  background-color: #ffece9;
+  border-color: var(--colorsBorderCritical, #e63717);
+  color: var(--colorsTextCritical, #f94d32);
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 .Trigger--error:focus, .Trigger--error:active {
-  border-color: #e63717;
-  box-shadow: 0 0 0 3px #ffb2a0;
+  border-color: var(--colorsBorderCritical, #e63717);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
 .Trigger--error .Trigger__value,
 .Trigger--error .Button {
-  color: #f94d32;
+  color: var(--colorsTextCritical, #f94d32);
 }
 
 .Trigger--disabled {
   cursor: not-allowed;
   opacity: 0.6;
-  background-color: #f7f7f7;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Trigger--disabled.Trigger--error {
-  background-color: #ffece9;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 .Trigger--disabled.Trigger--error .Trigger__clear.Button--disabled.Button--subtle {
-  color: #e63717;
+  color: var(--colorsTextCritical, #f94d32);
 }
 .Trigger--disabled .Trigger__clear.Button--disabled.Button--subtle {
   opacity: 1;
@@ -247,7 +248,7 @@
 .Trigger__shortLabel {
   align-items: center;
   background: transparent;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   display: flex;
   margin: -7px 0 -7px -12px;
   z-index: 0;
@@ -260,12 +261,12 @@
   margin-right: 11px;
 }
 .Trigger--error .Trigger__shortLabel {
-  background-color: #ffece9;
-  color: #e63717;
-  border-color: #e63717;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  color: var(--colorsTextCritical, #f94d32);
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 .Trigger-open .Trigger__shortLabel, .Trigger:active .Trigger__shortLabel {
-  border-color: #2270ee;
+  border-color: var(--colorsBorderPrimary, #2270ee);
 }
 
 .Trigger__shortLabel--left {
@@ -279,10 +280,10 @@
   margin: -11px 0 -11px -11px;
 }
 .Trigger:active .Trigger__shortLabel--left, .Trigger--open .Trigger__shortLabel--left {
-  border-right-color: #2270ee;
+  border-right-color: var(--colorsBorderPrimary, #2270ee);
 }
 .Trigger--error:active .Trigger__shortLabel--left, .Trigger--error.Trigger--open .Trigger__shortLabel--left {
-  border-right-color: #e63717;
+  border-right-color: var(--colorsBorderCritical, #e63717);
 }
 
 .Trigger__shortLabel--right {
@@ -296,10 +297,10 @@
   margin: -11px -11px -11px 0;
 }
 .Trigger:active .Trigger__shortLabel--right, .Trigger--open .Trigger__shortLabel--right {
-  border-right-color: #2270ee;
+  border-right-color: var(--colorsBorderPrimary, #2270ee);
 }
 .Trigger--error:active .Trigger__shortLabel--right, .Trigger--error.Trigger--open .Trigger__shortLabel--right {
-  border-right-color: #e63717;
+  border-right-color: var(--colorsBorderCritical, #e63717);
 }
 
 .Trigger__controls {
@@ -311,10 +312,10 @@
 
 .Trigger__arrow.a-Icon {
   align-self: center;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
 }
 .Trigger--error .Trigger__arrow.a-Icon {
-  color: #f94d32;
+  color: var(--colorsTextCritical, #f94d32);
 }
 
 .Trigger__value {
@@ -330,16 +331,16 @@
 }
 
 .Select--DrillIn .Popover__header {
-  background-color: #f5f5f5;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 
 .SelectDrillIn__back {
   margin-left: -8px;
 }
 .Select__focus:focus-within .SelectDrillIn__back {
-  background: #dfe0e1;
+  background: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
   border-radius: 3px;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 /*# sourceMappingURL=index.css.map */

package/dist/components/AnvilSelect/index.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/AnvilSelect/AnvilSelect.scss","../../../src/utilities/_component-reset.scss","../../../src/components/AnvilSelect/components/Trigger.scss","../../../src/components/AnvilSelect/components/DrillIn.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCec;EDdd,cCkBc;EDjBd,OCiBc;EDhBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCOc;EDNd,cCUc;EDTd,OCSc;EDRd;EACA;;;AE9EF;AACA;ACJC;EACA,OFiBa;AEfb;EACA;;;ADMC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,ODsGc;ECrGd,KDqGc;;ACnGd;EACC;;AAGD;EACC,eDzBuB;EC0BvB;EACA;;AAEA;EACC,eD9BsB;;ACiCvB;EAAoB;;;AAItB;EACC;;AAEA;EACC,WDiFY;EChFZ,aD6Ea;EC5Eb,gBD4Ea;;ACzEd;EACC,aDiEU;;;AC7DZ;EACC;;AAEA;EACC,YDyDU;;;ACrDZ;EACC,WD8Da;;AC5Db;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aD6CX;;AC1Cd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AEpFF;ADfC;EACA,OFiBa;AEfb;EACA;ECcA;EACA;EACA,YHHa;EGIb,eHdiB;EGejB;EACA,OHLa;EGMb;EACA;EACA;;AAEA;EAEC,cHXW;EGYX,YHuFa;EGtFb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,OJTwB;EIUxB,aHkGiB;;AG/FlB;EAAyC,OJiBV;;AIf/B;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cH5CY;;AG6CZ;EAAmB,cHwBJ;;;AGrBhB;EACC,cHoBe;EGnBf,OHmBe;EGlBf,kBHce;;AGZf;EAEC,cHcc;EGbd;;AAGD;AAAA;EACU,OHrDC;;;AGwDZ;EACC;EACA,SH0BkB;EGzBlB,kBHhDkB;;AGkDlB;EACC,kBHJc;;AGMd;EACC,OHHa;;AGOf;EACC;;;AAIF;EACC;EACA,YJpD8B;EIqD9B,OH5DkB;EG6DlB;EACA;EACA;EACA;;AAEA;EAAsB,cAhGN;;AAiGhB;EAAsB,cApGN;;AAsGhB;EACC,kBH7Bc;EG8Bd,OH1Bc;EG2Bd,cH3Bc;;AG8Bf;EAEC,cHrGW;;;AGyGb;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHlHW;;AGqHZ;EAEC,oBHlDc;;;AGsDhB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHpIW;;AGuIZ;EAEC,oBHpEc;;;AGwEhB;EACC;EACA;EACA;EACA,cH3CW;;;AG8CZ;EACC;EACA,OH9HkB;;AGgIlB;EAAoB,OHjJT;;;AGoJZ;EACC;;;AC9KD;EACC;;;AAGD;EACC;;;AAIA;EAAmB,kBJ4BD;;;AIzBnB;EACC;;AAEA;EACC,YJuBiB;EItBjB,eJXgB;EIYhB,YJmGa","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/AnvilSelect/AnvilSelect.scss","../../../src/utilities/_component-reset.scss","../../../src/components/AnvilSelect/components/Trigger.scss","../../../src/components/AnvilSelect/components/DrillIn.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AE9EF;AACA;ACJC;EACA;AAEA;EACA;;;ADMC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,ODuGc;ECtGd,KDsGc;;ACpGd;EACC;;AAGD;EACC,eDzBuB;EC0BvB;EACA;;AAEA;EACC,eD9BsB;;ACiCvB;EAAoB;;;AAItB;EACC;;AAEA;EACC,WDkFY;ECjFZ,aD8Ea;EC7Eb,gBD6Ea;;AC1Ed;EACC,aDkEU;;;AC9DZ;EACC;;AAEA;EACC,YD0DU;;;ACtDZ;EACC,WD+Da;;AC7Db;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aD8CX;;AC3Cd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AEtEF;AD7BC;EACA;AAEA;EACA;EC4BA;EACA;EACA,YAvB0B;EAwB1B,eH5BiB;EG6BjB;EACA,OAtBoB;EAuBpB;EACA;EACA;;AAEA;EAEC,cApCmB;EAqCnB,YH0Ea;EGzEb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,aHsFiB;EGrFjB;;AAGD;EACC,OA3CiB;EA4CjB;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cAxEoB;;AAyEpB;EAAmB,cAxEC;;;AA2ErB;EACC,cA5EoB;EA6EpB,OAtEkB;EAuElB,kBA3EwB;;AA6ExB;EAEC,cAlFmB;EAmFnB;;AAGD;AAAA;EACU,OAhFQ;;;AAmFnB;EACC;EACA,SHUkB;EGTlB,kBAzF2B;;AA2F3B;EACC,kBA7FuB;;AA+FvB;EACC,OA5FgB;;AAgGlB;EACC;;;AAIF;EACC;EACA;EACA,OAtGoB;EAuGpB;EACA;EACA;EACA;;AAEA;EAAsB,cAnGN;;AAoGhB;EAAsB,cAvGN;;AAyGhB;EACC,kBAtHuB;EAuHvB,OAnHiB;EAoHjB,cA3HmB;;AA8HpB;EAEC,cAjImB;;;AAqIrB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBA9ImB;;AAiJpB;EAEC,oBAlJmB;;;AAsJrB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBAhKmB;;AAmKpB;EAEC,oBApKmB;;;AAwKrB;EACC;EACA;EACA;EACA,cH3DW;;;AG8DZ;EACC;EACA,OAxKoB;;AA0KpB;EAAoB,OA5KF;;;AA+KnB;EACC;;;AC5LD;EACC;;;AAGD;EACC;;;AAIA;EAAmB,kBAZH;;;AAejB;EACC;;AAEA;EACC,YAlBc;EAmBd,eJdgB;EIehB,YJiGa","file":"index.css"}

package/dist/components/Avatar/Avatar.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Avatar {
   /* 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;
   align-items: center;
@@ -10,7 +10,7 @@
   background-size: cover;
   border-radius: 50%;
   box-sizing: border-box;
-  color: #141414;
+  color: #040404;
   display: inline-flex;
   font-weight: 700;
   justify-content: center;

package/dist/components/Avatar/Avatar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aEyFkB;EFxFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE2Fa;EF1Fb,WEmFW;EFlFX,YEkFW;EFjFX,OEiFW;EFhFX,QEgFW;EF1EX;;AAEA;EAAiB,WEiFJ;;;AF9Ed;EAfC,WE6Fa;EF5Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;;AFnEX;EAAiB,WE6EJ;;;AF1Ed;EArBC,WE+Fa;EF9Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AF9DX;EAAiB,WEyEJ","file":"Avatar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,kBEuCqB;EFtCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aE0FkB;EFzFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE4Fa;EF3Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;EF3EX;;AAEA;EAAiB,WEkFJ;;;AF/Ed;EAfC,WE8Fa;EF7Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AFpEX;EAAiB,WE8EJ;;;AF3Ed;EArBC,WEgGa;EF/Fb,WEsFW;EFrFX,YEqFW;EFpFX,OEoFW;EFnFX,QEmFW;;AF/DX;EAAiB,WE0EJ","file":"Avatar.css"}

package/dist/components/Avatar/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Avatar {
   /* 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;
   align-items: center;
@@ -10,7 +10,7 @@
   background-size: cover;
   border-radius: 50%;
   box-sizing: border-box;
-  color: #141414;
+  color: #040404;
   display: inline-flex;
   font-weight: 700;
   justify-content: center;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aEyFkB;EFxFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE2Fa;EF1Fb,WEmFW;EFlFX,YEkFW;EFjFX,OEiFW;EFhFX,QEgFW;EF1EX;;AAEA;EAAiB,WEiFJ;;;AF9Ed;EAfC,WE6Fa;EF5Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;;AFnEX;EAAiB,WE6EJ;;;AF1Ed;EArBC,WE+Fa;EF9Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AF9DX;EAAiB,WEyEJ","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,kBEuCqB;EFtCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aE0FkB;EFzFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE4Fa;EF3Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;EF3EX;;AAEA;EAAiB,WEkFJ;;;AF/Ed;EAfC,WE8Fa;EF7Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AFpEX;EAAiB,WE8EJ;;;AF3Ed;EArBC,WEgGa;EF/Fb,WEsFW;EFrFX,YEqFW;EFpFX,OEoFW;EFnFX,QEmFW;;AF/DX;EAAiB,WE0EJ","file":"index.css"}

package/dist/components/BackLink/BackLink.css

@@ -2,7 +2,7 @@
 .BackLink {
   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;
   cursor: pointer;
@@ -19,7 +19,7 @@
 }
 .BackLink--focus-visible:focus {
   position: relative;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .BackLink__back-icon {

package/dist/components/BackLink/BackLink.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE8Ga;EF7Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE2Fa;;;AFvFf;EACC,cEyFW","file":"BackLink.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA;AAEA;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE+Ga;EF9Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE4Fa;;;AFxFf;EACC,cE0FW","file":"BackLink.css"}

package/dist/components/BackLink/index.css

@@ -2,7 +2,7 @@
 .BackLink {
   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;
   cursor: pointer;
@@ -19,7 +19,7 @@
 }
 .BackLink--focus-visible:focus {
   position: relative;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .BackLink__back-icon {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE8Ga;EF7Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE2Fa;;;AFvFf;EACC,cEyFW","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA;AAEA;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE+Ga;EF9Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE4Fa;;;AFxFf;EACC,cE0FW","file":"index.css"}

package/dist/components/Backdrop/Backdrop.css

@@ -2,7 +2,7 @@
 /** @define Backdrop */
 .Backdrop {
   /* 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: none;
@@ -11,10 +11,10 @@
   right: 0;
   bottom: 0;
   left: 0;
-  background: rgba(20, 20, 20, 0.6);
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
 }
 
 .Backdrop--is-open {

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

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

package/dist/components/Backdrop/Backdrop.js

@@ -30,7 +30,7 @@ export const Backdrop = (_a) => {
     const durationSlow = parseInt(tokens.durationSlow, 10) / 1000; // '300ms' -> 0.3
     const framerAnimation = {
         initial: { opacity: 0 },
-        animate: { opacity: 1 },
+        animate: { opacity: 0.6 },
         exit: { opacity: 0 },
         transition: { type: 'linear', duration: durationSlow },
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAwB1C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAM3C,EAAE,EAAE;QANuC,EAC3C,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,OAEX,EADG,IAAI,cALoC,2CAM3C,CADO;IAEP,MAAM,WAAW,GAAyC,CAAC,CAAC,EAAE,EAAE;QAC/D,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QAEzC,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QAC5D,mBAAmB,EAAE,IAAI;QACzB,uBAAuB,EAAE,OAAO;QAChC,oBAAoB,EAAE,CAAC,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,MAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtD,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,MAAM,WAAW,mBAChB,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,WAAW,IACjB,CAAC,OAAO,IAAI,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,QACN,IAAI,IAAI,CACR,oBAAC,QAAQ,0CACa,UAAU,IAC3B,WAAW,EACX,IAAI,EACP,CACF,CACQ,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAwB1C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAM3C,EAAE,EAAE;QANuC,EAC3C,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,OAEX,EADG,IAAI,cALoC,2CAM3C,CADO;IAEP,MAAM,WAAW,GAAyC,CAAC,CAAC,EAAE,EAAE;QAC/D,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QAEzC,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QAC5D,mBAAmB,EAAE,IAAI;QACzB,uBAAuB,EAAE,OAAO;QAChC,oBAAoB,EAAE,CAAC,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,MAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;QACzB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtD,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,MAAM,WAAW,mBAChB,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,WAAW,IACjB,CAAC,OAAO,IAAI,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,QACN,IAAI,IAAI,CACR,oBAAC,QAAQ,0CACa,UAAU,IAC3B,WAAW,EACX,IAAI,EACP,CACF,CACQ,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Backdrop/index.css

@@ -2,7 +2,7 @@
 /** @define Backdrop */
 .Backdrop {
   /* 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: none;
@@ -11,10 +11,10 @@
   right: 0;
   bottom: 0;
   left: 0;
-  background: rgba(20, 20, 20, 0.6);
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
 }
 
 .Backdrop--is-open {

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

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

package/dist/components/Banner/Banner.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Banner {
   /* 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: #ffffff;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA,OCiBa;ADfb;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE2Ga;EF1Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiFS;;AF7EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuES;;;AFlEZ;EACC,WE6Ea;EF5Eb,cEgEW;EF/DX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsBW;EFrBX;;;AAGD;EACC,gBEgBW;EFfX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEpBsB;;;AFuBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aETW;EFUX","file":"Banner.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA;AAEA;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE4Ga;EF3Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEkFS;;AF9EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEwES;;;AFnEZ;EACC,WE8Ea;EF7Eb,cEiEW;EFhEX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEuBW;EFtBX;;;AAGD;EACC,gBEiBW;EFhBX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEnBsB;;;AFsBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aERW;EFSX","file":"Banner.css"}

package/dist/components/Banner/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Banner {
   /* 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: #ffffff;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA,OCiBa;ADfb;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE2Ga;EF1Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEiFS;;AF7EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEuES;;;AFlEZ;EACC,WE6Ea;EF5Eb,cEgEW;EF/DX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEsBW;EFrBX;;;AAGD;EACC,gBEgBW;EFfX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEpBsB;;;AFuBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aETW;EFUX","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;ACnBC;EACA;AAEA;EACA;EDkBA,YELa;EFMb,eEhBiB;EFiBjB;EACA,OARY;EASZ,WE4Ga;EF3Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEkFS;;AF9EX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YEwES;;;AFnEZ;EACC,WE8Ea;EF7Eb,cEiEW;EFhEX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEuBW;EFtBX;;;AAGD;EACC,gBEiBW;EFhBX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aEnBsB;;;AFsBvB;EACC,OAhHY;EAiHZ;EACA;EACA,aERW;EFSX","file":"index.css"}

package/dist/components/BodyText/BodyText.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .BodyText {
   /* 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;
   font-family: "Nunito Sans", sans-serif;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEuIkB;EFtIlB,aEqIkB;EFpIlB,WE8Ha;EF7Hb;;AAEA;EACC,WE2HY;;AFxHb;EACC,WEsHY;;AFnHb;EACC,WEiHY;;AF9Gb;EACC,WE4GY;;AFzGb;EAAY","file":"BodyText.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEwIkB;EFvIlB,aEsIkB;EFrIlB,WE+Ha;EF9Hb;;AAEA;EACC,WE4HY;;AFzHb;EACC,WEuHY;;AFpHb;EACC,WEkHY;;AF/Gb;EACC,WE6GY;;AF1Gb;EAAY","file":"BodyText.css"}

package/dist/components/BodyText/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .BodyText {
   /* 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;
   font-family: "Nunito Sans", sans-serif;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEuIkB;EFtIlB,aEqIkB;EFpIlB,WE8Ha;EF7Hb;;AAEA;EACC,WE2HY;;AFxHb;EACC,WEsHY;;AFnHb;EACC,WEiHY;;AF9Gb;EACC,WE4GY;;AFzGb;EAAY","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEwIkB;EFvIlB,aEsIkB;EFrIlB,WE+Ha;EF9Hb;;AAEA;EACC,WE4HY;;AFzHb;EACC,WEuHY;;AFpHb;EACC,WEkHY;;AF/Gb;EACC,WE6GY;;AF1Gb;EAAY","file":"index.css"}

package/dist/components/Breadcrumb/Breadcrumb.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Breadcrumb {
   /* 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: flex;
@@ -12,7 +12,7 @@
 
 .Breadcrumb-Link {
   align-items: center;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   display: inline-flex;
   line-height: 1.5;
   margin-top: 8px;
@@ -23,11 +23,11 @@
 }
 .Breadcrumb-Link__label--focus-visible:focus {
   position: relative;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Breadcrumb-Link__icon.a-Icon {
-  color: #444445;
+  color: var(--colorsTextDefault, #141414);
   padding-right: 16px;
   padding-left: 16px;
 }
@@ -42,7 +42,7 @@
 }
 
 .Breadcrumb-Link:last-child {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
 }
 .Breadcrumb-Link:last-child .Breadcrumb-Link__icon {
   display: none;

package/dist/components/Breadcrumb/Breadcrumb.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;EACA,WEmIgB;EFlIhB;;;AAGD;EACC;EACA,OE8BkB;EF7BlB;EACA,aE4HkB;EF3HlB,YEyGW;;;AFrGX;EAAU;;AAEV;EACC;EACA,YE8Fa;;;AF1Ff;EACC,OEgBmB;EFfnB,eE4FW;EF3FX,cE2FW;;;AFvFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OE3Ba;;AF6Bb;EAAyB","file":"Breadcrumb.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA,WEiIgB;EFhIhB;;;AAGD;EACC;EACA,OAdc;EAed;EACA,aE0HkB;EFzHlB,YEuGW;;;AFnGX;EAAU;;AAEV;EACC;EACA,YE4Fa;;;AFxFf;EACC,OA7Ba;EA8Bb,eE0FW;EFzFX,cEyFW;;;AFrFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OA7Ca;;AA+Cb;EAAyB","file":"Breadcrumb.css"}

package/dist/components/Breadcrumb/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Breadcrumb {
   /* 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: flex;
@@ -12,7 +12,7 @@
 
 .Breadcrumb-Link {
   align-items: center;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   display: inline-flex;
   line-height: 1.5;
   margin-top: 8px;
@@ -23,11 +23,11 @@
 }
 .Breadcrumb-Link__label--focus-visible:focus {
   position: relative;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
 .Breadcrumb-Link__icon.a-Icon {
-  color: #444445;
+  color: var(--colorsTextDefault, #141414);
   padding-right: 16px;
   padding-left: 16px;
 }
@@ -42,7 +42,7 @@
 }
 
 .Breadcrumb-Link:last-child {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
 }
 .Breadcrumb-Link:last-child .Breadcrumb-Link__icon {
   display: none;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;EACA,WEmIgB;EFlIhB;;;AAGD;EACC;EACA,OE8BkB;EF7BlB;EACA,aE4HkB;EF3HlB,YEyGW;;;AFrGX;EAAU;;AAEV;EACC;EACA,YE8Fa;;;AF1Ff;EACC,OEgBmB;EFfnB,eE4FW;EF3FX,cE2FW;;;AFvFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OE3Ba;;AF6Bb;EAAyB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA,WEiIgB;EFhIhB;;;AAGD;EACC;EACA,OAdc;EAed;EACA,aE0HkB;EFzHlB,YEuGW;;;AFnGX;EAAU;;AAEV;EACC;EACA,YE4Fa;;;AFxFf;EACC,OA7Ba;EA8Bb,eE0FW;EFzFX,cEyFW;;;AFrFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OA7Ca;;AA+Cb;EAAyB","file":"index.css"}