@servicetitan/design-system 11.2.0 → 11.4.0

package/dist/components/Collapsible/Collapsible.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA,OCiBa;ADfb;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"Collapsible.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA;AAEA;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"Collapsible.css"}

package/dist/components/Collapsible/Collapsible.js

@@ -25,6 +25,6 @@ export const Collapsible = (_a) => {
         easing,
         height: open ? 'auto' : 0,
     };
-    return (React.createElement(CollapsibleElement, Object.assign({ className: CollapsibleClasses }, props), animate ? (React.createElement(AnimateHeight, Object.assign({}, animateHeightProps), children)) : (children)));
+    return (React.createElement(CollapsibleElement, Object.assign({ className: CollapsibleClasses, "data-anvil-component": "Collapsible" }, props), animate ? (React.createElement(AnimateHeight, Object.assign({}, animateHeightProps), children)) : (children)));
 };
 //# sourceMappingURL=Collapsible.js.map

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AA6B1C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAQjD,EAAE,EAAE;QAR6C,EACjD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPyC,4DAQjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAAC,SAAS,EAAE,kBAAkB,IAAM,KAAK,GAC1D,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AA6B1C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAQjD,EAAE,EAAE;QAR6C,EACjD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPyC,4DAQjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,IAC9B,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CAAC"}

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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA,OCiBa;ADfb;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA;AAEA;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}

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: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -23,8 +23,8 @@
   /* smartphones, touchscreens */
 }
 .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px #2270ee;
-  border-color: #ffffff;
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsSurfaceDefault, #ffffff);
   cursor: default;
 }
 @media (pointer: coarse) {
@@ -41,7 +41,7 @@
   cursor: not-allowed;
 }
 .ColorPicker--disabled .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px #bcbcbd;
+  box-shadow: 0 0 0 2px var(--colorsBorderGreyStrong, #bcbcbd);
 }
 
 .ColorPicker__CardWrapper .ColorPicker__CardSection {
@@ -51,8 +51,8 @@
   outline: none;
 }
 .ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
-  border-color: #2270ee;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  border-color: var(--colorsBorderPrimary, #2270ee);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
   opacity: initial;

package/dist/components/ColorPicker/ColorPicker.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE6GW;EF5GX,QE4GW;EF3GX;EACA,QEwGW;EFvGX;EACA,eEZiB;EFajB;AAQA;;AANA;EACC;EACA,cEPY;EFQZ;;AAID;EAjBD;IAkBE,OE8FU;IF7FV,QE6FU;;;;AFzFZ;EACC,SE0EkB;;AFxElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cEvCU;EFwCV,YE2DY;;AFtDb;EACC","file":"ColorPicker.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE0GW;EFzGX,QEyGW;EFxGX;EACA,QEqGW;EFpGX;EACA,eEhBiB;EFiBjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE2FU;IF1FV,QE0FU;;;;AFtFZ;EACC,SEuEkB;;AFrElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YEwDY;;AFnDb;EACC","file":"ColorPicker.css"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -32,7 +32,7 @@ export const ColorPicker = React.forwardRef(({ colors, value, disabled = false,
     };
     return (React.createElement("div", { className: classnames('ColorPicker', {
             'ColorPicker--disabled': disabled,
-        }), tabIndex: !disabled && !readonly ? tabIndex : undefined, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, ref: ref }, colors.map((color, index) => (React.createElement("div", { key: index, className: classnames('ColorPicker__Item', {
+        }), tabIndex: !disabled && !readonly ? tabIndex : undefined, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, ref: ref, "data-anvil-component": "ColorPicker" }, colors.map((color, index) => (React.createElement("div", { key: index, className: classnames('ColorPicker__Item', {
             'ColorPicker__Item--active': color === value,
         }), style: { backgroundColor: color }, onClick: handleItemClick(color) })))));
 });

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAoCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EACC,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,GACN,EACD,GAAoC,EACnC,EAAE;IACH,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QACD,IAAI,OAAO,KAAK,WAAW,EAAE;YAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC7C,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACxB,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACxB,OAAO;iBACP;aACD;YACD,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,6FAA6F;SAClI;QACD,IAAI,OAAO,KAAK,YAAY,EAAE;YAC7B,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAClD,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACxB,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACxB,OAAO;iBACP;aACD;YACD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6FAA6F;SAClH;IACF,CAAC,CAAC;IAEF,OAAO,CACN,6BACC,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE;YACpC,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,IAEP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,GAC9B,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAoCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EACC,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,GACN,EACD,GAAoC,EACnC,EAAE;IACH,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QACD,IAAI,OAAO,KAAK,WAAW,EAAE;YAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC7C,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACxB,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACxB,OAAO;iBACP;aACD;YACD,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,6FAA6F;SAClI;QACD,IAAI,OAAO,KAAK,YAAY,EAAE;YAC7B,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAClD,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACxB,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACxB,OAAO;iBACP;aACD;YACD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6FAA6F;SAClH;IACF,CAAC,CAAC;IAEF,OAAO,CACN,6BACC,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE;YACpC,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,0BACa,aAAa,IAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,GAC9B,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

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: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -23,8 +23,8 @@
   /* smartphones, touchscreens */
 }
 .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px #2270ee;
