@servicetitan/design-system 11.3.1 → 11.4.2

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC,OEqDe;EFpDf,WEgGa;EF/Fb,aEyGqB;EFxGrB,YEmFW;EFlFX,eE0Fc;;;AFvFf;EACC;EACA;EACA;;;AAGD;EACC;EACA,SEwEW;EFvEX;EACA;EACA,gBE4Ec;EF3Ed;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA,SEwDW","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA,SEiFW;EFhFX;EACA;EACA,gBEqFc;EFpFd;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA,SEiEW","file":"index.css"}

package/dist/components/Dialog/Dialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;;AAEA;EACC,aCmHU;EDlHV;;;AAIF;EACC,WCyHa;;;ADtHd;EACC;EACA","file":"Dialog.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;;AAEA;EACC,aCoHU;EDnHV;;;AAIF;EACC,WC0Ha;;;ADvHd;EACC;EACA","file":"Dialog.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;;AAEA;EACC,aCmHU;EDlHV;;;AAIF;EACC,WCyHa;;;ADtHd;EACC;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;;AAEA;EACC,aCoHU;EDnHV;;;AAIF;EACC,WC0Ha;;;ADvHd;EACC;EACA","file":"index.css"}

package/dist/components/Divider/Divider.css

@@ -1,10 +1,10 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Divider {
   /* 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;
-  color: #dfe0e1;
+  color: var(--colorsBorderGrey, #dfe0e1);
   margin: 0;
   z-index: 1;
 }
@@ -14,7 +14,7 @@
 }
 .Divider .Divider__content {
   /* 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;
   flex: 0 0 auto;

package/dist/components/Divider/Divider.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Divider/Divider.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA,OCiBa;ADfb;EACA;EDIA,OEgCkB;EF/BlB;EACA;;AAEA;EACC;EACA;;AAGD;ACjBA;EACA,OCiBa;ADfb;EACA;EDgBC;EACA;;AAGD;EACC;EACA;EACA,QAzBkB;EA0BlB;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;EACA,OAlDiB;;;AAuDpB;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAcC;EAXC,YE8CU;EF7CV,eE6CU;;AFlCX;EAZC,YEuDa;EFtDb,eEsDa;;AF1Cd;EAbC,YE+CU;EF9CV,eE8CU;;AFjCX;EAdC,YEgDU;EF/CV,eE+CU;;AFjCX;EAfC,YEiDU;EFhDV,eEgDU;;AFjCX;EAhBC,YEkDU;EFjDV,eEiDU;;AFjCX;EAjBC,YEmDU;EFlDV,eEkDU;;;AF9BX;EAhBC,aEyCU;EFxCV,cEwCU;;AFxBX;EAjBC,aEkDa;EFjDb,cEiDa;;AFhCd;EAlBC,aE0CU;EFzCV,cEyCU;;AFvBX;EAnBC,aE2CU;EF1CV,cE0CU;;AFvBX;EApBC,aE4CU;EF3CV,cE2CU;;AFvBX;EArBC,aE6CU;EF5CV,cE4CU;;AFvBX;EAtBC,aE8CU;EF7CV,cE6CU","file":"Divider.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Divider/Divider.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA;AAEA;EACA;EDIA,OALe;EAMf;EACA;;AAEA;EACC;EACA;;AAGD;ACjBA;EACA;AAEA;EACA;EDgBC;EACA;;AAGD;EACC;EACA;EACA,QAzBkB;EA0BlB;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;EACA,OAlDiB;;;AAuDpB;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAcC;EAXC,YE+CU;EF9CV,eE8CU;;AFnCX;EAZC,YEwDa;EFvDb,eEuDa;;AF3Cd;EAbC,YEgDU;EF/CV,eE+CU;;AFlCX;EAdC,YEiDU;EFhDV,eEgDU;;AFlCX;EAfC,YEkDU;EFjDV,eEiDU;;AFlCX;EAhBC,YEmDU;EFlDV,eEkDU;;AFlCX;EAjBC,YEoDU;EFnDV,eEmDU;;;AF/BX;EAhBC,aE0CU;EFzCV,cEyCU;;AFzBX;EAjBC,aEmDa;EFlDb,cEkDa;;AFjCd;EAlBC,aE2CU;EF1CV,cE0CU;;AFxBX;EAnBC,aE4CU;EF3CV,cE2CU;;AFxBX;EApBC,aE6CU;EF5CV,cE4CU;;AFxBX;EArBC,aE8CU;EF7CV,cE6CU;;AFxBX;EAtBC,aE+CU;EF9CV,cE8CU","file":"Divider.css"}

package/dist/components/Divider/index.css

@@ -1,10 +1,10 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Divider {
   /* 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;
-  color: #dfe0e1;
+  color: var(--colorsBorderGrey, #dfe0e1);
   margin: 0;
   z-index: 1;
 }
@@ -14,7 +14,7 @@
 }
 .Divider .Divider__content {
   /* 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;
   flex: 0 0 auto;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Divider/Divider.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA,OCiBa;ADfb;EACA;EDIA,OEgCkB;EF/BlB;EACA;;AAEA;EACC;EACA;;AAGD;ACjBA;EACA,OCiBa;ADfb;EACA;EDgBC;EACA;;AAGD;EACC;EACA;EACA,QAzBkB;EA0BlB;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;EACA,OAlDiB;;;AAuDpB;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAcC;EAXC,YE8CU;EF7CV,eE6CU;;AFlCX;EAZC,YEuDa;EFtDb,eEsDa;;AF1Cd;EAbC,YE+CU;EF9CV,eE8CU;;AFjCX;EAdC,YEgDU;EF/CV,eE+CU;;AFjCX;EAfC,YEiDU;EFhDV,eEgDU;;AFjCX;EAhBC,YEkDU;EFjDV,eEiDU;;AFjCX;EAjBC,YEmDU;EFlDV,eEkDU;;;AF9BX;EAhBC,aEyCU;EFxCV,cEwCU;;AFxBX;EAjBC,aEkDa;EFjDb,cEiDa;;AFhCd;EAlBC,aE0CU;EFzCV,cEyCU;;AFvBX;EAnBC,aE2CU;EF1CV,cE0CU;;AFvBX;EApBC,aE4CU;EF3CV,cE2CU;;AFvBX;EArBC,aE6CU;EF5CV,cE4CU;;AFvBX;EAtBC,aE8CU;EF7CV,cE6CU","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Divider/Divider.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACLC;EACA;AAEA;EACA;EDIA,OALe;EAMf;EACA;;AAEA;EACC;EACA;;AAGD;ACjBA;EACA;AAEA;EACA;EDgBC;EACA;;AAGD;EACC;EACA;EACA,QAzBkB;EA0BlB;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;EACA,OAlDiB;;;AAuDpB;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAcC;EAXC,YE+CU;EF9CV,eE8CU;;AFnCX;EAZC,YEwDa;EFvDb,eEuDa;;AF3Cd;EAbC,YEgDU;EF/CV,eE+CU;;AFlCX;EAdC,YEiDU;EFhDV,eEgDU;;AFlCX;EAfC,YEkDU;EFjDV,eEiDU;;AFlCX;EAhBC,YEmDU;EFlDV,eEkDU;;AFlCX;EAjBC,YEoDU;EFnDV,eEmDU;;;AF/BX;EAhBC,aE0CU;EFzCV,cEyCU;;AFzBX;EAjBC,aEmDa;EFlDb,cEkDa;;AFjCd;EAlBC,aE2CU;EF1CV,cE0CU;;AFxBX;EAnBC,aE4CU;EF3CV,cE2CU;;AFxBX;EApBC,aE6CU;EF5CV,cE4CU;;AFxBX;EArBC,aE8CU;EF7CV,cE6CU;;AFxBX;EAtBC,aE+CU;EF9CV,cE8CU","file":"index.css"}

package/dist/components/Drawer/Drawer.css

@@ -1,10 +1,10 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Drawer {
   /* 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-color: #fff;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
   bottom: 0;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.15);
   box-sizing: border-box;
@@ -24,8 +24,8 @@
 .Drawer .Drawer__header {
   align-items: center;
   box-sizing: border-box;
-  background: #f7f7f7;
-  box-shadow: 0 1px 0 #dfe0e1;
+  background: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  box-shadow: 0 1px 0 var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   padding: 16px 24px;
   min-height: 64px;
@@ -63,7 +63,7 @@
   font-size: 20px;
   flex-grow: 1;
   margin: 0;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
 }
 
 .Drawer__header-close.Button {
@@ -77,7 +77,7 @@
 }
 
 .Drawer__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   padding: 16px 24px;
 }

package/dist/components/Drawer/Drawer.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;;AAqBd;EAAU;;AAGV;EAAkB;;AAElB;EACC;EACA;EACA,YEMiB;EFLjB;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WA1CM;;;AA2CtB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA4CrB;EACC;EACA;EACA;EACA,WEgFa;EF/Eb;EACA;EACA,OEZmB;;;AFepB;EACC,aE8DW;EF7DX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SE6CW;EF5CX;EACA","file":"Drawer.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,kBAdoB;EAepB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;;AAqBd;EAAU;;AAGV;EAAkB;;AAElB;EACC;EACA;EACA,YAhC0B;EAiC1B;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WA1CM;;;AA2CtB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA4CrB;EACC;EACA;EACA;EACA,WE4Ea;EF3Eb;EACA;EACA,OAzDqB;;;AA4DtB;EACC,aE0DW;EFzDX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SEyCW;EFxCX;EACA","file":"Drawer.css"}

package/dist/components/Drawer/index.css

@@ -1,10 +1,10 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Drawer {
   /* 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-color: #fff;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
   bottom: 0;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.15);
   box-sizing: border-box;
@@ -24,8 +24,8 @@
 .Drawer .Drawer__header {
   align-items: center;
   box-sizing: border-box;
-  background: #f7f7f7;
-  box-shadow: 0 1px 0 #dfe0e1;
+  background: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  box-shadow: 0 1px 0 var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   padding: 16px 24px;
   min-height: 64px;
@@ -63,7 +63,7 @@
   font-size: 20px;
   flex-grow: 1;
   margin: 0;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
 }
 
 .Drawer__header-close.Button {
@@ -77,7 +77,7 @@
 }
 
 .Drawer__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   padding: 16px 24px;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;;AAqBd;EAAU;;AAGV;EAAkB;;AAElB;EACC;EACA;EACA,YEMiB;EFLjB;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WA1CM;;;AA2CtB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA4CrB;EACC;EACA;EACA;EACA,WEgFa;EF/Eb;EACA;EACA,OEZmB;;;AFepB;EACC,aE8DW;EF7DX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SE6CW;EF5CX;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,kBAdoB;EAepB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;;AAqBd;EAAU;;AAGV;EAAkB;;AAElB;EACC;EACA;EACA,YAhC0B;EAiC1B;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WA1CM;;;AA2CtB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA4CrB;EACC;EACA;EACA;EACA,WE4Ea;EF3Eb;EACA;EACA,OAzDqB;;;AA4DtB;EACC,aE0DW;EFzDX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SEyCW;EFxCX;EACA","file":"index.css"}

package/dist/components/Eyebrow/Eyebrow.css

@@ -1,14 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Eyebrow {
   /* 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;
   font-weight: 600;
   font-family: "Nunito Sans", sans-serif;
   line-height: 1.5;
   font-size: 12px;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   display: block;

package/dist/components/Eyebrow/Eyebrow.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Eyebrow/Eyebrow.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEoGsB;EFnGtB,aEsIkB;EFrIlB,aEoIkB;EFnIlB,WE2Ha;EF1Hb,OEkCkB;EFjClB;EACA;EACA;EACA;;AAEA;EACC,WEoHY;;AFjHb;EACC,WE+GY;;AF5Gb;EACC,WE0GY","file":"Eyebrow.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Eyebrow/Eyebrow.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA,aEmGsB;EFlGtB,aEqIkB;EFpIlB,aEmIkB;EFlIlB,WE0Ha;EFzHb,OATc;EAUd;EACA;EACA;EACA;;AAEA;EACC,WEmHY;;AFhHb;EACC,WE8GY;;AF3Gb;EACC,WEyGY","file":"Eyebrow.css"}

package/dist/components/Eyebrow/index.css

@@ -1,14 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Eyebrow {
   /* 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;
   font-weight: 600;
   font-family: "Nunito Sans", sans-serif;
   line-height: 1.5;
   font-size: 12px;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   display: block;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Eyebrow/Eyebrow.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEoGsB;EFnGtB,aEsIkB;EFrIlB,aEoIkB;EFnIlB,WE2Ha;EF1Hb,OEkCkB;EFjClB;EACA;EACA;EACA;;AAEA;EACC,WEoHY;;AFjHb;EACC,WE+GY;;AF5Gb;EACC,WE0GY","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Eyebrow/Eyebrow.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA,aEmGsB;EFlGtB,aEqIkB;EFpIlB,aEmIkB;EFlIlB,WE0Ha;EFzHb,OATc;EAUd;EACA;EACA;EACA;;AAEA;EACC,WEmHY;;AFhHb;EACC,WE8GY;;AF3Gb;EACC,WEyGY","file":"index.css"}

package/dist/components/FilePicker/FilePicker.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .FilePicker {
   /* 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;
 }
@@ -12,14 +12,14 @@
 
 .FilePicker__File {
   /* 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;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
   border-radius: 3px;
-  border: 1px solid #dfe0e1;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-sizing: border-box;
   display: flex;
   margin-bottom: 16px;
@@ -36,14 +36,14 @@
 
 .a-Icon.FilePicker__File__Icon {
   margin-right: 8px;
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 
 .FilePicker__File__ActionIcon {
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #949596;
+  color: var(--colorsTextOnGreySubdued, #949596);
   cursor: pointer;
 }
 

package/dist/components/FilePicker/FilePicker.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilePicker/FilePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;;;ADAD;EAAqB;;;AAErB;ACNC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHQD;EACA,eEJiB;EFKjB;EACA;EACA;EACA,eE2GW;EF1GX,SE0GW;EFzGX;EACA;;;AAGD;EACC;EACA,cE0Gc;EFzGd,eEiGW;;;AF9FZ;EACC,cE6FW;EF5FX,OEEgB;;;AFCjB;EACC,aEwFW;;AFtFX;EACC,OEMiB;EFLjB;;;AAKD;EAAI;;AAEJ;AAAA;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA,cEiEU;EFhEV;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;EACA","file":"FilePicker.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilePicker/FilePicker.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;;;ADID;EAAqB;;;AAErB;ACVC;EACA;AAEA;EACA;ECHC;EACA;EFYD;EACA,eGRiB;EHSjB;EACA;EACA;EACA,eGwGW;EHvGX,SGuGW;EHtGX;EACA;;;AAGD;EACC;EACA,cGuGc;EHtGd,eG8FW;;;AH3FZ;EACC,cG0FW;EHzFX,OA9Bc;;;AAiCf;EACC,aGqFW;;AHnFX;EACC,OApCmB;EAqCnB;;;AAKD;EAAI;;AAEJ;AAAA;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA,cG8DU;EH7DV;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;EACA","file":"FilePicker.css"}

package/dist/components/FilePicker/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .FilePicker {
   /* 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;
 }
@@ -12,14 +12,14 @@
 
 .FilePicker__File {
   /* 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;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
   border-radius: 3px;
-  border: 1px solid #dfe0e1;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-sizing: border-box;
   display: flex;
   margin-bottom: 16px;
@@ -36,14 +36,14 @@
 
 .a-Icon.FilePicker__File__Icon {
   margin-right: 8px;
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 
 .FilePicker__File__ActionIcon {
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #949596;
+  color: var(--colorsTextOnGreySubdued, #949596);
   cursor: pointer;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilePicker/FilePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;;;ADAD;EAAqB;;;AAErB;ACNC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHQD;EACA,eEJiB;EFKjB;EACA;EACA;EACA,eE2GW;EF1GX,SE0GW;EFzGX;EACA;;;AAGD;EACC;EACA,cE0Gc;EFzGd,eEiGW;;;AF9FZ;EACC,cE6FW;EF5FX,OEEgB;;;AFCjB;EACC,aEwFW;;AFtFX;EACC,OEMiB;EFLjB;;;AAKD;EAAI;;AAEJ;AAAA;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA,cEiEU;EFhEV;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilePicker/FilePicker.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;;;ADID;EAAqB;;;AAErB;ACVC;EACA;AAEA;EACA;ECHC;EACA;EFYD;EACA,eGRiB;EHSjB;EACA;EACA;EACA,eGwGW;EHvGX,SGuGW;EHtGX;EACA;;;AAGD;EACC;EACA,cGuGc;EHtGd,eG8FW;;;AH3FZ;EACC,cG0FW;EHzFX,OA9Bc;;;AAiCf;EACC,aGqFW;;AHnFX;EACC,OApCmB;EAqCnB;;;AAKD;EAAI;;AAEJ;AAAA;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA,cG8DU;EH7DV;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;EACA","file":"index.css"}

package/dist/components/FilterButton/FilterButton.css

@@ -1,14 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .FilterButton {
   /* 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;
   display: inline-flex;
   padding: 4px 8px;
   border-radius: 500em;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
-  color: var(--colorsTextDefault, #141414);
+  color: var(--colorsTextDefault, #040404);
   font-size: 12px;
   cursor: pointer;
   background-color: transparent;

package/dist/components/FilterButton/FilterButton.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA,OCiBa;ADfb;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WEgHa;EF/Gb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEwFa;;AFrFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"FilterButton.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WEiHa;EFhHb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEyFa;;AFtFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"FilterButton.css"}

package/dist/components/FilterButton/index.css

@@ -1,14 +1,14 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .FilterButton {
   /* 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;
   display: inline-flex;
   padding: 4px 8px;
   border-radius: 500em;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
-  color: var(--colorsTextDefault, #141414);
+  color: var(--colorsTextDefault, #040404);
   font-size: 12px;
   cursor: pointer;
   background-color: transparent;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA,OCiBa;ADfb;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WEgHa;EF/Gb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEwFa;;AFrFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WEiHa;EFhHb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEyFa;;AFtFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"index.css"}

package/dist/components/FlowCard/FlowCardStep.css

@@ -35,7 +35,7 @@
   content: "";
   width: 6px;
   height: 100%;
-  background-color: #2270ee;
+  background-color: var(--colorsStatusInfo, #2270ee);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -43,10 +43,10 @@
   top: 0;
 }
 .FlowCardStep--active.FlowCardStep--error::before {
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
 }
 .FlowCardStep--active.FlowCardStep--saved::before {
-  background-color: #1fbc70;
+  background-color: var(--colorsStatusSuccess, #18a761);
 }
 .FlowCardStep--active .FlowCardStep__header {
   border-bottom: none;
@@ -59,7 +59,7 @@
   content: "";
   width: 6px;
   height: 100%;
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -94,31 +94,48 @@
   font-size: 14px;
 }
 .FlowCardStep__status.FlowCardStep__status--active {
-  background-color: #2270ee;
-  color: white;
+  background-color: var(--colorsStatusInfo, #2270ee);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep__status.FlowCardStep__status--error {
-  background-color: #ffece9;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 
 .FlowCardStep--ordered .FlowCardStep__status {
-  background-color: #bcbcbd;
-  color: white;
+  background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--active {
-  background-color: #2270ee;
-  color: white;
+  background-color: var(--colorsStatusInfo, #2270ee);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--custom {
   background-color: inherit;
   color: inherit;
 }
 .FlowCardStep--ordered .FlowCardStep__status--saved {
-  background-color: #ffffff;
-  color: white;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--error {
-  background-color: #ffece9;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+}
+
+.FlowCardStep__icon-active {
+  color: var(--colorsTextInverted, #ffffff);
+}
+
+.FlowCardStep .FlowCardStep__indicator-active {
+  color: var(--colorsStatusSuccess, #18a761);
+}
+.FlowCardStep .FlowCardStep__indicator-complete {
+  color: var(--colorsStatusSuccess, #18a761);
+}
+.FlowCardStep .FlowCardStep__indicator-disabled {
+  color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+}
+.FlowCardStep .FlowCardStep__indicator-error {
+  color: var(--colorsStatusCritical, #f94d32);
 }
 
 /*# sourceMappingURL=FlowCardStep.css.map */

package/dist/components/FlowCard/FlowCardStep.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;EACA,eCqHW;;ADnHX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCyGS;EDxGT,gBCwGS;EDvGT,eCwGS;EDvGT;EACA;EACA;;AAGD;EACC,SCiGS;EDhGT,gBC+FS;;AD3FX;EACC,SC2FU;;;ADvFZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBCZe;EDaf;EACA,wBCrCgB;EDsChB,2BCtCgB;EDuChB;EACA;;AAIA;EACC,kBCkCa;;AD7Bd;EACC,kBCUe;;ADNjB;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBCQc;EDPd;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCwBW;EDvBX,OCyBW;EDxBX,QCwBW;EDvBX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBCpFe;EDqFf;;AAGD;EACC,kBCpCc;;;ADyCf;EACC,kBCrFiB;EDsFjB;;AAGD;EACC,kBCpGe;EDqGf;;AAGD;EACC;EACA;;AAGD;EACC,kBC5HY;ED6HZ;;AAGD;EACC,kBC9Dc","file":"FlowCardStep.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;EACC;EACA,eC6GW;;AD3GX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCiGS;EDhGT,gBCgGS;ED/FT,eCgGS;ED/FT;EACA;EACA;;AAGD;EACC,SCyFS;EDxFT,gBCuFS;;ADnFX;EACC,SCmFU;;;AD/EZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBAjDY;EAkDZ;EACA,wBC9CgB;ED+ChB,2BC/CgB;EDgDhB;EACA;;AAIA;EACC,kBA1DU;;AA+DX;EACC,kBA/Da;;AAmEf;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBApFW;EAqFX;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCgBW;EDfX,OCiBW;EDhBX,QCgBW;EDfX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAzHY;EA0HZ,OAvHmB;;AA0HpB;EACC,kBAzHsB;;;AA8HvB;EACC,kBArIwB;EAsIxB,OAlImB;;AAqIpB;EACC,kBAzIY;EA0IZ,OAvImB;;AA0IpB;EACC;EACA;;AAGD;EACC,kBA/IyB;EAgJzB,OAjJmB;;AAoJpB;EACC,kBAnJsB;;;AAwJvB;EAAW,OA1JS;;;AA8JpB;EAAW,OA/JI;;AAgKf;EAAa,OAhKE;;AAiKf;EAAa,OApKY;;AAqKzB;EAAU,OAnKE","file":"FlowCardStep.css"}

package/dist/components/FlowCard/FlowCardStep.js

@@ -18,20 +18,20 @@ export const FlowCardStep = ({ orderNumber, headerIcon, title, headerAction, con
     });
     const FlowCardStepStatus = () => {
         if (error) {
-            return React.createElement(Icon, { name: "warning", size: "18px", className: "c-red-400" });
+            return (React.createElement(Icon, { name: "warning", size: "18px", className: "FlowCardStep__indicator-error" }));
         }
         if (orderNumber !== undefined && orderNumber !== false) {
             if (saved && !active) {
-                return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
+                return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "FlowCardStep__indicator-active" }));
             }
             return orderNumber;
         }
         if (active && !disabled)
