@servicetitan/design-system 13.2.1 → 13.2.3

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,6 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import classnames from 'classnames';
-export const ColorPicker = React.forwardRef(({ colors, value, disabled = false, readonly = false, tabIndex = 0, onChange, onFocus, onBlur, }, ref) => {
+export const ColorPicker = React.forwardRef((_a, ref) => {
+    var { className, colors, value, disabled = false, readonly = false, tabIndex = 0, onChange, onFocus, onBlur } = _a, rest = __rest(_a, ["className", "colors", "value", "disabled", "readonly", "tabIndex", "onChange", "onFocus", "onBlur"]);
     const handleItemClick = (color) => () => {
         if (!disabled && !readonly && color !== value && onChange) {
             onChange(color);
@@ -30,9 +42,9 @@ export const ColorPicker = React.forwardRef(({ colors, value, disabled = false,
             onChange(colors[0]); // in case we haven't found current value, or it was rightmost, pick the leftmost one as next
         }
     };
-    return (React.createElement("div", { className: classnames('ColorPicker', {
+    return (React.createElement("div", Object.assign({}, rest, { className: classnames('ColorPicker', className, {
             'ColorPicker--disabled': disabled,
-        }), tabIndex: !disabled && !readonly ? tabIndex : undefined, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, ref: ref, "data-anvil-component": "ColorPicker" }, colors.map((color, index) => (React.createElement("button", { 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("button", { key: index, className: classnames('ColorPicker__Item', {
             'ColorPicker__Item--active': color === value,
         }), style: { backgroundColor: color }, onClick: handleItemClick(color), "aria-label": 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,0BACa,aAAa,IAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,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,gBACnB,KAAK,GAChB,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,EAWC,EACD,GAAoC,EACnC,EAAE;QAbH,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,qGAWC,CADO;IAIR,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,6CACK,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC/C,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,KAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,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,gBACnB,KAAK,GAChB,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/components/ColorPicker/ColorPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ColorPicker/ColorPicker.test.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ColorPicker } from './ColorPicker';
+describe('ColorPicker', () => {
+    beforeEach(() => jest.spyOn(console, 'error'));
+    it('should pass through data automation attributes', () => {
+        const { container } = render(React.createElement(ColorPicker, { colors: [
+                '#1fbc70',
+                '#ff745f',
+                '#faafe2',
+                '#8772e5',
+                '#01f346',
+                '#90efc0',
+                '#ffcc80',
+                'rgb(8, 191, 223)',
+                'rgb(204, 157, 127)',
+            ], value: "#ff745f", "data-auto-sel": "automation-selector" }));
+        const element = container.querySelector('[data-auto-sel="automation-selector"]');
+        expect(element).not.toBeNull();
+    });
+});
+//# sourceMappingURL=ColorPicker.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.test.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,MAAM,EAAE;gBACP,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,kBAAkB;gBAClB,oBAAoB;aACpB,EACD,KAAK,EAAC,SAAS,mBACD,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/ColorPicker/index.css

@@ -23,8 +23,8 @@
   /* smartphones, touchscreens */
 }
 .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee);
-  border-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc);
+  border-color: var(--colorsSurfaceDefault, white);
   cursor: default;
 }
 @media (pointer: coarse) {
@@ -51,7 +51,7 @@
   outline: none;
 }
 .ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {

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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE6GW;EF5GX,QE4GW;EF3GX;EACA,QEwGW;EFvGX;EACA,eEHiB;EFIjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE8FU;IF7FV,QE6FU;;;;AFzFZ;EACC,SEyEkB;;AFvElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE4GW;EF3GX,QE2GW;EF1GX;EACA,QEuGW;EFtGX;EACA,eEJiB;EFKjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE6FU;IF5FV,QE4FU;;;;AFxFZ;EACC,SEwEkB;;AFtElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YE0DY;;AFrDb;EACC","file":"index.css"}

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/core/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,WEkGe;EFjGf,aEkGiB","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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACAC;EACA;AAEA;EACA;EDDA;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,WEkGe;EFjGf,aEkGiB","file":"Container.css"}

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/core/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,WEkGe;EFjGf,aEkGiB","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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACAC;EACA;AAEA;EACA;EDDA;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,WEkGe;EFjGf,aEkGiB","file":"index.css"}

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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,WEoIgB;EFnIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEmG3B;;;AFjGZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEyGa;EFxGb,aE2EqB;EF1ErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACLC;EACA;AAEA;EACA;EDIA;EACA,WEmIgB;EFlIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEkG3B;;;AFhGZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEwGa;EFvGb,aE0EqB;EFzErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"DataList.css"}

package/dist/components/DataList/DataList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DataList/DataList.test.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { DataList } from './DataList';
+describe('DataList', () => {
+    beforeEach(() => jest.spyOn(console, 'error'));
+    it('should pass through data automation attributes', () => {
+        const { container } = render(React.createElement(DataList, { items: [
+                { id: '987ABCD', desc: '1' },
+                { id: '654ABCD', desc: '2' },
+                { id: '643ABCD', desc: '3' },
+            ], header: [
+                React.createElement(DataList.HeaderCell, { key: 0, name: "id", content: "Contact ID" }),
+                React.createElement(DataList.HeaderCell, { key: 1, name: "desc", content: "Description" }),
+            ], "data-auto-sel": "automation-selector" }));
+        const element = container.querySelector('[data-auto-sel="automation-selector"]');
+        expect(element).not.toBeNull();
+    });
+});
+//# sourceMappingURL=DataList.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.test.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,KAAK,EAAE;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5B,EACD,MAAM,EAAE;gBACP,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,GACnB;gBACF,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACpB;aACF,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA,WEoIgB;EFnIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEmG3B;;;AFjGZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEyGa;EFxGb,aE2EqB;EF1ErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;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/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACLC;EACA;AAEA;EACA;EDIA;EACA,WEmIgB;EFlIhB;;;AAGD;AAAA;EACiB;;;AAEjB;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EACuC;;;AACvC;EAAuC,SEkG3B;;;AFhGZ;EACC,kBA3ByB;EA4BzB,OA3Bc;EA4Bd,WEwGa;EFvGb,aE0EqB;EFzErB;;;AAIA;EACC;EACA;EACA,OArCa;EAsCb;;AAGD;EAA8B;;AAE9B;EAA6B;;;AAG9B;AACA;EAA2B","file":"index.css"}

package/dist/components/DatePicker/DatePicker.css

@@ -139,7 +139,7 @@
 }
 
 .Checkbox__box {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 3px;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
@@ -175,7 +175,7 @@
   border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -186,7 +186,7 @@
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -201,7 +201,7 @@
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -213,7 +213,7 @@
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
@@ -225,7 +225,7 @@
   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 var(--colorsBorderPrimarySubdued, #a9d1ff);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderDefault, #444445);
@@ -234,14 +234,14 @@
   border-color: var(--colorsBorderCritical, #e13212);
 }
 .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 var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) 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 var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -287,7 +287,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
@@ -446,8 +446,8 @@ span.Popover {
 }
 
 .DatePicker--open .Input:not(:focus) > .Input__InnerWrapper {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .DatePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
@@ -464,29 +464,53 @@ span.Popover {
   justify-content: center;
 }
 .DatePicker__calendar .k-calendar {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   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);
+  box-shadow: 0 0 38px 19px var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-calendar-view {
   z-index: 2;
 }
 .DatePicker__calendar .k-calendar .k-calendar-view .k-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
-.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:hover .k-link {
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:not(.k-range-mid):not(.k-selected):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-view .k-calendar-td.k-range-mid:hover {
+  position: relative;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover .k-link {
+  background-color: transparent;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected .k-link, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected .k-link {
+  color: var(--colorsTextInverted, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected:hover .k-link::before, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected:hover .k-link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .DatePicker__calendar .k-calendar .k-calendar-navigation {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -499,7 +523,7 @@ span.Popover {
 .DatePicker__calendar .k-calendar .k-calendar-navigation-highlight {
   border-color: var(--colorsBorderGrey, #dfe0e1);
   color: var(--colorsTextDefault, #141414);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-content {
   background-color: unset;
@@ -516,7 +540,7 @@ span.Popover {
   margin-top: 8px;
 }
 .DatePicker__calendar .k-calendar .k-nav-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
   cursor: pointer;
   padding: 5px 8px;
 }

package/dist/components/DatePicker/DatePicker.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR;;;ACtId;AAYA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAe;;;AAEf;AF3BC;EACA;AAEA;EACA;EE0BA,YArB0B;EAsB1B,eDViB;ECWjB;EACA;EACA;EACA;;AAEA;EACiB;;AAEjB;EACC;;;AAIF;EAAwB,eDzBN;;;AC2BlB;AACA;EACC;;;AAGD;EAAiB,WAhDM;;;AAiDvB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAkDtB;EACC;EACA;;;AAGD;AAOC;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAO/B;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EAAa;;;AAGd;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIA;EAAgC;;;ACvFC;AAyGT;AAEG;AC3H3B;AJfC;EACA;AAEA;EACA;EIcA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EAAqB;;;AACrB;EAAoB;;;AAEpB;EACC;EACA;;AAEA;EAAoB;;;AAKnB;EACC,kBAvCkB;EAwClB,cA/Be;;AAoChB;EACC,kBA5CgB;EA6ChB,cArCY;;;AA0Cf;AACA;AJxDC;EACA;AAEA;EACA;EIuDA;EACA;;AAEA;EACC,kBA5DmB;EA6DnB;EACA,OAxDa;AAsHb;;AA5DA;EACC;;AAGD;EACC;;AAEA;EACC,OApEU;;AAwEV;EACC,QAtEY;EAuEZ,OAxEU;EAyEV;;AAGD;EACC,OA9EW;EA+EX,kBAjFiB;EAkFjB,cA5Ea;;AAiFhB;EACC,kBA1Fc;EA2Fd,OAtFY;EAuFZ;;AAEA;EAEC;;AAIF;EACC,cA/Fc;EAgGd,OAjGY;EAkGZ,kBAxGkB;;AA2GnB;EACC;EACA,OAvGY;EAwGZ,cAvGc;;AA0Gf;AAAA;AAAA;EAGC,aHVgB;;AGajB;EACC;EACA;;AAID;EACC,OA1HW;EA2HX;EACA;;AAEA;EACC;AAEA;EACA;EACA","file":"DatePicker.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.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

@@ -17,6 +17,7 @@ import { Icon } from '../Icon';
 import { keys } from '../../utilities/keyCodes';
 import { InputDateMask } from './InputDateMask';
 import { TimezoneContext } from '../../utilities/TimezoneProvider';
+import { FormFieldContext } from '../../components/FormField';
 import { toDateObj, toTimeZone, fromTimeZone, toFormat, compareObj, invalidDate, isValidDate, } from './utils/utils';
 export const DatePicker = React.forwardRef((props, ref) => {
     const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value"]);
@@ -149,7 +150,8 @@ export const DatePicker = React.forwardRef((props, ref) => {
         open: showCalendar,
         error,
     });
-    const inputMask = (React.createElement(InputDateMask, Object.assign({}, inputMaskProps, { inputRef: inputRef, calendarRef: calendarRef, className: "DatePicker__input", onClick: openCalendar, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: toggleCalendar, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
+    const { labelFor: inputId } = React.useContext(FormFieldContext);
+    const inputMask = (React.createElement(InputDateMask, Object.assign({}, inputMaskProps, { id: inputId, inputRef: inputRef, calendarRef: calendarRef, className: "DatePicker__input", onClick: openCalendar, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: toggleCalendar, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
     const DatePickerClasses = classnames('DatePicker', {
         'DatePicker--disabled': disabled,
         'DatePicker--open': showCalendar,

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAEN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,GACX,MAAM,eAAe,CAAC;AA4FvB,MAAM,CAAC,MAAM,UAAU,GAAwB,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAyB,EAAE,EAAE;IACpC,MAAM,EACL,QAAQ,EACR,QAAQ,EAAE,cAAc,EACxB,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EAAE,UAAU,EACjB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EArBH,wNAqBL,CAAQ,CAAC;IACV,MAAM,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAClE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAClE,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAE7F,QAAQ;IACR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACrC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9B,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7D,oBAAoB;IACpB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,UAAU;IACV,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,sBAAsB;IACvE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAE5C,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAAE,OAAO;QAEnC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAE9D,WAAW;IACX,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,CAAC,YAAY,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,YAAY,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QACvC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAA,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,EAAE,CAC3B,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;;QAChD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAElB,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAa,EAAE,CAAC;YAChB,CAAC,OAAO,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC;SACtC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;YACf,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC9B;QAED,IAAI,YAAY,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;YAAE,aAAa,EAAE,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAsB,EAAE,EAAE;;QACvD,IAAI,YAAY,GAAG,YAAY,CAAC,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;QAEvE,IAAI,CAAA,MAAA,MAAA,CAAC,CAAC,WAAW,0CAAE,MAAM,0CAAE,SAAS,MAAK,aAAa;YACrD,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;QAE5D,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,CAAC,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,+CAA+C;YACnF,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,cAAc,CAAC,IAAI,CAAC,CAAC;SACrB;QAED,aAAa,EAAE,CAAC;QAChB,CAAC,OAAO,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC,CAAC,uDAAuD;IAC/F,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,GAAqB,EAAE,IAAU,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,SAAS,CAAC;YACtB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;YACvC,EAAE;YACF,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;SAClC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,cAAc,CAAC,IAAI,CAAC,CAAC;SACrB;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAwB,EAAE,EAAE,CACnD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,CAAC,GAAwB,EAAE,EAAE;;QAClD,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC,CAAC,cAAc;QAC3D,IAAI,CAAC,GAAG,CAAC,OAAO;YACf,OAAO,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe;QACzE,OAAO,SAAS,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,KAAK,+CAAT,GAAG,CAAU,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,aAAa;IACjE,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAqB,EAAE,IAAU,EAAE,EAAE;QAC5D,MAAM,OAAO,GAAG,SAAS,CAAC;YACzB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;YACvC,EAAE;YACF,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;SAClC,CAAC,CAAC;QAEH,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC,CAAC,mBAAmB;QAChF,oCAAoC;QACpC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO;YAAE,OAAO,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;QACtF,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAA;YAAE,OAAO,WAAW,CAAC,CAAC,4CAA4C;QAC3G,OAAO,CAAC,IAAI,CACX,iFAAiF,EACjF,IAAI,CACJ,CAAC;QACF,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,mBACnB,QAAQ;QACR,KAAK;QACL,QAAQ,EACR,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,WAAW;QACX,QAAQ;QACR,IAAI,EACJ,KAAK,EAAE,SAAS,EAAE,EAClB,KAAK,EAAE,UAAU,IACd,SAAS,CACZ,CAAC;IAEF,sEAAsE;IACtE,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC/C,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,EAAE;YAChD,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,UAAG,CAAC;SAC3C;QACD,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACrB,KAAK,EAAE,IAAI,CAAC,OAAO;YAClB,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,iBAAiB;YACnC,CAAC,CAAC,IAAI;QACP,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC/C,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC/C,QAAQ,EAAE,oBAAoB;QAC9B,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,UAAU;KAChB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG;QAC/B,KAAK,EAAE,IAAI,CAAC,OAAO;YAClB,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,iBAAiB;YACnC,CAAC,CAAC,IAAI;QACP,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,YAAY;QAClB,KAAK;KACL,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CACjB,oBAAC,aAAa,oBACT,cAAc,IAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,YAAY,EACrB,UAAU,EACT,oBAAC,IAAI,IACJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,cAAc,gBACZ,iBAAiB,GAC3B,EAEH,KAAK,gCACgB,YAAY,IAChC,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE;QAClD,sBAAsB,EAAE,QAAQ;QAChC,kBAAkB,EAAE,YAAY;QAChC,CAAC,eAAe,IAAI,EAAE,CAAC,EAAE,IAAI;KAC7B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,MAAM,QACN,gBAAgB,EAAE,iBAAiB,EACnC,IAAI,EAAE,YAAY,EAClB,uBAAuB,EAAC,sBAAsB,EAC9C,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,aAAa,EAC7B,OAAO,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,SAAS,IAC/B,IAAI,GAEP,cAAc,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,oBAAK,aAAa,EAAI,CACrC,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,oBAAK,aAAa,EAAI,CAC/B,CACQ,CACV,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DatePicker/DatePicker.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { DatePicker } from './DatePicker';
+describe('DatePicker', () => {
+    beforeEach(() => jest.spyOn(console, 'error'));
+    it('should pass through data automation attributes', () => {
+        const { container } = render(React.createElement(DatePicker, { open: true, "data-auto-sel": "automation-selector" }));
+        const element = container.querySelector('[data-auto-sel="automation-selector"]');
+        expect(element).not.toBeNull();
+    });
+});
+//# sourceMappingURL=DatePicker.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IAAC,IAAI,yBAAe,qBAAqB,GAAG,CACvD,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/DatePicker/index.css

@@ -139,7 +139,7 @@
 }
 
 .Checkbox__box {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 3px;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
@@ -175,7 +175,7 @@
   border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -186,7 +186,7 @@
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -201,7 +201,7 @@
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -213,7 +213,7 @@
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
@@ -225,7 +225,7 @@
   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 var(--colorsBorderPrimarySubdued, #a9d1ff);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderDefault, #444445);
@@ -234,14 +234,14 @@
   border-color: var(--colorsBorderCritical, #e13212);
 }
 .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 var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) 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 var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -287,7 +287,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
@@ -446,8 +446,8 @@ span.Popover {
 }
 
 .DatePicker--open .Input:not(:focus) > .Input__InnerWrapper {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .DatePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
@@ -464,29 +464,53 @@ span.Popover {
   justify-content: center;
 }
 .DatePicker__calendar .k-calendar {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   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);
+  box-shadow: 0 0 38px 19px var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-calendar-view {
   z-index: 2;
 }
 .DatePicker__calendar .k-calendar .k-calendar-view .k-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
-.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:hover .k-link {
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:not(.k-range-mid):not(.k-selected):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-view .k-calendar-td.k-range-mid:hover {
+  position: relative;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover .k-link {
+  background-color: transparent;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected .k-link, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected .k-link {
+  color: var(--colorsTextInverted, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected:hover .k-link::before, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected:hover .k-link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .DatePicker__calendar .k-calendar .k-calendar-navigation {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -499,7 +523,7 @@ span.Popover {
 .DatePicker__calendar .k-calendar .k-calendar-navigation-highlight {
   border-color: var(--colorsBorderGrey, #dfe0e1);
   color: var(--colorsTextDefault, #141414);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-content {
   background-color: unset;
@@ -516,7 +540,7 @@ span.Popover {
   margin-top: 8px;
 }
 .DatePicker__calendar .k-calendar .k-nav-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
   cursor: pointer;
   padding: 5px 8px;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"index.css"}