@servicetitan/design-system 11.3.0 → 11.4.1

package/dist/components/Table/index.css

@@ -64,11 +64,11 @@
 
 .a-Checkbox {
   /* 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;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   margin-left: 25px;
 }
 .FormField .a-Checkbox {
@@ -142,9 +142,9 @@
 }
 
 .Checkbox__box {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 3px;
-  border: 1px solid #bcbcbd;
+  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
   display: inline-flex;
   flex-shrink: 0;
@@ -175,10 +175,10 @@
   margin-bottom: -6px;
 }
 .Checkbox--error .Checkbox__box {
-  border-color: #ffb2a0;
+  border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 0 #2270ee inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -189,7 +189,7 @@
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 white inset, -2px 0 0 0 white inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -204,7 +204,7 @@
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 white inset, -2.5px 0 0 0 white inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -216,39 +216,39 @@
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px #2270ee inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
 }
 .Checkbox--error .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error .Checkbox--checked .Checkbox__box::before, .Checkbox--error .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px #e63717 inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px #ffb2a0;
+  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px #a9d1ff;
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: #444445;
+  border-color: var(--colorsBorderDefault, #444445);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: #e63717;
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.16) inset, 0 0 0 16px #2270ee inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.16) inset, 0 0 0 16px #e63717 inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: #2270ee;
-  box-shadow: 0 0 0 4px #a9d1ff;
+  border-color: var(--colorsBorderPrimary, #2270ee);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
-  border-color: #e63717;
-  box-shadow: 0 0 0 4px #ffb2a0;
+  border-color: var(--colorsBorderCritical, #e63717);
+  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 
 .Checkbox--disabled .Checkbox__box {
@@ -256,7 +256,7 @@
   filter: grayscale(1);
 }
 .Checkbox--disabled .Label.Label--error {
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
 }
 
 .a-Checkbox .Checkbox__label {
@@ -287,12 +287,12 @@ span.Popover {
 
 .Popover__body {
   /* 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: #fff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 6px;
-  border: 1px solid #dfe0e1;
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
   box-sizing: border-box;
   width: 90vw;
@@ -388,7 +388,7 @@ span.Popover {
 }
 
 .Popover__header {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
 }
 .Popover__header.Headline {
@@ -396,14 +396,14 @@ span.Popover {
 }
 
 .Popover__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
 }
 
 .Popover__divider {
   width: 100%;
   height: 1px;
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 /* For inline Popovers, override generated inline width
@@ -418,7 +418,7 @@ span.Popover {
 /* stylelint-disable-line */
 .Table {
   /* 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;
 }
@@ -510,11 +510,11 @@ span.Popover {
   transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
 }
 .Table .k-column-resizer:hover {
-  background-color: rgba(20, 20, 20, 0.1);
+  background-color: rgba(4, 4, 4, 0.1);
 }
 .Table .k-grid-header-sticky[style*="border-right-width: 1px;"],
 .Table .k-grid-content-sticky[style*="border-right-width: 1px;"] {
-  box-shadow: 2px 3px 5px 0 rgba(20, 20, 20, 0.1);
+  box-shadow: 2px 3px 5px 0 rgba(4, 4, 4, 0.1);
 }
 .Table.Table--sortable .k-header:hover, .Table.Table--sortable th.k-header.k-sorted {
   background-color: #eeeeee;
@@ -527,7 +527,7 @@ span.Popover {
 /* Filter popups are rendered outside .Table in portal */
 .k-popup {
   /* 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;
 }

package/dist/components/Table/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/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","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/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}

package/dist/components/Tag/Tag.css

@@ -1,11 +1,11 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Tag {
   /* 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;
   border-radius: 3px;
-  color: #141414;
+  color: #040404;
   display: inline-flex;
   font-size: 14px;
   font-weight: 600;
@@ -215,11 +215,11 @@
 
 .Tag .Tag__close.Button:focus {
   box-shadow: none;
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: rgba(4, 4, 4, 0.2);
 }
 .Tag--subtle.Tag .Tag__close.Button:focus,
 .Tag--default.Tag .Tag__close.Button:focus {
-  background-color: rgba(20, 20, 20, 0.1);
+  background-color: rgba(4, 4, 4, 0.1);
 }
 
 .Tag--lightText,

package/dist/components/Tag/Tag.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE4Ha;EF3Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE4DH;;AF3Df;EAAiB,kBE8BC;;AF7BlB;EAAiB,kBEwCA;;AFvCjB;EAAc,kBEkDI;;AFhDlB;EACiB,kBEkBI;;AFhBrB;EACC,kBEWoB;EFVpB,OEOkB;EFNlB;;AAGD;EAAiB,WEyFJ;;AFtFZ;EAAqB;;AAErB;EACC,kBEoCa;EFnCb,OEwCa;;AFrCd;EACC,kBECgB;EFAhB,OETiB;;AFYlB;EACC,kBEQe;EFPf,OEYe;;AFThB;EACC,kBEegB;EFdhB,OEmBgB;;AFhBjB;EAEC,kBEpBmB;EFqBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OEhDpB;;;AFiDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEpEjB;;;AFqEf;EAA6B,OEzDb;;;AF0DhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEvET;;;AFwEZ;EAAoB;;;AACpB;EAAoB,kBE3FN;;;AF4Fd;EAAiB,kBEhFF;;;AFkFf;AAAA;EACoB,kBEjHF;;;AFkHlB;EAAoB,kBEtHF;;;AFwHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"Tag.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE6Ha;EF5Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE6DH;;AF5Df;EAAiB,kBE+BC;;AF9BlB;EAAiB,kBEyCA;;AFxCjB;EAAc,kBEmDI;;AFjDlB;EACiB,kBEmBI;;AFjBrB;EACC,kBEYoB;EFXpB,OEOkB;EFNlB;;AAGD;EAAiB,WE0FJ;;AFvFZ;EAAqB;;AAErB;EACC,kBEqCa;EFpCb,OEyCa;;AFtCd;EACC,kBEEgB;EFDhB,OETiB;;AFYlB;EACC,kBESe;EFRf,OEae;;AFVhB;EACC,kBEgBgB;EFfhB,OEoBgB;;AFjBjB;EAEC,kBEnBmB;EFoBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OE/CpB;;;AFgDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEnEjB;;;AFoEf;EAA6B,OExDb;;;AFyDhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEtET;;;AFuEZ;EAAoB;;;AACpB;EAAoB,kBE1FN;;;AF2Fd;EAAiB,kBE/EF;;;AFiFf;AAAA;EACoB,kBEhHF;;;AFiHlB;EAAoB,kBErHF;;;AFuHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"Tag.css"}

package/dist/components/Tag/Tag.js

@@ -56,7 +56,7 @@ export const Tag = (_a) => {
             .join('');
     };
     const actualTitle = title !== undefined ? title : `Tag: ${getTextFromChildren(children)}`;
-    return (React.createElement("div", Object.assign({ className: TagClasses, title: actualTitle, style: isCustomColor() ? { backgroundColor: color } : null, ref: tagRef }, props),
+    return (React.createElement("div", Object.assign({ className: TagClasses, title: actualTitle, style: isCustomColor() ? { backgroundColor: color } : null, ref: tagRef, "data-anvil-component": "Tag" }, props),
         iconName ? (React.createElement("span", { className: "Tag__icon" },
             React.createElement(Icon, { name: iconName, size: compact ? 14 : 16 }))) : null,
         React.createElement("span", { className: "Tag__body" }, children),

package/dist/components/Tag/Tag.js.map

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

package/dist/components/Tag/index.css

@@ -1,11 +1,11 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Tag {
   /* 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;
   border-radius: 3px;
-  color: #141414;
+  color: #040404;
   display: inline-flex;
   font-size: 14px;
   font-weight: 600;
@@ -215,11 +215,11 @@
 
 .Tag .Tag__close.Button:focus {
   box-shadow: none;
-  background-color: rgba(20, 20, 20, 0.2);
+  background-color: rgba(4, 4, 4, 0.2);
 }
 .Tag--subtle.Tag .Tag__close.Button:focus,
 .Tag--default.Tag .Tag__close.Button:focus {
-  background-color: rgba(20, 20, 20, 0.1);
+  background-color: rgba(4, 4, 4, 0.1);
 }
 
 .Tag--lightText,

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE4Ha;EF3Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE4DH;;AF3Df;EAAiB,kBE8BC;;AF7BlB;EAAiB,kBEwCA;;AFvCjB;EAAc,kBEkDI;;AFhDlB;EACiB,kBEkBI;;AFhBrB;EACC,kBEWoB;EFVpB,OEOkB;EFNlB;;AAGD;EAAiB,WEyFJ;;AFtFZ;EAAqB;;AAErB;EACC,kBEoCa;EFnCb,OEwCa;;AFrCd;EACC,kBECgB;EFAhB,OETiB;;AFYlB;EACC,kBEQe;EFPf,OEYe;;AFThB;EACC,kBEegB;EFdhB,OEmBgB;;AFhBjB;EAEC,kBEpBmB;EFqBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OEhDpB;;;AFiDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEpEjB;;;AFqEf;EAA6B,OEzDb;;;AF0DhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEvET;;;AFwEZ;EAAoB;;;AACpB;EAAoB,kBE3FN;;;AF4Fd;EAAiB,kBEhFF;;;AFkFf;AAAA;EACoB,kBEjHF;;;AFkHlB;EAAoB,kBEtHF;;;AFwHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tag/Tag.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,eEEiB;EFDjB,OEYa;EFXb;EACA,WE6Ha;EF5Hb;EACA;EACA;;AAEA;EACC;;AAGD;EAMC;;AAEA;EAAoB;;AAGrB;EAAkB,kBE6DH;;AF5Df;EAAiB,kBE+BC;;AF9BlB;EAAiB,kBEyCA;;AFxCjB;EAAc,kBEmDI;;AFjDlB;EACiB,kBEmBI;;AFjBrB;EACC,kBEYoB;EFXpB,OEOkB;EFNlB;;AAGD;EAAiB,WE0FJ;;AFvFZ;EAAqB;;AAErB;EACC,kBEqCa;EFpCb,OEyCa;;AFtCd;EACC,kBEEgB;EFDhB,OETiB;;AFYlB;EACC,kBESe;EFRf,OEae;;AFVhB;EACC,kBEgBgB;EFfhB,OEoBgB;;AFjBjB;EAEC,kBEnBmB;EFoBnB,OEzBiB;;AF4BlB;EACC;EACA;EACA,OE/BiB;;AFmCnB;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAES;EAAoB;;;AAE7B;EACC;;AAES;EAAoB;;;AAI/B;AACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EAAoB;;;AAE7B;EACC;EACA;EACA;EACA;;AAGD;EAAwB;;AAGzB;EACC;EACA,OElHY;EFmHZ;EACA;EACA;;AAGC;EAAiC,OE/CpB;;;AFgDb;EAAgC,OE7Ff;;;AF8FjB;EAAgC,OEnEjB;;;AFoEf;EAA6B,OExDb;;;AFyDhB;AAAA;AAAA;EAEgC,OElGf;;;AFqGlB;EAAU;;AAEV;EACC;EACA;;AAES;EACR;EACA;;;AAMA;EAAqB,kBEtET;;;AFuEZ;EAAoB;;;AACpB;EAAoB,kBE1FN;;;AF2Fd;EAAiB,kBE/EF;;;AFiFf;AAAA;EACoB,kBEhHF;;;AFiHlB;EAAoB,kBErHF;;;AFuHlB;EAAiC;;;AACjC;EAAgC;;;AAChC;EAAgC;;;AAChC;EAA6B;;;AAE7B;AAAA;EACgC;;;AAChC;EAAgC;;;AAIlC;EACC;EACA;;AAGC;AAAA;EACoB;;;AAMxB;AAAA;AAAA;EAGC,OE/JkB;;;AFkKnB;AAAA;AAAA;EAGC,OE3JmB","file":"index.css"}

package/dist/components/TagGroup/TagGroup.js

@@ -16,6 +16,6 @@ import { wrapChildren } from '../../utilities/wrapChildren';
 export const TagGroup = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
     const TagGroupClasses = classnames('TagGroup', className);
-    return (React.createElement("div", Object.assign({ className: TagGroupClasses }, props), wrapChildren(children, TagGroupItem)));
+    return (React.createElement("div", Object.assign({ className: TagGroupClasses, "data-anvil-component": "TagGroup" }, props), wrapChildren(children, TagGroupItem)));
 };
 //# sourceMappingURL=TagGroup.js.map

package/dist/components/TagGroup/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwB5D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAI3C,EAAE,EAAE;QAJuC,EAC3C,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHmC,yBAI3C,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,2CAAK,SAAS,EAAE,eAAe,IAAM,KAAK,GACxC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwB5D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAI3C,EAAE,EAAE;QAJuC,EAC3C,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHmC,yBAI3C,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK,GAER,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/TagGroup/TagGroupItem.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export const TagGroupItem = ({ children }) => (React.createElement("div", { className: "TagGroup__Item" }, children));
+export const TagGroupItem = ({ children }) => (React.createElement("div", { className: "TagGroup__Item", "data-anvil-component": "TagGroupItem" }, children));
 //# sourceMappingURL=TagGroupItem.js.map

package/dist/components/TagGroup/TagGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD,CAAC"}
+{"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,0BAAsB,cAAc,IACjE,QAAQ,CACJ,CACN,CAAC"}

package/dist/components/Takeover/Takeover.css

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

package/dist/components/Takeover/Takeover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAfa;EAgBb;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}

package/dist/components/Takeover/Takeover.js

@@ -68,9 +68,9 @@ export const Takeover = (_a) => {
     React.useEffect(() => {
         setFocusWrapper(1);
     }, [open]);
-    return (React.createElement(Overlay, { portal: portal, animate: animate },
+    return (React.createElement(Overlay, { portal: portal, animate: animate, open: open },
         React.createElement(Animate, null, open && (React.createElement(FocusTrap, Object.assign({}, focusTrapOptions),
-            React.createElement(TakeoverEl, Object.assign({}, TakeoverProps),
+            React.createElement(TakeoverEl, Object.assign({ "data-anvil-component": "Takeover" }, TakeoverProps),
                 React.createElement(TakeoverHeader, Object.assign({}, headerProps)),
                 React.createElement("div", { className: contentWrapperClasses }, content),
                 React.createElement(TakeoverFooter, Object.assign({}, footerProps))))))));

package/dist/components/Takeover/Takeover.js.map

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

package/dist/components/Takeover/TakeoverFooter.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Takeover {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -12,7 +12,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   text-align: left;
   z-index: 1100;
 }
@@ -37,8 +37,8 @@
 }
 
 .TakeoverFooter {
-  background: #ffffff;
-  border-top: 1px solid #dfe0e1;
+  background: var(--colorsSurfaceDefault, #ffffff);
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   flex: 0 0 auto;
   padding-top: 16px;

package/dist/components/Takeover/TakeoverFooter.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AGpCrB;EACC,YDca;ECbb;EACA;EACA;EACA,aDmHW;EClHX,gBDkHW;;;AC/GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Takeover/TakeoverFooter.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAfa;EAgBb;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AEpCrB;EACC,YFDa;EEEb;EACA;EACA;EACA,aCoHW;EDnHX,gBCmHW;;;ADhHZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}

package/dist/components/Takeover/TakeoverHeader.css

@@ -3,10 +3,10 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   box-sizing: border-box;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   display: flex;
   flex: 0 0 auto;
   font-size: 20px;
@@ -20,9 +20,9 @@
 .TakeoverHeader--light {
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: auto;
-  background: #f7f7f7;
-  box-shadow: 0 1px 0 #dfe0e1;
-  color: #444445;
+  background: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  box-shadow: 0 1px 0 var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
 }
 
 .TakeoverHeader__title {

package/dist/components/Takeover/TakeoverHeader.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;ECXE;EACA;EDaD;EACA,YEEa;EFDb;EACA;EACA,OEFa;EFGb;EACA;EACA,WEgHa;EF/Gb;EACA;EACA,SEiGW;EFhGX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YEIkB;EFHlB;EACA,OEUmB;;;AFPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aE+DW;;;AF5DZ;EA1DC;EACA,SEyGiB;EFxGjB;EA2DA;EACA,SEgEc;EF/Dd;;AA3DA;EACC;;AA4DD;EAAU","file":"TakeoverHeader.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;ECjBE;EACA;EDmBD;EACA,YAV2B;EAW3B;EACA;EACA,OAXc;EAYd;EACA;EACA,WE2Ga;EF1Gb;EACA;EACA,SE4FW;EF3FX;EACA;;;AAGD;EC9BE;EACA;EDgCD,YA1ByB;EA2BzB;EACA,OA1BY;;;AA6Bb;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aE0DW;;;AFvDZ;EAhEC;EACA,SE0GiB;EFzGjB;EAiEA;EACA,SE2Dc;EF1Dd;;AAjEA;EACC;;AAkED;EAAU","file":"TakeoverHeader.css"}

package/dist/components/Takeover/TakeoverSection.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Takeover {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -12,7 +12,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   text-align: left;
   z-index: 1100;
 }
@@ -37,11 +37,11 @@
 }
 
 .TakeoverSection {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   padding: 24px;
 }
 .TakeoverSection + .TakeoverSection {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 /*# sourceMappingURL=TakeoverSection.css.map */

package/dist/components/Takeover/TakeoverSection.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverSection.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AGpCrB;EACC,YDca;ECbb,SDuHW;;ACrHX;EACC","file":"TakeoverSection.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Takeover/TakeoverSection.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAfa;EAgBb;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AEpCrB;EACC,YFDa;EEEb,SCwHW;;ADtHX;EACC","file":"TakeoverSection.css"}

package/dist/components/Takeover/index.css

@@ -1,7 +1,7 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Takeover {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -12,7 +12,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   text-align: left;
   z-index: 1100;
 }
@@ -40,10 +40,10 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   align-items: center;
-  background: #141414;
+  background: var(--colorsSurfaceInvertedStrong, #141414);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   box-sizing: border-box;
-  color: #ffffff;
+  color: var(--colorsTextInverted, #ffffff);
   display: flex;
   flex: 0 0 auto;
   font-size: 20px;
@@ -57,9 +57,9 @@
 .TakeoverHeader--light {
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: auto;
-  background: #f7f7f7;
-  box-shadow: 0 1px 0 #dfe0e1;
-  color: #444445;
+  background: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  box-shadow: 0 1px 0 var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
 }
 
 .TakeoverHeader__title {
@@ -108,16 +108,16 @@
 }
 
 .TakeoverSection {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   padding: 24px;
 }
 .TakeoverSection + .TakeoverSection {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 .TakeoverFooter {
-  background: #ffffff;
-  border-top: 1px solid #dfe0e1;
+  background: var(--colorsSurfaceDefault, #ffffff);
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   flex: 0 0 auto;
   padding-top: 16px;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../src/components/Takeover/TakeoverSection.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG1BrB;ECXE;EACA;EDaD;EACA,YDEa;ECDb;EACA;EACA,ODFa;ECGb;EACA;EACA,WDgHa;EC/Gb;EACA;EACA,SDiGW;EChGX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YDIkB;ECHlB;EACA,ODUmB;;;ACPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aD+DW;;;AC5DZ;EA1DC;EACA,SDyGiB;ECxGjB;EA2DA;EACA,SDgEc;EC/Dd;;AA3DA;EACC;;AA4DD;EAAU;;;AElEX;EACC,YHca;EGbb,SHuHW;;AGrHX;EACC;;;ACLF;EACC,YJca;EIbb;EACA;EACA;EACA,aJmHW;EIlHX,gBJkHW;;;AI/GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverSection.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAfa;EAgBb;EACA;;AAGA;EAAU;;AAGV;EAAkB;;;AAGnB;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AEpBrB;ECjBE;EACA;EDmBD;EACA,YAV2B;EAW3B;EACA;EACA,OAXc;EAYd;EACA;EACA,WE2Ga;EF1Gb;EACA;EACA,SE4FW;EF3FX;EACA;;;AAGD;EC9BE;EACA;EDgCD,YA1ByB;EA2BzB;EACA,OA1BY;;;AA6Bb;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aE0DW;;;AFvDZ;EAhEC;EACA,SE0GiB;EFzGjB;EAiEA;EACA,SE2Dc;EF1Dd;;AAjEA;EACC;;AAkED;EAAU;;;AGxEX;EACC,YLDa;EKEb,SDwHW;;ACtHX;EACC;;;ACLF;EACC,YNDa;EMEb;EACA;EACA;EACA,aFoHW;EEnHX,gBFmHW;;;AEhHZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"index.css"}

package/dist/components/Text/Text.css

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

package/dist/components/Text/Text.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Text/Text.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,aEmGqB;EFlGrB,aEqIkB;EFpIlB;;AAEA;EAAQ","file":"Text.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Text/Text.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEoGqB;EFnGrB,aEsIkB;EFrIlB;;AAEA;EAAQ","file":"Text.css"}

package/dist/components/Text/Text.js

@@ -38,6 +38,6 @@ export const Text = React.forwardRef((_a, ref) => {
             subdued }, props);
         return (React.createElement(Headline, Object.assign({ ref: ref, size: "xlarge", el: TextElement }, headlineProps)));
     }
-    return (React.createElement(TextElement, Object.assign({ ref: ref, className: TextClasses }, props), children));
+    return (React.createElement(TextElement, Object.assign({ ref: ref, className: TextClasses, "data-anvil-component": "Text" }, props), children));
 });
 //# sourceMappingURL=Text.js.map