-  border-color: #ffffff;
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsSurfaceDefault, #ffffff);
   cursor: default;
 }
 @media (pointer: coarse) {
@@ -41,7 +41,7 @@
   cursor: not-allowed;
 }
 .ColorPicker--disabled .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px #bcbcbd;
+  box-shadow: 0 0 0 2px var(--colorsBorderGreyStrong, #bcbcbd);
 }
 
 .ColorPicker__CardWrapper .ColorPicker__CardSection {
@@ -51,8 +51,8 @@
   outline: none;
 }
 .ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
-  border-color: #2270ee;
-  box-shadow: 0 0 0 3px #a9d1ff;
+  border-color: var(--colorsBorderPrimary, #2270ee);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
   opacity: initial;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE6GW;EF5GX,QE4GW;EF3GX;EACA,QEwGW;EFvGX;EACA,eEZiB;EFajB;AAQA;;AANA;EACC;EACA,cEPY;EFQZ;;AAID;EAjBD;IAkBE,OE8FU;IF7FV,QE6FU;;;;AFzFZ;EACC,SE0EkB;;AFxElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cEvCU;EFwCV,YE2DY;;AFtDb;EACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE0GW;EFzGX,QEyGW;EFxGX;EACA,QEqGW;EFpGX;EACA,eEhBiB;EFiBjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE2FU;IF1FV,QE0FU;;;;AFtFZ;EACC,SEuEkB;;AFrElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YEwDY;;AFnDb;EACC","file":"index.css"}

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

package/dist/components/Container/Container.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Container/Container.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;AAEA;AAOA;AAOA;AAOA;AAOA;;AA3BA;EAPD;IAQE;IACA;IACA;;;AAID;EAdD;IAeE;IACA;IACA;;;AAID;EArBD;IAsBE;IACA;IACA;;;AAID;EA5BD;IA6BE;IACA;IACA;;;AAID;EACC;EACA;;AAGD;EACC;EACA,WE8Fe;EF7Ff,aE8FiB","file":"Container.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Container/Container.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;AAEA;AAOA;AAOA;AAOA;AAOA;;AA3BA;EAPD;IAQE;IACA;IACA;;;AAID;EAdD;IAeE;IACA;IACA;;;AAID;EArBD;IAsBE;IACA;IACA;;;AAID;EA5BD;IA6BE;IACA;IACA;;;AAID;EACC;EACA;;AAGD;EACC;EACA,WE+Fe;EF9Ff,aE+FiB","file":"Container.css"}

package/dist/components/Container/Container.js

@@ -18,6 +18,6 @@ export const Container = (_a) => {
         'Container--text': text,
         [`ta-${textAlign}`]: textAlign,
     });