-            return React.createElement(Icon, { name: "edit", size: "14px", className: "c-white" });
+            return (React.createElement(Icon, { name: "edit", size: "14px", className: "FlowCardStep__icon-active" }));
         if (saved) {
-            return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
+            return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "FlowCardStep__indicator-complete" }));
         }
-        return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-neutral-70" }));
+        return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "FlowCardStep__indicator-disabled" }));
     };
     return (React.createElement(Card, { className: cardState, disabled: disabled, style: style, "data-anvil-component": "FlowCardStep" },
         React.createElement(Card.Section, { className: "FlowCardStep__header" },

package/dist/components/FlowCard/FlowCardStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAwC/B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EACnD,WAAW,EACX,UAAU,EACV,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,GACL,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACrD,6BAA6B,EAAE,KAAK,IAAI,CAAC,UAAU;QACnD,8BAA8B,EAAE,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;QAClE,6BAA6B,EAAE,CAAC,MAAM,IAAI,KAAK,IAAI,CAAC,UAAU;KAC9D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACvD,qBAAqB,EAAE,KAAK;QAC5B,sBAAsB,EAAE,MAAM,IAAI,CAAC,QAAQ;QAC3C,qBAAqB,EAAE,CAAC,MAAM,IAAI,KAAK;QACvC,uBAAuB,EAAE,WAAW,KAAK,SAAS;QAClD,0BAA0B,EAAE,CAAC,OAAO;KACpC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,IAAI,KAAK,EAAE;YACV,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,+BAA+B,GACxC,CACF,CAAC;SACF;QACD,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,KAAK,EAAE;YACvD,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;gBACrB,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gCAAgC,GACzC,CACF,CAAC;aACF;YACD,OAAO,WAAW,CAAC;SACnB;QACD,IAAI,MAAM,IAAI,CAAC,QAAQ;YACtB,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2BAA2B,GACpC,CACF,CAAC;QACH,IAAI,KAAK,EAAE;YACV,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,kCAAkC,GAC3C,CACF,CAAC;SACF;QACD,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,kCAAkC,GAC3C,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,0BACS,cAAc;QAEnC,oBAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB;YAC7C,6BAAK,SAAS,EAAC,wBAAwB;gBACtC,8BAAM,SAAS,EAAC,6BAA6B,IAC3C,UAAU,CAAC,CAAC,CAAC,CACb,UAAU,CACV,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAE,UAAU,IACzB,kBAAkB,EAAE,CACf,CACP,CACK;gBACP,oBAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,IAC7C,KAAK,CACI,CACN;YACL,YAAY,IAAI,YAAY,CACf;QACd,OAAO,IAAI,oBAAC,IAAI,CAAC,OAAO,QAAE,OAAO,CAAgB;QACjD,YAAY,IAAI,CAChB,oBAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,IAC5C,YAAY,CACC,CACf,CACK,CACP,CAAC;AACH,CAAC,CAAC"}

package/dist/components/FlowCard/index.css

@@ -35,7 +35,7 @@
   content: "";
   width: 6px;
   height: 100%;
-  background-color: #2270ee;
+  background-color: var(--colorsStatusInfo, #2270ee);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -43,10 +43,10 @@
   top: 0;
 }
 .FlowCardStep--active.FlowCardStep--error::before {
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
 }
 .FlowCardStep--active.FlowCardStep--saved::before {
-  background-color: #1fbc70;
+  background-color: var(--colorsStatusSuccess, #18a761);
 }
 .FlowCardStep--active .FlowCardStep__header {
   border-bottom: none;
@@ -59,7 +59,7 @@
   content: "";
   width: 6px;
   height: 100%;
-  background-color: #f94d32;
+  background-color: var(--colorsStatusCritical, #f94d32);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -94,31 +94,48 @@
   font-size: 14px;
 }
 .FlowCardStep__status.FlowCardStep__status--active {
-  background-color: #2270ee;
-  color: white;
+  background-color: var(--colorsStatusInfo, #2270ee);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep__status.FlowCardStep__status--error {
-  background-color: #ffece9;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 
 .FlowCardStep--ordered .FlowCardStep__status {
-  background-color: #bcbcbd;
-  color: white;
+  background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--active {
-  background-color: #2270ee;
-  color: white;
+  background-color: var(--colorsStatusInfo, #2270ee);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--custom {
   background-color: inherit;
   color: inherit;
 }
 .FlowCardStep--ordered .FlowCardStep__status--saved {
-  background-color: #ffffff;
-  color: white;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  color: var(--colorsTextInverted, #ffffff);
 }
 .FlowCardStep--ordered .FlowCardStep__status--error {
-  background-color: #ffece9;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+}
+
+.FlowCardStep__icon-active {
+  color: var(--colorsTextInverted, #ffffff);
+}
+
+.FlowCardStep .FlowCardStep__indicator-active {
+  color: var(--colorsStatusSuccess, #18a761);
+}
+.FlowCardStep .FlowCardStep__indicator-complete {
+  color: var(--colorsStatusSuccess, #18a761);
+}
+.FlowCardStep .FlowCardStep__indicator-disabled {
+  color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+}
+.FlowCardStep .FlowCardStep__indicator-error {
+  color: var(--colorsStatusCritical, #f94d32);
 }
 
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;EACA,eCqHW;;ADnHX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCyGS;EDxGT,gBCwGS;EDvGT,eCwGS;EDvGT;EACA;EACA;;AAGD;EACC,SCiGS;EDhGT,gBC+FS;;AD3FX;EACC,SC2FU;;;ADvFZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBCZe;EDaf;EACA,wBCrCgB;EDsChB,2BCtCgB;EDuChB;EACA;;AAIA;EACC,kBCkCa;;AD7Bd;EACC,kBCUe;;ADNjB;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBCQc;EDPd;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCwBW;EDvBX,OCyBW;EDxBX,QCwBW;EDvBX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBCpFe;EDqFf;;AAGD;EACC,kBCpCc;;;ADyCf;EACC,kBCrFiB;EDsFjB;;AAGD;EACC,kBCpGe;EDqGf;;AAGD;EACC;EACA;;AAGD;EACC,kBC5HY;ED6HZ;;AAGD;EACC,kBC9Dc","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;EACC;EACA,eC6GW;;AD3GX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCiGS;EDhGT,gBCgGS;ED/FT,eCgGS;ED/FT;EACA;EACA;;AAGD;EACC,SCyFS;EDxFT,gBCuFS;;ADnFX;EACC,SCmFU;;;AD/EZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBAjDY;EAkDZ;EACA,wBC9CgB;ED+ChB,2BC/CgB;EDgDhB;EACA;;AAIA;EACC,kBA1DU;;AA+DX;EACC,kBA/Da;;AAmEf;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBApFW;EAqFX;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCgBW;EDfX,OCiBW;EDhBX,QCgBW;EDfX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAzHY;EA0HZ,OAvHmB;;AA0HpB;EACC,kBAzHsB;;;AA8HvB;EACC,kBArIwB;EAsIxB,OAlImB;;AAqIpB;EACC,kBAzIY;EA0IZ,OAvImB;;AA0IpB;EACC;EACA;;AAGD;EACC,kBA/IyB;EAgJzB,OAjJmB;;AAoJpB;EACC,kBAnJsB;;;AAwJvB;EAAW,OA1JS;;;AA8JpB;EAAW,OA/JI;;AAgKf;EAAa,OAhKE;;AAiKf;EAAa,OApKY;;AAqKzB;EAAU,OAnKE","file":"index.css"}