@servicetitan/design-system 12.9.0 → 12.11.0

package/dist/components/Sidebar/index.css

@@ -68,7 +68,7 @@
   overflow-x: hidden;
   opacity: 0;
 }
-.Sidebar--collapsed .Sidebar__toggle-button:not(:hover) {
+.Sidebar--collapsed .Sidebar__toggle-button:not(:hover):not(:focus) {
   box-shadow: none;
 }
 
@@ -113,6 +113,9 @@
 .Sidebar__toggle-button:hover::before {
   background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
 }
+.Sidebar__toggle-button.Button--focus-visible:focus {
+  opacity: 1;
+}
 
 .Sidebar__toggle-button-wrapper {
   position: absolute;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;;AA6H1B;EACC;EACA,KApI2B;EAqI3B;EACA;;;AE3ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA;;;AE7ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}

package/dist/components/Snackbar/Snackbar.d.ts

@@ -3,7 +3,9 @@ import React, { FC } from 'react';
  * Link properties
  */
 export interface SnackbarPropsStrict {
-    /** Name of the action shown to users */
+    /**
+     * @deprecated - use input.size
+     */
     actionName?: string;
     /** Adds one or more classnames for an element */
     className?: string;
@@ -15,7 +17,9 @@ export interface SnackbarPropsStrict {
     onClose?: (e?: React.SyntheticEvent<HTMLElement>) => void;
     /** Makes Snackbar open through ReactDOM.createPortal */
     portal?: boolean;
-    /** The message displayed to the user */
+    /**
+     * @deprecated - use input.size
+     */
     title: string;
 }
 export interface SnackbarProps extends SnackbarPropsStrict {

package/dist/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK;QAER,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAoC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK;QAER,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}

package/dist/components/Snackbar/Snackbar.test.js

@@ -1,9 +1,19 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import React from 'react';
 import { render, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { Snackbar } from './Snackbar';
 describe('Snackbar', () => {
     jest.useFakeTimers();
+    const user = userEvent.setup();
     it('should call `onClose` when duration ends', () => {
         const onClose = jest.fn();
         render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
@@ -25,22 +35,24 @@ describe('Snackbar', () => {
         expect(onClose).toBeCalled();
         expect(onClose).toHaveBeenCalledTimes(1);
     });
-    it('should call `onClose` when user clicks x', () => {
+    it('should call `onClose` when user clicks x', () => __awaiter(void 0, void 0, void 0, function* () {
+        jest.useRealTimers();
         const onClose = jest.fn();
         const { getByRole } = render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
         expect(onClose).not.toBeCalled();
-        userEvent.click(getByRole('button'));
+        yield user.click(getByRole('button'));
         expect(onClose).toBeCalled();
         expect(onClose).toHaveBeenCalledTimes(1);
-    });
-    it('should call `onActionClick` when user clicks Action', () => {
+    }));
+    it('should call `onActionClick` when user clicks Action', () => __awaiter(void 0, void 0, void 0, function* () {
+        jest.useRealTimers();
         const actionName = 'Undo';
         const onActionClick = jest.fn();
         const { getByText } = render(React.createElement(Snackbar, { title: "test title", actionName: actionName, onActionClick: onActionClick }));
         expect(onActionClick).not.toBeCalled();
-        userEvent.click(getByText(actionName));
+        yield user.click(getByText(actionName));
         expect(onActionClick).toBeCalled();
         expect(onActionClick).toHaveBeenCalledTimes(1);
-    });
+    }));
 });
 //# sourceMappingURL=Snackbar.test.js.map

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

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

package/dist/components/ToggleSwitch/ToggleSwitch.test.js

@@ -1,22 +1,32 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import React from 'react';
 import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ToggleSwitch } from './ToggleSwitch';
 describe('ToggleSwitch', () => {
     beforeEach(() => jest.spyOn(console, 'error'));
-    it('it should be checked on click', () => {
+    const user = userEvent.setup();
+    it('it should be checked on click', () => __awaiter(void 0, void 0, void 0, function* () {
         const { getByLabelText } = render(React.createElement(ToggleSwitch, { label: "Label" }));
         const toggleSwitch = getByLabelText('Label');
         expect(toggleSwitch.checked).toEqual(false);
-        userEvent.click(toggleSwitch);
+        yield user.click(toggleSwitch);
         expect(toggleSwitch.checked).toEqual(true);
-    });
-    it('it should return object on change', () => {
+    }));
+    it('it should return object on change', () => __awaiter(void 0, void 0, void 0, function* () {
         const onChangeTest = jest.fn();
         const { getByLabelText } = render(React.createElement(ToggleSwitch, { onChange: onChangeTest, value: "test", label: "Label" }));
         const toggleSwitch = getByLabelText('Label');
-        userEvent.click(toggleSwitch);
+        yield user.click(toggleSwitch);
         expect(onChangeTest).toBeCalledWith('test', true);
-    });
+    }));
 });
 //# sourceMappingURL=ToggleSwitch.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.test.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACnE,CAAC;QACF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ToggleSwitch.test.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC9C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACnE,CAAC;QACF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/index.css

@@ -1051,7 +1051,7 @@ button.Button {
   line-height: 1.5;
 }
 .Button.Button--icon-only.Button--xsmall {
-  line-height: 0.8;
+  line-height: 1;
 }
 .Button.Button--icon-only.Button--xsmall svg {
   height: 20px;
@@ -10032,7 +10032,7 @@ button.a-Icon svg {
   overflow-x: hidden;
   opacity: 0;
 }
-.Sidebar--collapsed .Sidebar__toggle-button:not(:hover) {
+.Sidebar--collapsed .Sidebar__toggle-button:not(:hover):not(:focus) {
   box-shadow: none;
 }
 
@@ -10077,6 +10077,9 @@ button.a-Icon svg {
 .Sidebar__toggle-button:hover::before {
   background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
 }
+.Sidebar__toggle-button.Button--focus-visible:focus {
+  opacity: 1;
+}
 
 .Sidebar__toggle-button-wrapper {
   position: absolute;
@@ -10117,20 +10120,23 @@ button.a-Icon svg {
   color: var(--colorsTextDefault, #141414);
   padding: 16px;
 }
-.SideNav .Tag {
-  margin-left: 8px;
-  transform: translateY(-1px);
-}
 .SideNav a {
   text-decoration: none;
 }
+.SideNav .SideNav {
+  padding: 0;
+}
 
 .SideNav__title {
-  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
-  margin: 0 16px;
-  padding: 8px 0 24px;
+  margin: 0 8px;
+  margin-bottom: 16px;
+  padding: 8px 0;
   color: var(--colorsTextOnGrey, #444445);
 }
+.SideNav__title .Tag {
+  margin-left: 8px;
+  transform: translateY(-1px);
+}
 
 .SideNav__list {
   list-style: none;
@@ -10138,45 +10144,121 @@ button.a-Icon svg {
   margin-left: 0;
   margin-top: 0;
   padding-left: 0;
-  padding-top: 16px;
 }
 
 .SideNavItem {
   margin: 0;
   padding: 0;
 }
-
-.SideNavItem__button {
+.SideNavItem > .SideNavItem__button {
   border-radius: 3px;
   color: var(--colorsTextDefault, #141414);
   font-weight: 400;
   cursor: pointer;
-  display: block;
-  padding: 6px 16px;
+  display: flex;
+  min-height: 22px;
+  padding: 6px 8px;
   position: relative;
   transition: color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
   text-decoration: none;
+  /* States */
 }
-.SideNavItem__button:focus {
+.SideNavItem > .SideNavItem__button:hover {
+  background: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
+}
+.SideNavItem > .SideNavItem__button:active:not(:focus-within) {
+  background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
+}
+.SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
   outline: none;
+  box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
 }
-.SideNavItem__button:hover, .SideNavItem__button.SideNavItem__button--focus-visible:focus {
-  background: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
-  color: var(--colorsTextPrimary, #2270ee);
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__content,
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__suffix {
+  color: currentColor;
+  display: inline-flex;
+  align-items: center;
+}
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix {
+  margin-right: 8px;
+}
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__suffix {
+  margin-left: 8px;
+}
+.SideNavItem > .SideNavItem__button > .SideNavItem__button__content {
+  flex-grow: 1;
+  margin-top: 0.5px;
 }
-.SideNavItem--active .SideNavItem__button {
+.SideNavItem.SideNavItem--disabled > .SideNavItem__button {
+  background-color: transparent !important;
+  opacity: 0.4;
+  pointer-events: none;
+}
+.SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
+  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
   color: var(--colorsTextPrimary, #2270ee);
 }
+.SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) > .SideNavItem__button__content {
+  font-weight: bold;
+}
+.SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) .a-Icon svg {
+  color: var(--colorsTextPrimary, #2270ee) !important;
+  fill: var(--colorsTextPrimary, #2270ee) !important;
+}
+.SideNavItem .SideNavItem__button--expanded > .SideNavItem__button__content {
+  font-weight: bold;
+}
+.SideNavItem .SideNav .SideNavItem > .SideNavItem__button > .SideNavItem__button__content {
+  margin-left: 28px;
+}
+.SideNavItem .SideNav .SideNavItem > .SideNavItem__button .SideNavItem__button__prefix {
+  display: none;
+}
+
+.SideNavItem__button__suffix__collapsible-icon {
+  transition: transform cubic-bezier(0.4, 0, 0.2, 1) 300ms 0ms;
+  transform: rotate(0) translateY(1px);
+}
+.SideNavItem__button--expanded .SideNavItem__button__suffix__collapsible-icon {
+  transform: rotate(180deg) translateY(0);
+}
+
+.SideNavItem__button .SideNavItem__button__prefix .a-Icon,
+.SideNavItem__button .SideNavItem__button__suffix .a-Icon {
+  margin-top: -0.5px;
+}
+.SideNavItem__button .StatusLight {
+  margin: -4px -5px;
+}
+.SideNavItem__button .Button {
+  margin: -4px;
+  vertical-align: middle;
+}
+.SideNavItem__button .ActionMenu__TriggerWrapper {
+  margin-top: -3px;
+}
+.SideNavItem__button .Tooltip {
+  margin-top: -2px;
+}
+.SideNavItem__button .Tag {
+  margin-left: 8px;
+  transform: translateY(0);
+}
 
 .SideNavGroup {
-  margin-top: 32px;
+  margin-top: 24px;
 }
 .SideNav__list .SideNavGroup:first-child {
   margin-top: 16px;
 }
+.SideNav__list .SideNavGroup:last-child {
+  margin-bottom: 16px;
+}
 
 .SideNavGroup__title {
-  margin: 0 16px 8px;
+  margin: 8px;
+  margin-top: 0;
 }
 
 .SideNavGroup__list {