@servicetitan/design-system 14.0.0 → 14.0.2

package/dist/themes/index.css

@@ -229,7 +229,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);

package/dist/themes/kendo/index.css

@@ -229,7 +229,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);

package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js

@@ -68,6 +68,15 @@ describe('When DateRangePicker receives 2022-06-26T00:00:00.000-07:00 for start
             .innerHTML).toBe('Jun 26, 2022 - Jun 26, 2022');
     });
 });
+const getNewToday = DateTime.fromJSDate(new Date(), {
+    zone: 'America/Los_Angeles',
+})
+    .setLocale('en')
+    .toLocaleString({
+    month: '2-digit',
+    day: '2-digit',
+    year: 'numeric',
+});
 describe('When Today is clicked on the DateRangePicker', () => {
     beforeEach(() => jest.spyOn(console, 'error'));
     const user = userEvent.setup();
@@ -78,22 +87,39 @@ describe('When Today is clicked on the DateRangePicker', () => {
                     end: new Date('2022-06-27T00:00:00.000-07:00'),
                 }, open: true })));
         yield waitFor(() => { });
-        const getNewToday = DateTime.fromJSDate(new Date(), {
-            zone: 'America/Los_Angeles',
-        })
-            .setLocale('en')
-            .toLocaleString({
-            month: '2-digit',
-            day: '2-digit',
-            year: 'numeric',
-        });
         expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', '06/26/2022');
         expect(getByPlaceholderText('End Date')).toHaveAttribute('value', '06/27/2022');
         yield user.click(getByText('TODAY'));
         expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', getNewToday);
-        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', '06/27/2022');
+        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', undefined);
+        yield user.click(getByText('TODAY'));
+        expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', getNewToday);
+        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', getNewToday);
+    }));
+    it('It should swap dates if start date is populated, today is selected, and dates are out of order', () => __awaiter(void 0, void 0, void 0, function* () {
+        const { getByPlaceholderText, getByText } = render(React.createElement(TimezoneProvider, { timezone: "America/Los_Angeles" },
+            React.createElement(DateRangePicker, { value: {
+                    start: new Date('2122-06-26T00:00:00.000-07:00'),
+                    end: undefined,
+                }, open: true })));
+        yield waitFor(() => { });
+        expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', '06/26/2122');
+        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', undefined);
         yield user.click(getByText('TODAY'));
         expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', getNewToday);
+        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', '06/26/2122');
+    }));
+    it('It should swap dates if end date is populated, today is selected, and dates are out of order', () => __awaiter(void 0, void 0, void 0, function* () {
+        const { getByPlaceholderText, getByText } = render(React.createElement(TimezoneProvider, { timezone: "America/Los_Angeles" },
+            React.createElement(DateRangePicker, { value: {
+                    start: undefined,
+                    end: new Date('2022-06-26T00:00:00.000-07:00'),
+                }, open: true })));
+        yield waitFor(() => { });
+        expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', undefined);
+        expect(getByPlaceholderText('End Date')).toHaveAttribute('value', '06/26/2022');
+        yield user.click(getByText('TODAY'));
+        expect(getByPlaceholderText('Start Date')).toHaveAttribute('value', '06/26/2022');
         expect(getByPlaceholderText('End Date')).toHaveAttribute('value', getNewToday);
     }));
 });