-    return (React.createElement(ContainerElement, Object.assign({ className: classes }, props), React.Children.count(children) > 0 ? children : content));
+    return (React.createElement(ContainerElement, Object.assign({ className: classes, "data-anvil-component": "Container" }, props), React.Children.count(children) > 0 ? children : content));
 };
 //# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAAC,SAAS,EAAE,OAAO,IAAM,KAAK,GAC7C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAChB,SAAS,EAAE,OAAO,0BACG,WAAW,IAC5B,KAAK,GAER,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC"}

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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Container/Container.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA;AAEA;AAOA;AAOA;AAOA;AAOA;;AA3BA;EAPD;IAQE;IACA;IACA;;;AAID;EAdD;IAeE;IACA;IACA;;;AAID;EArBD;IAsBE;IACA;IACA;;;AAID;EA5BD;IA6BE;IACA;IACA;;;AAID;EACC;EACA;;AAGD;EACC;EACA,WE8Fe;EF7Ff,aE8FiB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Container/Container.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;AAEA;AAOA;AAOA;AAOA;AAOA;;AA3BA;EAPD;IAQE;IACA;IACA;;;AAID;EAdD;IAeE;IACA;IACA;;;AAID;EArBD;IAsBE;IACA;IACA;;;AAID;EA5BD;IA6BE;IACA;IACA;;;AAID;EACC;EACA;;AAGD;EACC;EACA,WE+Fe;EF9Ff,aE+FiB","file":"index.css"}

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: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: table;
@@ -31,17 +31,17 @@
 }
 
 .DataList__HeaderCell {
-  background-color: #f7f7f7;
-  color: #141414;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  color: var(--colorsTextDefault, #141414);
   font-size: 14px;
   font-weight: 400;
   padding: 4px 8px;
 }
 
 .DataList--Simple .DataList__HeaderCell {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   background: transparent;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-weight: normal;
 }
 .DataList--Simple .DataList__Cell:first-child {

package/dist/components/DataList/DataList.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DataList/DataList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,WEoIgB;EFnIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEmG3B;;;AFjGZ;EACC,kBEYkB;EFXlB,OEqBmB;EFpBnB,WEyGa;EFxGb,aE4EqB;EF3ErB;;;AAIA;EACC;EACA;EACA,OEWkB;EFVlB;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"DataList.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DataList/DataList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,WEiIgB;EFhIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEgG3B;;;AF9FZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEsGa;EFrGb,aEyEqB;EFxErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"DataList.css"}

package/dist/components/DataList/DataList.js

@@ -38,7 +38,7 @@ export const DataList = (_a) => {
     });
     const headerRow = (React.createElement(DataListHeaderRow, null, header));
     const rows = children || generateRows(header, items);
-    return (React.createElement("div", Object.assign({ className: classes }, props),
+    return (React.createElement("div", Object.assign({ className: classes, "data-anvil-component": "DataList" }, props),
         headerRow,
         rows));
 };

package/dist/components/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,KAAK,cAP0B,iEAQlC,CADQ;IAER,MAAM,YAAY,GAAG,CACpB,MAAqC,EACrC,KAAmC,EACT,EAAE;QAC5B,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEZ,MAAM,iBAAiB,GACtB,YAAY,CAAC,GAAG,CACf,CACC,UAAkC,EACH,EAAE,CAAC,UAAU,CAAC,KAAK,CACnD,CAAC;QAEH,MAAM,IAAI,GAA4B,KAAK,CAAC,GAAG,CAC9C,CAAC,IAAkB,EAAE,KAAa,EAAyB,EAAE;YAC5D,OAAO,CACN,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,IACrB,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CACd,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACrB,IAAkB,EAClB,iBAAiD,EAC5B,EAAE;QACvB,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CACC,gBAA8C,EAC9C,KAAa,EACM,EAAE;YACrB,MAAM,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,KAEN,gBAAgB,EADhB,cAAc,UACd,gBAAgB,EANd,4CAML,CAAmB,CAAC;YACrB,OAAO,CACN,oBAAC,YAAY,kBAAC,GAAG,EAAE,KAAK,IAAM,cAAc,GAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACd,CACf,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACzB,UAAU,EACV,SAAS,EACT,qBAAqB,OAAO,EAAE,EAC9B;QACC,kBAAkB,EAAE,MAAM;KAC1B,CACD,CAAC;IAEF,MAAM,SAAS,GAA0B,CACxC,oBAAC,iBAAiB,QAAE,MAAM,CAAqB,CAC/C,CAAC;IACF,MAAM,IAAI,GACT,QAAQ,IAAI,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,IAAM,KAAK;QAChC,SAAS;QACT,IAAI,CACA,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC;AAC3B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}
+{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,KAAK,cAP0B,iEAQlC,CADQ;IAER,MAAM,YAAY,GAAG,CACpB,MAAqC,EACrC,KAAmC,EACT,EAAE;QAC5B,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEZ,MAAM,iBAAiB,GACtB,YAAY,CAAC,GAAG,CACf,CACC,UAAkC,EACH,EAAE,CAAC,UAAU,CAAC,KAAK,CACnD,CAAC;QAEH,MAAM,IAAI,GAA4B,KAAK,CAAC,GAAG,CAC9C,CAAC,IAAkB,EAAE,KAAa,EAAyB,EAAE;YAC5D,OAAO,CACN,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,IACrB,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CACd,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACrB,IAAkB,EAClB,iBAAiD,EAC5B,EAAE;QACvB,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CACC,gBAA8C,EAC9C,KAAa,EACM,EAAE;YACrB,MAAM,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,KAEN,gBAAgB,EADhB,cAAc,UACd,gBAAgB,EANd,4CAML,CAAmB,CAAC;YACrB,OAAO,CACN,oBAAC,YAAY,kBAAC,GAAG,EAAE,KAAK,IAAM,cAAc,GAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACd,CACf,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACzB,UAAU,EACV,SAAS,EACT,qBAAqB,OAAO,EAAE,EAC9B;QACC,kBAAkB,EAAE,MAAM;KAC1B,CACD,CAAC;IAEF,MAAM,SAAS,GAA0B,CACxC,oBAAC,iBAAiB,QAAE,MAAM,CAAqB,CAC/C,CAAC;IACF,MAAM,IAAI,GACT,QAAQ,IAAI,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,0BAAuB,UAAU,IAAK,KAAK;QAChE,SAAS;QACT,IAAI,CACA,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC;AAC3B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}

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: #141414;
+  color: var(--colorsTextDefault, #040404);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: table;
@@ -31,17 +31,17 @@
 }
 
 .DataList__HeaderCell {
-  background-color: #f7f7f7;
-  color: #141414;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  color: var(--colorsTextDefault, #141414);
   font-size: 14px;
   font-weight: 400;
   padding: 4px 8px;
 }
 
 .DataList--Simple .DataList__HeaderCell {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   background: transparent;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-weight: normal;
 }
 .DataList--Simple .DataList__Cell:first-child {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DataList/DataList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,WEoIgB;EFnIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEmG3B;;;AFjGZ;EACC,kBEYkB;EFXlB,OEqBmB;EFpBnB,WEyGa;EFxGb,aE4EqB;EF3ErB;;;AAIA;EACC;EACA;EACA,OEWkB;EFVlB;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DataList/DataList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,WEiIgB;EFhIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEgG3B;;;AF9FZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEsGa;EFrGb,aEyEqB;EFxErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"index.css"}

