@servicetitan/design-system 11.4.2 → 11.5.2-beta.1

package/dist/components/Input/Input.css

@@ -1,68 +1,5 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 /* Variables */
-/* Form Sizes */
-.Form--mini {
-  font-size: 0.8125rem;
-}
-
-.Form--tiny {
-  font-size: 0.875rem;
-}
-
-.Form--small {
-  font-size: 0.9375rem;
-}
-
-.Form--medium {
-  font-size: 1rem;
-}
-
-.Form--large {
-  font-size: 1.125rem;
-}
-
-.Form--big {
-  font-size: 1.3125rem;
-}
-
-.Form--huge {
-  font-size: 1.4375rem;
-}
-
-.Form--massive {
-  font-size: 1.6875rem;
-}
-
-/* Stretching of Input when placed in a Field */
-.Form .FormField .Input,
-.Form .FormGroup .FormField .Input {
-  width: 100%;
-}
-
-/* Global variables for Input, TextArea, Select */
-/* FormField error */
-/* Backward compatibility with Semantic.React Fields */
-.Fields.Fields--error .Field .Input > input,
-.Fields.Fields--error .Field .TextArea,
-.Field.Field--error .Input > input,
-.Field.Field--error .TextArea {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-}
-.Fields.Fields--error .Field .Input > input:focus,
-.Fields.Fields--error .Field .TextArea:focus,
-.Field.Field--error .Input > input:focus,
-.Field.Field--error .TextArea:focus {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-
-/* Input variables are stored in Form.scss */
 /* Paddings are set in em's for internal parts of .Input */
 .Input.Input > .ButtonGroup:first-child > .ButtonGroup__InternalWrapper > .ButtonGroup__Item:first-child > .Button, .Input.Input > .Input__InnerWrapper:first-child,
 .Input.Input > .Dropdown:first-child,
@@ -101,6 +38,7 @@
   border-bottom-right-radius: 0;
 }
 