package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimezoneProvider.test.js","sourceRoot":"","sources":["../../../src/utilities/TimezoneProvider/TimezoneProvider.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render, waitFor } from '@testing-library/react';\nimport { DatePicker, DateRangePicker } from '../../components';\nimport { TimezoneProvider } from '../TimezoneProvider';\nimport userEvent from '@testing-library/user-event';\nimport { DateTime } from 'luxon';\n\n(window as any).ResizeObserver = class ResizeObserver {\n\tobserve() {}\n\tdisconnect() {}\n};\n\ndescribe('When DatePicker receives 2022-06-26T00:00:00.000-07:00', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('It should have selected date as 6/25 when timezone is set to Pacific/Honolulu', () => {\n\t\tconst { getByPlaceholderText } = render(\n\t\t\t<TimezoneProvider timezone=\"Pacific/Honolulu\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/25/2022'\n\t\t);\n\t});\n\n\tit('It should have selected date as 6/26 when timezone is set to America/Los_Angeles', async () => {\n\t\tconst { getByPlaceholderText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\t});\n});\n\ndescribe('When Today is clicked on the Datepicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\tconst onChangeHandler = jest.fn();\n\tconst user = userEvent.setup();\n\n\tit('It should select today of current time in local timezone', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t\topen\n\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\tconst localToday = DateTime.fromJSDate(new Date(), {\n\t\t\tzone: 'America/Los_Angeles',\n\t\t}).toFormat('LL/dd/yyyy');\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tlocalToday\n\t\t);\n\t});\n});\n\ndescribe('When DateRangePicker receives 2022-06-26T00:00:00.000-07:00 for start and 2022-06-26T23:59:59.999-07:00 for end', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('It should have start as Jun 25 and end as Jun 26, 2022 when timezone is set to Pacific/Honolulu', () => {\n\t\tconst { getByTestId } = render(\n\t\t\t<TimezoneProvider timezone=\"Pacific/Honolulu\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tdata-testid=\"drp\"\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-26T23:59:59.999-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(\n\t\t\tgetByTestId('drp').getElementsByClassName('Trigger__value')[0]\n\t\t\t\t.innerHTML\n\t\t).toBe('Jun 25, 2022 - Jun 26, 2022');\n\t});\n\n\tit('It should have selected both start and end as Jun 26, 2022 when timezone is set to America/Los_Angeles', () => {\n\t\tconst { getByTestId } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tdata-testid=\"drp\"\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-26T23:59:59.999-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(\n\t\t\tgetByTestId('drp').getElementsByClassName('Trigger__value')[0]\n\t\t\t\t.innerHTML\n\t\t).toBe('Jun 26, 2022 - Jun 26, 2022');\n\t});\n});\n\ndescribe('When Today is clicked on the DateRangePicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('It should select today of current time in local timezone', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-27T00:00:00.000-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t\topen\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\tconst getNewToday = DateTime.fromJSDate(new Date(), {\n\t\t\tzone: 'America/Los_Angeles',\n\t\t})\n\t\t\t.setLocale('en')\n\t\t\t.toLocaleString({\n\t\t\t\tmonth: '2-digit',\n\t\t\t\tday: '2-digit',\n\t\t\t\tyear: 'numeric',\n\t\t\t});\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/27/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/27/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\t});\n});\n"]}
+{"version":3,"file":"TimezoneProvider.test.js","sourceRoot":"","sources":["../../../src/utilities/TimezoneProvider/TimezoneProvider.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render, waitFor } from '@testing-library/react';\nimport { DatePicker, DateRangePicker } from '../../components';\nimport { TimezoneProvider } from '../TimezoneProvider';\nimport userEvent from '@testing-library/user-event';\nimport { DateTime } from 'luxon';\n\n(window as any).ResizeObserver = class ResizeObserver {\n\tobserve() {}\n\tdisconnect() {}\n};\n\ndescribe('When DatePicker receives 2022-06-26T00:00:00.000-07:00', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('It should have selected date as 6/25 when timezone is set to Pacific/Honolulu', () => {\n\t\tconst { getByPlaceholderText } = render(\n\t\t\t<TimezoneProvider timezone=\"Pacific/Honolulu\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/25/2022'\n\t\t);\n\t});\n\n\tit('It should have selected date as 6/26 when timezone is set to America/Los_Angeles', async () => {\n\t\tconst { getByPlaceholderText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\t});\n});\n\ndescribe('When Today is clicked on the Datepicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\tconst onChangeHandler = jest.fn();\n\tconst user = userEvent.setup();\n\n\tit('It should select today of current time in local timezone', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DatePicker\n\t\t\t\t\tplaceholder=\"Test DatePicker\"\n\t\t\t\t\tvalue={new Date('2022-06-26T00:00:00.000-07:00')}\n\t\t\t\t\topen\n\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\tconst localToday = DateTime.fromJSDate(new Date(), {\n\t\t\tzone: 'America/Los_Angeles',\n\t\t}).toFormat('LL/dd/yyyy');\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Test DatePicker')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tlocalToday\n\t\t);\n\t});\n});\n\ndescribe('When DateRangePicker receives 2022-06-26T00:00:00.000-07:00 for start and 2022-06-26T23:59:59.999-07:00 for end', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('It should have start as Jun 25 and end as Jun 26, 2022 when timezone is set to Pacific/Honolulu', () => {\n\t\tconst { getByTestId } = render(\n\t\t\t<TimezoneProvider timezone=\"Pacific/Honolulu\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tdata-testid=\"drp\"\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-26T23:59:59.999-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(\n\t\t\tgetByTestId('drp').getElementsByClassName('Trigger__value')[0]\n\t\t\t\t.innerHTML\n\t\t).toBe('Jun 25, 2022 - Jun 26, 2022');\n\t});\n\n\tit('It should have selected both start and end as Jun 26, 2022 when timezone is set to America/Los_Angeles', () => {\n\t\tconst { getByTestId } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tdata-testid=\"drp\"\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-26T23:59:59.999-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\texpect(\n\t\t\tgetByTestId('drp').getElementsByClassName('Trigger__value')[0]\n\t\t\t\t.innerHTML\n\t\t).toBe('Jun 26, 2022 - Jun 26, 2022');\n\t});\n});\n\nconst getNewToday = DateTime.fromJSDate(new Date(), {\n\tzone: 'America/Los_Angeles',\n})\n\t.setLocale('en')\n\t.toLocaleString({\n\t\tmonth: '2-digit',\n\t\tday: '2-digit',\n\t\tyear: 'numeric',\n\t});\n\ndescribe('When Today is clicked on the DateRangePicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('It should select today of current time in local timezone', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: new Date('2022-06-27T00:00:00.000-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t\topen\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/27/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tundefined\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\t});\n\n\tit('It should swap dates if start date is populated, today is selected, and dates are out of order', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: new Date('2122-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t\tend: undefined,\n\t\t\t\t\t}}\n\t\t\t\t\topen\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2122'\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tundefined\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2122'\n\t\t);\n\t});\n\n\tit('It should swap dates if end date is populated, today is selected, and dates are out of order', async () => {\n\t\tconst { getByPlaceholderText, getByText } = render(\n\t\t\t<TimezoneProvider timezone=\"America/Los_Angeles\">\n\t\t\t\t<DateRangePicker\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tstart: undefined,\n\t\t\t\t\t\tend: new Date('2022-06-26T00:00:00.000-07:00'),\n\t\t\t\t\t}}\n\t\t\t\t\topen\n\t\t\t\t/>\n\t\t\t</TimezoneProvider>\n\t\t);\n\n\t\tawait waitFor(() => {});\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tundefined\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\tawait user.click(getByText('TODAY'));\n\n\t\texpect(getByPlaceholderText('Start Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\t'06/26/2022'\n\t\t);\n\n\t\texpect(getByPlaceholderText('End Date')).toHaveAttribute(\n\t\t\t'value',\n\t\t\tgetNewToday\n\t\t);\n\t});\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@servicetitan/design-system",
-	"version": "14.0.0",
+	"version": "14.0.2",
 	"description": "",
 	"homepage": "https://anvil.servicetitan.com",
 	"repository": {
@@ -72,10 +72,10 @@
 		"@progress/kendo-react-popup": "~5.5.0",
 		"@progress/kendo-react-treeview": "~5.5.0",
 		"@react-hook/window-size": "^3.0.7",
-		"@servicetitan/anvil-fonts": "^14.0.0",
-		"@servicetitan/anvil-icons": "^14.0.0",
-		"@servicetitan/anvil-themes": "^14.0.0",
-		"@servicetitan/tokens": "^12.7.0",
+		"@servicetitan/anvil-fonts": "^14.0.2",
+		"@servicetitan/anvil-icons": "^14.0.2",
+		"@servicetitan/anvil-themes": "^14.0.2",
+		"@servicetitan/tokens": "^12.9.0",
 		"classnames": "2.3.1",
 		"framer-motion": "10.12.22",
 		"luxon": "^2.4.0",
@@ -86,6 +86,7 @@
 		"react-is": "18.2.0",
 		"react-popper": "2.3.0",
 		"react-textarea-autosize": "8.5.2",
+		"react-transition-group": "4.4.2",
 		"semantic-ui-react": "2.1.4",
 		"tinycolor2": "1.4.2"
 	},
@@ -95,9 +96,9 @@
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.22.9",
-		"@lib/semantic": "^14.0.0",
+		"@lib/semantic": "^14.0.2",
 		"@progress/kendo-theme-default": "~5.5.0",
-		"@servicetitan/anvil-css-utilities": "^14.0.0",
+		"@servicetitan/anvil-css-utilities": "^14.0.2",
 		"@testing-library/jest-dom": "5.16.5",
 		"@testing-library/react": "14.0.0",
 		"@testing-library/user-event": "14.4.3",
@@ -123,5 +124,5 @@
 		"ts-jest": "29.1.1",
 		"typescript": "4.5.5"
 	},
-	"gitHead": "3c998a94ce619f7662b08d66c7aad8e44373bbb7"
+	"gitHead": "0f03ed52e08cff4abd814a61b693e7479049f044"
 }