@servicetitan/design-system 11.3.0 → 11.4.1

package/dist/components/AnvilSelect/components/Trigger.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,11 @@
   margin-right: 11px;
 }
 .Trigger--error .Trigger__shortLabel {
-  background-color: #ffece9;
-  color: #e63717;
-  border-color: #e63717;
+  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 +279,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 +296,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 +311,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 {

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,YAxB0B;EAyB1B,eH5BiB;EG6BjB;EACA,OAvBoB;EAwBpB;EACA;EACA;;AAEA;EAEC,cArCmB;EAsCnB,YH0Ea;EGzEb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,aHsFiB;EGrFjB;;AAGD;EACC,OA5CiB;EA6CjB;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cAzEoB;;AA0EpB;EAAmB,cAzEC;;;AA4ErB;EACC,cA7EoB;EA8EpB,OAvEkB;EAwElB,kBA5EwB;;AA8ExB;EAEC,cAnFmB;EAoFnB;;AAGD;AAAA;EACU,OAjFQ;;;AAoFnB;EACC;EACA,SHUkB;EGTlB,kBA1F2B;;AA4F3B;EACC,kBA9FuB;;AAgGvB;EACC,OA7FgB;;AAiGlB;EACC;;;AAIF;EACC;EACA;EACA,OAvGoB;EAwGpB;EACA;EACA;EACA;;AAEA;EAAsB,cAnGN;;AAoGhB;EAAsB,cAvGN;;AAyGhB;EACC,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,cH1DW;;;AG6DZ;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,11 @@
   margin-right: 11px;
 }
 .Trigger--error .Trigger__shortLabel {
-  background-color: #ffece9;
-  color: #e63717;
-  border-color: #e63717;
+  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 +279,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 +296,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 +311,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 +330,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,YAxB0B;EAyB1B,eH5BiB;EG6BjB;EACA,OAvBoB;EAwBpB;EACA;EACA;;AAEA;EAEC,cArCmB;EAsCnB,YH0Ea;EGzEb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,aHsFiB;EGrFjB;;AAGD;EACC,OA5CiB;EA6CjB;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cAzEoB;;AA0EpB;EAAmB,cAzEC;;;AA4ErB;EACC,cA7EoB;EA8EpB,OAvEkB;EAwElB,kBA5EwB;;AA8ExB;EAEC,cAnFmB;EAoFnB;;AAGD;AAAA;EACU,OAjFQ;;;AAoFnB;EACC;EACA,SHUkB;EGTlB,kBA1F2B;;AA4F3B;EACC,kBA9FuB;;AAgGvB;EACC,OA7FgB;;AAiGlB;EACC;;;AAIF;EACC;EACA;EACA,OAvGoB;EAwGpB;EACA;EACA;EACA;;AAEA;EAAsB,cAnGN;;AAoGhB;EAAsB,cAvGN;;AAyGhB;EACC,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,cH1DW;;;AG6DZ;EACC;EACA,OAxKoB;;AA0KpB;EAAoB,OA5KF;;;AA+KnB;EACC;;;AC3LD;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/Avatar.js

@@ -69,6 +69,6 @@ export const Avatar = (_a) => {
         : {
             backgroundColor: customColor,
         };
-    return (React.createElement("div", Object.assign({ "aria-label": name, className: AvatarClasses, style: style, title: name }, props), getContent()));
+    return (React.createElement("div", Object.assign({ "aria-label": name, className: AvatarClasses, style: style, title: name, "data-anvil-component": "Avatar" }, props), getContent()));
 };
 //# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

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

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/BackLink.js

@@ -21,7 +21,7 @@ export const BackLink = (_a) => {
         'BackLink--focus-visible': isFocusVisible,
     });
     const LinkElement = props.href ? 'a' : 'button';
-    return (React.createElement(LinkElement, Object.assign({ className: BackLinkClasses, onClick: onClick, onFocus: focusFunction, onBlur: blurFunction, ref: itemRef }, props),
+    return (React.createElement(LinkElement, Object.assign({ className: BackLinkClasses, onClick: onClick, onFocus: focusFunction, onBlur: blurFunction, ref: itemRef, "data-anvil-component": "BackLink" }, props),
         React.createElement(Icon, { className: "BackLink__back-icon", name: "chevron_left" }),
         React.createElement("span", { className: "BackLink__label" }, pageLabel ? `Back to ${pageLabel}` : `Back`)));
 };

package/dist/components/BackLink/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAc9D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAO3C,EAAE,EAAE;QAPuC,EAC3C,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cANmC,0DAO3C,CADQ;IAER,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,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,yBAAyB,EAAE,cAAc;KACzC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IACR,KAAK;QAET,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG;QAC5D,8BAAM,SAAS,EAAC,iBAAiB,IAC/B,SAAS,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CACtC,CACM,CACd,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"BackLink.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAc9D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAO3C,EAAE,EAAE;QAPuC,EAC3C,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cANmC,0DAO3C,CADQ;IAER,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,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,yBAAyB,EAAE,cAAc;KACzC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,0BACS,UAAU,IAC3B,KAAK;QAET,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG;QAC5D,8BAAM,SAAS,EAAC,iBAAiB,IAC/B,SAAS,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CACtC,CACM,CACd,CAAC;AACH,CAAC,CAAC"}

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,13 +30,13 @@ 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 },
     };
     const Animate = animate ? AnimatePresence : React.Fragment;
     const ScreenEl = animate ? motion.div : 'div';
     const ScreenProps = Object.assign({ className: BackdropClassNames, onClick: handleClick }, (animate && framerAnimation));
-    return React.createElement(Animate, null, open && React.createElement(ScreenEl, Object.assign({}, ScreenProps, rest)));
+    return (React.createElement(Animate, null, open && (React.createElement(ScreenEl, Object.assign({ "data-anvil-component": "Backdrop" }, ScreenProps, rest)))));
 };
 //# sourceMappingURL=Backdrop.js.map

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,oBAAC,OAAO,QAAE,IAAI,IAAI,oBAAC,QAAQ,oBAAK,WAAW,EAAM,IAAI,EAAI,CAAW,CAAC;AAC7E,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/Banner.js

@@ -40,7 +40,7 @@ export const Banner = (_a) => {
         'Banner--info': status === 'info',
         'Banner--compact': children === undefined,
     });
-    return (React.createElement("div", Object.assign({ className: BannerClasses }, props),
+    return (React.createElement("div", Object.assign({ className: BannerClasses, "data-anvil-component": "Banner" }, props),
         icon && React.createElement(Icon, { className: "Banner__icon", name: getIconType() }),
         React.createElement("div", { className: "Banner__body" },
             React.createElement("div", { className: "Banner__text" },