+/* Styling for :autofill pseudo-class */
 /*** Input styles ***/
 .Input {
   /* Set color on root of component. It can be overridden after the @include */
@@ -111,8 +49,7 @@
   -moz-osx-font-smoothing: grayscale;
   position: relative;
   display: inline-flex;
-  color: #040404;
-  background-color: #ffffff;
+  color: var(--colorsTextDefault, #141414);
   /* Sizes */
   /*** States ***/
   /* Readonly */
@@ -156,9 +93,9 @@
   padding: 0;
   max-width: 100%;
   /* ... */
-  background-color: #ffffff;
-  border: 1px solid #dfe0e1;
-  color: #040404;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
   border-radius: 3px;
   transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
   box-shadow: none;
@@ -179,101 +116,99 @@
   font-family: inherit;
   font-size: inherit;
   outline: none;
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   text-align: left;
   line-height: 1.5;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   /* ... */
   background-color: transparent;
   border: none;
-  color: #040404;
+  color: var(--colorsTextDefault, #141414);
   transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
   box-shadow: none;
   /* Chrome autofill styling */
 }
 .Input > .Input__InnerWrapper > input[readonly] {
-  background-color: #f7f7f7;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Input > .Input__InnerWrapper > input::placeholder {
-  color: rgba(4, 4, 4, 0.4);
+  color: var(--colorsTextDefault, #141414);
+  opacity: 0.4;
+}
+.Input > .Input__InnerWrapper > input:autofill {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
+}
+.Input > .Input__InnerWrapper > input:autofill + .InputAddon {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
 }
-.Input > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #fffff0 inset !important;
-  border-color: #e5dfa1 !important;
+.Input > .Input__InnerWrapper > input:-webkit-autofill {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
+}
+.Input > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
 }
 .Input.Input--readonly > .Input__InnerWrapper {
-  background-color: #f7f7f7;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Input.Input--disabled, .Input:not(.Input--disabled) input[disabled] {
   opacity: 0.6;
 }
-.Input.Input--disabled *, .Input:not(.Input--disabled) input[disabled] * {
-  pointer-events: none;
+.Input.Input--disabled > .Input__InnerWrapper, .Input:not(.Input--disabled) input[disabled] {
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
-.Input.Input--disabled input, .Input:not(.Input--disabled) input[disabled], .Input.Input--disabled .InputAddon {
-  background-color: #f7f7f7;
+.Input.Input--disabled > .Input__InnerWrapper, .Input.Input--disabled > .Input__InnerWrapper *, .Input:not(.Input--disabled) input[disabled], .Input:not(.Input--disabled) input[disabled] * {
   pointer-events: none;
 }
-.Input.Input--disabled input::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder, .Input.Input--disabled .InputAddon::placeholder {
-  color: rgba(4, 4, 4, 0.4);
+.Input.Input--disabled > .Input__InnerWrapper::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder {
+  color: var(--colorsTextDefault, #141414);
+  opacity: 0.4;
 }
 .Input:focus-within, .Input.Input--focus {
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   border-radius: 3px;
 }
 .Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
-  background-color: #ffffff;
-  border-color: #2270ee;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border-color: var(--colorsBorderPrimary, #2270ee);
 }
 .Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
-  color: #040404;
-}
-.Input:focus-within > .Input__InnerWrapper > input::-webkit-autofill, .Input.Input--focus > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #fffff0 inset !important;
-  border-color: #d5c315 !important;
-}
-.Input:focus-within > .Input__InnerWrapper > .InputAddon, .Input.Input--focus > .Input__InnerWrapper > .InputAddon {
-  border-color: transparent;
+  color: var(--colorsTextDefault, #141414);
 }
 .Input.Input--error {
   /* Error Focus */
 }
 .Input.Input--error > .Input__InnerWrapper {
-  background-color: #ffece9;
-  border-color: #e63717;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 .Input.Input--error > .Input__InnerWrapper > input {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
   box-shadow: none;
   /* Error Placeholder */
-  /* Error */
 }
-.Input.Input--error > .Input__InnerWrapper > input::-webkit-input-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input::placeholder {
+  color: var(--colorsTextCritical, #e63717);
+  opacity: 0.4;
 }
-.Input.Input--error > .Input__InnerWrapper > input::-moz-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input:autofill {
+  box-shadow: none !important;
 }
-.Input.Input--error > .Input__InnerWrapper > input:-ms-input-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input:autofill + .InputAddon {
+  box-shadow: none !important;
 }
-.Input.Input--error > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #ffece9 inset !important;
-  border-color: #e63717 !important;
+.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill {
+  box-shadow: none !important;
+}
+.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
+  box-shadow: none !important;
 }
 .Input.Input--error > .Input__InnerWrapper > .InputAddon {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 .Input.Input--error:focus-within, .Input.Input--error.Input--focus {
-  box-shadow: 0 0 0 3px #ffb2a0;
-}
-.Input.Input--error:focus-within input, .Input.Input--error.Input--focus input {
-  border-color: #e63717;
-}
-.Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
-  border-color: #e63717;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
-.Input.Input--error .InputAddon > .a-Icon {
-  color: #e63717;
+.Input.Input--error .InputAddon .a-Icon {
+  color: var(--colorsTextCritical, #e63717);
 }
 .Input.Input--loading.Input--loading .Spinner {
   line-height: 1;
@@ -292,7 +227,7 @@
   pointer-events: none;
 }
 .Input > .Input__InnerWrapper .a-Icon {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   transition: opacity 0.3s ease;
   line-height: inherit;
 }
@@ -307,7 +242,7 @@
   font-size: 16px;
   z-index: 0;
   /* Differ from Semantic UI */
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   height: auto;
   display: flex;
   align-items: center;

package/dist/components/Input/Input.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/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AE7EF;AAGA;AAqBA;AAAA;AAAA;EACC,wBD1BuB;EC2BvB,2BD3BuB;;;AC8BxB;AAAA;AAAA;EACC,yBD/BuB;ECgCvB,4BDhCuB;;;ACmCxB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AACA;AC3DC;EACA;AAEA;EACA;ECHC;EACA;EF6DD;EACA;EACA,OD/Ca;ECgDb,kBDjDa;ACsDb;AAyEA;AAEA;AAKA;AAeA;AAuBA;AAqCA;AAgBA;AAEA;AASA;AAuCA;AAmCA;AA0CA;AASA;;AAtTA;EACM;;AAGN;EAAkB,WD6DL;;AC3Db;EAIC,WDwDY;;ACrDb;EACwB,SA5DxB;;AA6DA;EAAwB,SAnExB;;AAoEA;EAAuB,SAjEvB;;AAkEA;EAAuB,SA5DvB;;AAqEA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBDrFY;ECsFZ,QF/Da;EEgEb,ODtFY;ECuFZ,eDtGsB;ECuGtB,YFrDD;EEsDC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aDgBgB;ACdhB;EACA;EACA;EACA,OD/GW;ECgHX,YF7EF;EE8EE;AAKA;;AAHA;EAAc,kBDhGE;;ACiGhB;EAAiB,OFvGM;;AE0GvB;EACC;EACA;;AAQH;EACC,kBD/GiB;;ACmHlB;EAEC,SD3CiB;;AC4CjB;EAAI;;AAGL;EAGC,kBD5HiB;EC6HjB;;AACA;EAAiB,OFpIO;;AEwIzB;EAEC,YDlDa;ECmDb,eDvKsB;;ACyKtB;EACC,kBD5JW;EC6JX,cD3JU;;AC6JV;EACC,OD/JU;;ACiKV;EACC;EACA;;AAIF;EAAgB;;AAKlB;AAwBC;;AAvBA;EACC,kBD3Ga;EC4Gb,cDxGa;;AC0Gb;EACC,OD3GY;EC4GZ;AAEA;AAKA;;AAJA;EAA+B,OF3IH;;AE4I5B;EAAsB,OF5IM;;AE6I5B;EAA0B,OF7IE;;AEgJ5B;EACC;EACA;;AAIF;EAAgB,OD1HH;;AC8Hd;EAEC;;AAEA;EAAQ,cDlIK;;ACmIb;EAAc,cDnID;;ACsId;EAAwB,ODtIV;;ACiJd;EACC;EACA;EACA;EACA,OAzOW;;AAgPb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC;;AAGD;EACC,OD7NiB;EC8NjB,YARiB;EASjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WDhJY;ECiJZ;AAEA;EACA,OD/OiB;ECgPjB;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAzSD;EA0SC,WDrLY;;ACuLb;EAAsD,SAzStD;;AA0SA;EAAuD,SAvSvD;;AAwSA;EAAsD,SArStD;;AAwSA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"Input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACIA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC3CiB;ED4CjB,2BC5CiB;;;AD+ClB;AAAA;AAAA;EACC,yBChDiB;EDiDjB,4BCjDiB;;;ADoDlB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AEzFC;EACA;AAEA;EACA;ECHC;EACA;EH2FD;EACA;EACA,OA9Ec;AAmFd;AAkFA;AAEA;AAKA;AAmBA;AAgBA;AAuCA;AAgBA;AAEA;AASA;AAuCA;AAmCA;AA0CA;AASA;;AA9TA;EACM;;AAGN;EAAkB,WCiCL;;AD/Bb;EAIC,WC4BY;;ADzBb;EACwB,SApExB;;AAqEA;EAAwB,SA3ExB;;AA4EA;EAAuB,SAzEvB;;AA0EA;EAAuB,SApEvB;;AA6EA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBAhHmB;EAiHnB;EACA,OApHa;EAqHb,eC/HgB;EDgIhB,YA1HD;EA2HC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCXgB;EDYhB;AAEA;EACA;EACA;EACA,OA7IY;EA8IZ,YAlJF;EAmJE;AASA;;AAPA;EAAc,kBA7IK;;AA+InB;EACC,OApJW;EAqJX,SCtDkB;;AD0DnB;EAzFF;;AA2FG;EA3FH;;AA8FE;EA9FF;;AAgGG;EAhGH;;AAwGA;EACC,kBArKoB;;AAyKrB;EAEC,SCjFiB;;ADoFlB;EAEC,kBAhLoB;;AAkLpB;EACM;;AAEN;EACC,OA1LY;EA2LZ,SC5FmB;;ADiGrB;EAEC,YC3Fa;ED4Fb,eC7MgB;;AD+MhB;EACC,kBApMkB;EAqMlB,cA/LY;;AAiMZ;EACC,OA1MW;;AAgNd;AA6BC;;AA5BA;EACC,kBA/MgB;EAgNhB,cA7MY;;AA+MZ;EACC,OArNS;EAsNT;AAEA;;AACA;EACC,OA1NQ;EA2NR,SC7HiB;;ADgIlB;EA3JH;;AA6JI;EA7JJ;;AAgKG;EAhKH;;AAkKI;EAlKJ;;AAsKE;EAAgB,OAzON;;AA6OX;EAEC;;AAGD;EAAsB,OAlPX;;AA6PX;EACC;EACA;EACA;EACA,OA5QW;;AAmRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC;;AAGD;EACC,OAlRc;EAmRd,YARiB;EASjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCpLY;EDqLZ;AAEA;EACA,OApSc;EAqSd;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAzTD;EA0TC,WCzNY;;AD2Nb;EAAsD,SAzTtD;;AA0TA;EAAuD,SAvTvD;;AAwTA;EAAsD,SArTtD;;AAwTA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"Input.css"}

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

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

package/dist/components/Input/Input.test.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Icon } from '../Icon/';
+import { Form } from '../Form/';
+import { Input } from '../Input/';
+const FormInputIcon = () => {
+    const handleClick = () => console.warn('icon clicked');
+    const handleSubmit = () => console.warn('form submitted');
+    return (React.createElement(Form, { onSubmit: handleSubmit },
+        React.createElement(Input, { className: "i1", placeholder: "Placeholder", icon: React.createElement(Icon, { name: "help", onClick: handleClick }) })));
+};
+describe('test Input with an Icon.onClick inside', () => {
+    beforeEach(() => jest.spyOn(console, 'error'));
+    jest.spyOn(global.console, 'warn');
+    console.warn = jest.fn(); // Prevent actual console.warn from showing up in command line
+    const getElements = () => {
+        const { container } = render(React.createElement(FormInputIcon, null));
+        return [
+            container.querySelector('.i1 input'),
+            container.querySelector('.i1 .a-Icon'),
+        ];
+    };
+    it('it should be focused on Input click', () => {
+        const [input, icon] = getElements();
+        expect(input).not.toHaveFocus();
+        expect(icon).not.toHaveFocus();
+        userEvent.click(input);
+        expect(input).toHaveFocus();
+        expect(icon).not.toHaveFocus();
+        console.warn('warn to count first call of console.warn');
+        expect(console.warn).toHaveBeenCalledTimes(1);
+    });
+    it('it should not call handleClick on enter keypress', () => {
+        const [input, icon] = getElements();
+        userEvent.click(input);
+        userEvent.keyboard('hello');
+        expect(input).toHaveFocus();
+        expect(icon).not.toHaveFocus();
+        userEvent.keyboard('{enter}');
+        expect(console.warn).toHaveBeenCalledTimes(2);
+        expect(console.warn).toBeCalledWith('form submitted');
+    });
+    it('it should call handleClick when click on Icon', () => {
+        const [input, icon] = getElements();
+        userEvent.click(icon);
+        expect(input).not.toHaveFocus();
+        expect(icon).toHaveFocus();
+        expect(console.warn).toHaveBeenCalledTimes(3);
+        expect(console.warn).toBeCalledWith('icon clicked');
+    });
+});
+//# sourceMappingURL=Input.test.js.map

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

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

package/dist/components/Input/index.css

@@ -1,68 +1,5 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 /* Variables */
-/* Form Sizes */
-.Form--mini {
-  font-size: 0.8125rem;
-}
-
-.Form--tiny {
-  font-size: 0.875rem;
-}
-
-.Form--small {
-  font-size: 0.9375rem;
-}
-
-.Form--medium {
-  font-size: 1rem;
-}
-
-.Form--large {
-  font-size: 1.125rem;
-}
-
-.Form--big {
-  font-size: 1.3125rem;
-}
-
-.Form--huge {
-  font-size: 1.4375rem;
-}
-
-.Form--massive {
-  font-size: 1.6875rem;
-}
-
-/* Stretching of Input when placed in a Field */
-.Form .FormField .Input,
-.Form .FormGroup .FormField .Input {
-  width: 100%;
-}
-
-/* Global variables for Input, TextArea, Select */
-/* FormField error */
-/* Backward compatibility with Semantic.React Fields */
-.Fields.Fields--error .Field .Input > input,
-.Fields.Fields--error .Field .TextArea,
-.Field.Field--error .Input > input,
-.Field.Field--error .TextArea {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-}
-.Fields.Fields--error .Field .Input > input:focus,
-.Fields.Fields--error .Field .TextArea:focus,
-.Field.Field--error .Input > input:focus,
-.Field.Field--error .TextArea:focus {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-
-/* Input variables are stored in Form.scss */
 /* Paddings are set in em's for internal parts of .Input */
 .Input.Input > .ButtonGroup:first-child > .ButtonGroup__InternalWrapper > .ButtonGroup__Item:first-child > .Button, .Input.Input > .Input__InnerWrapper:first-child,
 .Input.Input > .Dropdown:first-child,
@@ -101,6 +38,7 @@
   border-bottom-right-radius: 0;
 }
 
+/* Styling for :autofill pseudo-class */
 /*** Input styles ***/
 .Input {
   /* Set color on root of component. It can be overridden after the @include */
@@ -111,8 +49,7 @@
   -moz-osx-font-smoothing: grayscale;
   position: relative;
   display: inline-flex;
-  color: #040404;
-  background-color: #ffffff;
+  color: var(--colorsTextDefault, #141414);
   /* Sizes */
   /*** States ***/
   /* Readonly */
@@ -156,9 +93,9 @@
   padding: 0;
   max-width: 100%;
   /* ... */
-  background-color: #ffffff;
-  border: 1px solid #dfe0e1;
-  color: #040404;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
+  color: var(--colorsTextDefault, #141414);
   border-radius: 3px;
   transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
   box-shadow: none;
@@ -179,101 +116,99 @@
   font-family: inherit;
   font-size: inherit;
   outline: none;
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   text-align: left;
   line-height: 1.5;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   /* ... */
   background-color: transparent;
   border: none;
-  color: #040404;
+  color: var(--colorsTextDefault, #141414);
   transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
   box-shadow: none;
   /* Chrome autofill styling */
 }
 .Input > .Input__InnerWrapper > input[readonly] {
-  background-color: #f7f7f7;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Input > .Input__InnerWrapper > input::placeholder {
-  color: rgba(4, 4, 4, 0.4);
+  color: var(--colorsTextDefault, #141414);
+  opacity: 0.4;
+}
+.Input > .Input__InnerWrapper > input:autofill {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
+}
+.Input > .Input__InnerWrapper > input:autofill + .InputAddon {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
 }
-.Input > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #fffff0 inset !important;
-  border-color: #e5dfa1 !important;
+.Input > .Input__InnerWrapper > input:-webkit-autofill {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
+}
+.Input > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
+  box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
 }
 .Input.Input--readonly > .Input__InnerWrapper {
-  background-color: #f7f7f7;
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Input.Input--disabled, .Input:not(.Input--disabled) input[disabled] {
   opacity: 0.6;
 }
-.Input.Input--disabled *, .Input:not(.Input--disabled) input[disabled] * {
-  pointer-events: none;
+.Input.Input--disabled > .Input__InnerWrapper, .Input:not(.Input--disabled) input[disabled] {
+  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
-.Input.Input--disabled input, .Input:not(.Input--disabled) input[disabled], .Input.Input--disabled .InputAddon {
-  background-color: #f7f7f7;
+.Input.Input--disabled > .Input__InnerWrapper, .Input.Input--disabled > .Input__InnerWrapper *, .Input:not(.Input--disabled) input[disabled], .Input:not(.Input--disabled) input[disabled] * {
   pointer-events: none;
 }
-.Input.Input--disabled input::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder, .Input.Input--disabled .InputAddon::placeholder {
-  color: rgba(4, 4, 4, 0.4);
+.Input.Input--disabled > .Input__InnerWrapper::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder {
+  color: var(--colorsTextDefault, #141414);
+  opacity: 0.4;
 }
 .Input:focus-within, .Input.Input--focus {
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   border-radius: 3px;
 }
 .Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
-  background-color: #ffffff;
-  border-color: #2270ee;
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border-color: var(--colorsBorderPrimary, #2270ee);
 }
 .Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
-  color: #040404;
-}
-.Input:focus-within > .Input__InnerWrapper > input::-webkit-autofill, .Input.Input--focus > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #fffff0 inset !important;
-  border-color: #d5c315 !important;
-}
-.Input:focus-within > .Input__InnerWrapper > .InputAddon, .Input.Input--focus > .Input__InnerWrapper > .InputAddon {
-  border-color: transparent;
+  color: var(--colorsTextDefault, #141414);
 }
 .Input.Input--error {
   /* Error Focus */
 }
 .Input.Input--error > .Input__InnerWrapper {
-  background-color: #ffece9;
-  border-color: #e63717;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
 }
 .Input.Input--error > .Input__InnerWrapper > input {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
   box-shadow: none;
   /* Error Placeholder */
-  /* Error */
 }
-.Input.Input--error > .Input__InnerWrapper > input::-webkit-input-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input::placeholder {
+  color: var(--colorsTextCritical, #e63717);
+  opacity: 0.4;
 }
-.Input.Input--error > .Input__InnerWrapper > input::-moz-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input:autofill {
+  box-shadow: none !important;
 }
-.Input.Input--error > .Input__InnerWrapper > input:-ms-input-placeholder {
-  color: rgba(230, 55, 23, 0.6);
+.Input.Input--error > .Input__InnerWrapper > input:autofill + .InputAddon {
+  box-shadow: none !important;
 }
-.Input.Input--error > .Input__InnerWrapper > input::-webkit-autofill {
-  box-shadow: 0 0 0 100px #ffece9 inset !important;
-  border-color: #e63717 !important;
+.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill {
+  box-shadow: none !important;
+}
+.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
+  box-shadow: none !important;
 }
 .Input.Input--error > .Input__InnerWrapper > .InputAddon {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 .Input.Input--error:focus-within, .Input.Input--error.Input--focus {
-  box-shadow: 0 0 0 3px #ffb2a0;
-}
-.Input.Input--error:focus-within input, .Input.Input--error.Input--focus input {
-  border-color: #e63717;
-}
-.Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
-  border-color: #e63717;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
 }
-.Input.Input--error .InputAddon > .a-Icon {
-  color: #e63717;
+.Input.Input--error .InputAddon .a-Icon {
+  color: var(--colorsTextCritical, #e63717);
 }
 .Input.Input--loading.Input--loading .Spinner {
   line-height: 1;
@@ -292,7 +227,7 @@
   pointer-events: none;
 }
 .Input > .Input__InnerWrapper .a-Icon {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   transition: opacity 0.3s ease;
   line-height: inherit;
 }
@@ -307,7 +242,7 @@
   font-size: 16px;
   z-index: 0;
   /* Differ from Semantic UI */
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   height: auto;
   display: flex;
   align-items: center;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACIA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC3CiB;ED4CjB,2BC5CiB;;;AD+ClB;AAAA;AAAA;EACC,yBChDiB;EDiDjB,4BCjDiB;;;ADoDlB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AEzFC;EACA;AAEA;EACA;ECHC;EACA;EH2FD;EACA;EACA,OA9Ec;AAmFd;AAkFA;AAEA;AAKA;AAmBA;AAgBA;AAuCA;AAgBA;AAEA;AASA;AAuCA;AAmCA;AA0CA;AASA;;AA9TA;EACM;;AAGN;EAAkB,WCiCL;;AD/Bb;EAIC,WC4BY;;ADzBb;EACwB,SApExB;;AAqEA;EAAwB,SA3ExB;;AA4EA;EAAuB,SAzEvB;;AA0EA;EAAuB,SApEvB;;AA6EA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBAhHmB;EAiHnB;EACA,OApHa;EAqHb,eC/HgB;EDgIhB,YA1HD;EA2HC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCXgB;EDYhB;AAEA;EACA;EACA;EACA,OA7IY;EA8IZ,YAlJF;EAmJE;AASA;;AAPA;EAAc,kBA7IK;;AA+InB;EACC,OApJW;EAqJX,SCtDkB;;AD0DnB;EAzFF;;AA2FG;EA3FH;;AA8FE;EA9FF;;AAgGG;EAhGH;;AAwGA;EACC,kBArKoB;;AAyKrB;EAEC,SCjFiB;;ADoFlB;EAEC,kBAhLoB;;AAkLpB;EACM;;AAEN;EACC,OA1LY;EA2LZ,SC5FmB;;ADiGrB;EAEC,YC3Fa;ED4Fb,eC7MgB;;AD+MhB;EACC,kBApMkB;EAqMlB,cA/LY;;AAiMZ;EACC,OA1MW;;AAgNd;AA6BC;;AA5BA;EACC,kBA/MgB;EAgNhB,cA7MY;;AA+MZ;EACC,OArNS;EAsNT;AAEA;;AACA;EACC,OA1NQ;EA2NR,SC7HiB;;ADgIlB;EA3JH;;AA6JI;EA7JJ;;AAgKG;EAhKH;;AAkKI;EAlKJ;;AAsKE;EAAgB,OAzON;;AA6OX;EAEC;;AAGD;EAAsB,OAlPX;;AA6PX;EACC;EACA;EACA;EACA,OA5QW;;AAmRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC;;AAGD;EACC,OAlRc;EAmRd,YARiB;EASjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCpLY;EDqLZ;AAEA;EACA,OApSc;EAqSd;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAzTD;EA0TC,WCzNY;;AD2Nb;EAAsD,SAzTtD;;AA0TA;EAAuD,SAvTvD;;AAwTA;EAAsD,SArTtD;;AAwTA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"index.css"}

package/dist/components/Label/Label.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Label/Label.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA,OAPc;EAQd,WE2Ha;EF1Hb;;AAEA;EAAiB,OAVL;;AAYZ;EACC;;;AAIF;EACC,OAlBY;EAmBZ;;;AAGD;EACC,OAtBc;EAuBd,aE8EqB;EF7ErB;;;AAGD;EACC;EACA,OA7Bc;EA8Bd,aEgGc;EF/Fd;;;AAIA;EACC;EACA","file":"Label.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Label/Label.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA,OAPc;EAQd,WE4Ha;EF3Hb;;AAEA;EAAiB,OAVL;;AAYZ;EACC;;;AAIF;EACC,OAlBY;EAmBZ;;;AAGD;EACC,OAtBc;EAuBd,aE8EqB;EF7ErB;;;AAGD;EACC;EACA,OA7Bc;EA8Bd,aEiGc;EFhGd;;;AAIA;EACC;EACA","file":"Label.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Label/Label.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA,OAPc;EAQd,WE2Ha;EF1Hb;;AAEA;EAAiB,OAVL;;AAYZ;EACC;;;AAIF;EACC,OAlBY;EAmBZ;;;AAGD;EACC,OAtBc;EAuBd,aE8EqB;EF7ErB;;;AAGD;EACC;EACA,OA7Bc;EA8Bd,aEgGc;EF/Fd;;;AAIA;EACC;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Label/Label.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA,OAPc;EAQd,WE4Ha;EF3Hb;;AAEA;EAAiB,OAVL;;AAYZ;EACC;;;AAIF;EACC,OAlBY;EAmBZ;;;AAGD;EACC,OAtBc;EAuBd,aE8EqB;EF7ErB;;;AAGD;EACC;EACA,OA7Bc;EA8Bd,aEiGc;EFhGd;;;AAIA;EACC;EACA","file":"index.css"}

package/dist/components/Mask/Mask.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Mask/Mask.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAIA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCfH;;ADgBjB;EAAoB,eCfH;;ADiBjB;EAAM;;;AAGP;EACC,YA5BqB;EA6BrB;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCwEW;EDvEX;;AAEA;EACC;EACA,SCoEU","file":"Mask.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Mask/Mask.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAIA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCfH;;ADgBjB;EAAoB,eCfH;;ADiBjB;EAAM;;;AAGP;EACC,YA5BqB;EA6BrB;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCyEW;EDxEX;;AAEA;EACC;EACA,SCqEU","file":"Mask.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Mask/Mask.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAIA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCfH;;ADgBjB;EAAoB,eCfH;;ADiBjB;EAAM;;;AAGP;EACC,YA5BqB;EA6BrB;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCwEW;EDvEX;;AAEA;EACC;EACA,SCoEU","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Mask/Mask.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAIA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCfH;;ADgBjB;EAAoB,eCfH;;ADiBjB;EAAM;;;AAGP;EACC,YA5BqB;EA6BrB;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCyEW;EDxEX;;AAEA;EACC;EACA,SCqEU","file":"index.css"}

package/dist/components/MoreDetails/MoreDetails.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAKA;EACC;EACA,kBALoB;EAMpB;EACA,OANc;EAOd,aCyHc;EDxHd,aCmIkB;EDlIlB,aCiIkB;EDhIlB,WC0Ha;;ADxHb;EACC,WCwHY;;ADrHb;EACC,WCmHY;;ADhHb;EACC,WC8GY;;AD3Gb;EACC,WCyGY","file":"MoreDetails.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAKA;EACC;EACA,kBALoB;EAMpB;EACA,OANc;EAOd,aC0Hc;EDzHd,aCoIkB;EDnIlB,aCkIkB;EDjIlB,WC2Ha;;ADzHb;EACC,WCyHY;;ADtHb;EACC,WCoHY;;ADjHb;EACC,WC+GY;;AD5Gb;EACC,WC0GY","file":"MoreDetails.css"}