@servicetitan/design-system 11.4.1 → 11.5.1

package/dist/components/ActionMenu/ActionMenu.css

@@ -17,7 +17,7 @@ span.Popover {
 
 .Popover__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);
@@ -152,7 +152,7 @@ span.Popover {
 
 .ActionMenu {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   padding: 12px 0;

package/dist/components/ActionMenu/index.css

@@ -17,7 +17,7 @@ span.Popover {
 
 .Popover__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);
@@ -152,7 +152,7 @@ span.Popover {
 
 .ActionMenu {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   padding: 12px 0;

package/dist/components/Announcement/Announcement.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Announcement {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   align-items: center;

package/dist/components/Announcement/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Announcement {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   align-items: center;

package/dist/components/AnvilSelect/AnvilSelect.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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }
@@ -157,7 +157,7 @@
 
 .Trigger {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }
@@ -157,7 +157,7 @@
 
 .Trigger {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   align-items: center;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   align-items: center;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   cursor: pointer;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   cursor: pointer;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: none;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: none;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: #ffffff;
@@ -113,8 +113,8 @@
 }
 
 .Banner__close.a-Icon {
+  align-self: baseline;
   color: var(--colorsTextDefault, #141414);
-  cursor: pointer;
   font-size: 1.2em;
   margin-left: 24px;
   margin-top: 6px;

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;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"}
+{"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;EACA,OAjHY;EAkHZ;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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: #ffffff;
@@ -113,8 +113,8 @@
 }
 
 .Banner__close.a-Icon {
+  align-self: baseline;
   color: var(--colorsTextDefault, #141414);
-  cursor: pointer;
   font-size: 1.2em;
   margin-left: 24px;
   margin-top: 6px;

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;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"}
+{"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;EACA,OAjHY;EAkHZ;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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* 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

@@ -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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   font-family: "Nunito Sans", sans-serif;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

package/dist/components/Button/Button.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Button {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   -webkit-font-smoothing: antialiased;

package/dist/components/Button/Button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACyCA;ACxCC;EACA;AAEA;EACA;ECHC;EACA;EF0CD;EACA,kBApCoB;EAqCpB;EACA,eGxCiB;EHyCjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGkFa;EHjFb,aGqDsB;EHpDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGLa;EHMb;;;AAGD;EACC,SGtBW;EHuBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA9KoB;EA+KpB,OAnLiB;;AAsLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAtOqB;EAuOrB,OA3OkB;;AA8OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAvSmB;EAwSnB,OA/Sa;EAgTb;;AAEA;EACC,SGtMgB;;AH0MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGlMa;EHmMb;;AAEA;EACC,WGpMY;EHqMZ;;;AAMF;EAAwB,WG7MV;;;AH+Md;EACC;;AACA;EAAsB,SGpNR;;;AHuNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG5PkB;EH6PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGzQV;;;AH0QZ;EAAuB,cG1QX;;;AH4QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"Button.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGiFa;EHhFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGNa;EHOb;;;AAGD;EACC,SGvBW;EHwBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGnMa;EHoMb;;AAEA;EACC,WGrMY;EHsMZ;;;AAMF;EAAwB,WG9MV;;;AHgNd;EACC;;AACA;EAAsB,SGrNR;;;AHwNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eG1QV;;;AH2QZ;EAAuB,cG3QX;;;AH6QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"Button.css"}

package/dist/components/Button/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Button {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   -webkit-font-smoothing: antialiased;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACyCA;ACxCC;EACA;AAEA;EACA;ECHC;EACA;EF0CD;EACA,kBApCoB;EAqCpB;EACA,eGxCiB;EHyCjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGkFa;EHjFb,aGqDsB;EHpDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGLa;EHMb;;;AAGD;EACC,SGtBW;EHuBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA9KoB;EA+KpB,OAnLiB;;AAsLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAtOqB;EAuOrB,OA3OkB;;AA8OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAvSmB;EAwSnB,OA/Sa;EAgTb;;AAEA;EACC,SGtMgB;;AH0MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGlMa;EHmMb;;AAEA;EACC,WGpMY;EHqMZ;;;AAMF;EAAwB,WG7MV;;;AH+Md;EACC;;AACA;EAAsB,SGpNR;;;AHuNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG5PkB;EH6PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGzQV;;;AH0QZ;EAAuB,cG1QX;;;AH4QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGiFa;EHhFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGNa;EHOb;;;AAGD;EACC,SGvBW;EHwBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGnMa;EHoMb;;AAEA;EACC,WGrMY;EHsMZ;;;AAMF;EAAwB,WG9MV;;;AHgNd;EACC;;AACA;EAAsB,SGrNR;;;AHwNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eG1QV;;;AH2QZ;EAAuB,cG3QX;;;AH6QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"index.css"}

package/dist/components/Card/Card.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Card {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);

package/dist/components/Card/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Card {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);

package/dist/components/Checkbox/Checkbox.css

@@ -64,7 +64,7 @@
 
 .a-Checkbox {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;

package/dist/components/Checkbox/index.css

@@ -64,7 +64,7 @@
 
 .a-Checkbox {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;

package/dist/components/Collapsible/Collapsible.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Collapsible {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }

package/dist/components/Collapsible/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Collapsible {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }

package/dist/components/ColorPicker/ColorPicker.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .ColorPicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

package/dist/components/ColorPicker/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .ColorPicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

package/dist/components/Container/Container.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Container {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: block;

package/dist/components/Container/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Container {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: block;

package/dist/components/DataList/DataList.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .DataList {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: table;

package/dist/components/DataList/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .DataList {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: table;

package/dist/components/DatePicker/DatePicker.css

@@ -64,7 +64,7 @@
 
 .a-Checkbox {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
@@ -287,7 +287,7 @@ span.Popover {
 
 .Popover__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);
@@ -418,7 +418,7 @@ span.Popover {
 /* stylelint-disable-line */
 .DatePicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   flex-grow: 1;
@@ -450,7 +450,7 @@ span.Popover {
 /* Kendo calendar styles */
 .DatePicker__calendar {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

package/dist/components/DatePicker/index.css

@@ -64,7 +64,7 @@
 
 .a-Checkbox {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
@@ -287,7 +287,7 @@ span.Popover {
 
 .Popover__body {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background: var(--colorsSurfaceDefault, #ffffff);
@@ -418,7 +418,7 @@ span.Popover {
 /* stylelint-disable-line */
 .DatePicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   flex-grow: 1;
@@ -450,7 +450,7 @@ span.Popover {
 /* Kendo calendar styles */
 .DatePicker__calendar {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;

package/dist/components/DateRangePicker/DateRangePicker.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .DateRangePicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   width: min-content;

package/dist/components/DateRangePicker/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .DateRangePicker {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   width: min-content;

package/dist/components/Divider/Divider.css

@@ -1,7 +1,7 @@
 /* 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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   color: var(--colorsBorderGrey, #dfe0e1);
@@ -14,7 +14,7 @@
 }
 .Divider .Divider__content {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  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

@@ -1,7 +1,7 @@
 /* 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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   color: var(--colorsBorderGrey, #dfe0e1);
@@ -14,7 +14,7 @@
 }
 .Divider .Divider__content {
   /* Set color on root of component. It can be overridden after the @include */
-  color: var(--colorsTextDefault, #040404);
+  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/Drawer/Drawer.css

@@ -1,7 +1,7 @@
 /* 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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background-color: var(--colorsSurfaceDefault, #ffffff);

package/dist/components/Drawer/index.css

@@ -1,7 +1,7 @@
 /* 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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   background-color: var(--colorsSurfaceDefault, #ffffff);

package/dist/components/Dropdown/DropdownIcon.js

@@ -15,9 +15,6 @@ import { Icon } from '../Icon';
 export const DropdownIcon = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     const DropdownIconClasses = classnames('icon', 'dropdown', className);
-    const DropdownIconName = className.includes('clear')
-        ? 'clear'
-        : 'expand_more';
-    return (React.createElement(Icon, Object.assign({ name: DropdownIconName, className: DropdownIconClasses }, props)));
+    return (React.createElement(Icon, Object.assign({ className: DropdownIconClasses, el: "i", name: "expand_more" }, props)));
 };
 //# sourceMappingURL=DropdownIcon.js.map

package/dist/components/Dropdown/DropdownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIcon.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAM/B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAGnD,EAAE,EAAE;QAH+C,EACnD,SAAS,OAET,EADG,KAAK,cAF2C,aAGnD,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;QACnD,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,aAAa,CAAC;IAEjB,OAAO,CACN,oBAAC,IAAI,kBACJ,IAAI,EAAE,gBAAgB,EACtB,SAAS,EAAE,mBAAmB,IAC1B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"DropdownIcon.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAM/B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAGnD,EAAE,EAAE;QAH+C,EACnD,SAAS,OAET,EADG,KAAK,cAF2C,aAGnD,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAEtE,OAAO,CACN,oBAAC,IAAI,kBACJ,SAAS,EAAE,mBAAmB,EAC9B,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,aAAa,IACd,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Eyebrow/Eyebrow.css

@@ -1,7 +1,7 @@
 /* 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: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   font-weight: 600;