package/dist/components/DatePicker/DatePicker.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 */
 .DatePicker {
   /* 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;
   flex-grow: 1;
@@ -450,15 +450,52 @@ span.Popover {
 /* Kendo calendar styles */
 .DatePicker__calendar {
   /* 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;
   justify-content: center;
 }
 .DatePicker__calendar .k-calendar {
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border: none;
+  color: var(--colorsTextDefault, #141414);
   /* Kendo team did not updated classnames, so color not passed correctly via _kendo-variables.scss */
 }
+.DatePicker__calendar .k-calendar.k-calendar-infinite .k-calendar-view::after {
+  box-shadow: 0 0 38px 19px var(--colorsSurfaceDefault, #ffffff);
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-today {
+  color: var(--colorsTextPrimary, #2270ee);
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:hover .k-link {
+  border: var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected .k-link {
+  color: var(--colorsTextInverted, #ffffff);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #2270ee);
+}
+.DatePicker__calendar .k-calendar .k-calendar-navigation {
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
+  color: var(--colorsTextDefault, #141414);
+  box-shadow: inset -1px 0 var(--colorsBorderGreyStrong, #bcbcbd);
+}
+.DatePicker__calendar .k-calendar .k-calendar-navigation::before, .DatePicker__calendar .k-calendar .k-calendar-navigation::after {
+  box-shadow: 0 0 6em 3em var(--colorsSurfaceGreySubdued, #f7f7f7);
+}
+.DatePicker__calendar .k-calendar .k-calendar-navigation-highlight {
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+}
+.DatePicker__calendar .k-calendar .k-content {
+  background-color: unset;
+  color: var(--colorsTextDefault, #141414);
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+}
 .DatePicker__calendar .k-calendar table th,
 .DatePicker__calendar .k-calendar .k-calendar-navigation .k-calendar-navigation-marker,
 .DatePicker__calendar .k-calendar .k-calendar-header .k-title {
@@ -469,14 +506,14 @@ span.Popover {
   margin-top: 8px;
 }
 .DatePicker__calendar .k-calendar .k-nav-today {
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
   cursor: pointer;
   padding: 5px 8px;
 }
 .DatePicker__calendar .k-calendar .k-nav-today:hover {
   text-decoration: none !important;
   /* Button-like styling */
-  box-shadow: inset 0 100px 0 3px rgba(127, 127, 127, 0.075);
+  box-shadow: inset 0 100px 0 3px var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
   border-radius: 3px;
 }
 

package/dist/components/DatePicker/DatePicker.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/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"DatePicker.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/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"DatePicker.css"}

package/dist/components/DatePicker/DatePicker.js

@@ -95,6 +95,6 @@ export const DatePicker = React.forwardRef((props, ref) => {
         ref: calendarRef,
         tabIndex: -1,
     };
-    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon }), fluid: true })) }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
+    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon }), fluid: true, "data-anvil-component": "DatePicker" })) }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
 });
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

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