@servicetitan/design-system 11.3.1 → 11.4.2

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/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"}

package/dist/components/Label/Label.css

@@ -1,34 +1,34 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Label, .Form label:not(.Field__html-label) {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-size: 14px;
   font-weight: 600;
 }
 .Label.Label--error, .Form label.Label--error:not(.Field__html-label) {
-  color: #e63717;
+  color: var(--colorsTextCritical, #f94d32);
 }
 .Label.Label--disabled, .Form label.Label--disabled:not(.Field__html-label) {
   opacity: 0.4;
 }
 
 .Label__required {
-  color: #e63717;
+  color: var(--colorsTextCritical, #f94d32);
   margin-left: 2px;
 }
 
 .Label__optional {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   font-weight: 400;
   margin-left: 2px;
 }
 
 .Label__help {
   bottom: 2px;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   margin-left: 4px;
   position: relative;
 }

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;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,OE0CmB;EFzCnB,WE8Ha;EF7Hb;;AAEA;EAAiB,OE+EF;;AF7Ef;EACC;;;AAIF;EACC,OEuEe;EFtEf;;;AAGD;EACC,OEqBkB;EFpBlB,aEiFqB;EFhFrB;;;AAGD;EACC;EACA,OEckB;EFblB,aEmGc;EFlGd;;;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,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"}

package/dist/components/Label/index.css

@@ -1,34 +1,34 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Label, .Form label:not(.Field__html-label) {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   font-size: 14px;
   font-weight: 600;
 }
 .Label.Label--error, .Form label.Label--error:not(.Field__html-label) {
-  color: #e63717;
+  color: var(--colorsTextCritical, #f94d32);
 }
 .Label.Label--disabled, .Form label.Label--disabled:not(.Field__html-label) {
   opacity: 0.4;
 }
 
 .Label__required {
-  color: #e63717;
+  color: var(--colorsTextCritical, #f94d32);
   margin-left: 2px;
 }
 
 .Label__optional {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   font-weight: 400;
   margin-left: 2px;
 }
 
 .Label__help {
   bottom: 2px;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   margin-left: 4px;
   position: relative;
 }

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;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA,OE0CmB;EFzCnB,WE8Ha;EF7Hb;;AAEA;EAAiB,OE+EF;;AF7Ef;EACC;;;AAIF;EACC,OEuEe;EFtEf;;;AAGD;EACC,OEqBkB;EFpBlB,aEiFqB;EFhFrB;;;AAGD;EACC;EACA,OEckB;EFblB,aEmGc;EFlGd;;;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,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"}

package/dist/components/Link/Link.css

@@ -2,10 +2,10 @@
 .Link {
   all: unset;
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: var(--colorsTextOnGrey, #444445);
+  color: var(--colorsTextDefault, #141414);
   cursor: pointer;
   font-weight: 400;
 }
@@ -18,7 +18,7 @@
 }
 
 .Link--red {
-  color: var(--colorsTextCritical, #e63717);
+  color: var(--colorsTextCritical, #f94d32);
 }
 
 .Link--grey {
@@ -27,7 +27,7 @@
 
 .Link--disabled {
   pointer-events: none;
-  color: var(--colorsTextOnGrey, #444445);
+  color: var(--colorsTextDefault, #141414);
   opacity: 0.4;
 }
 

package/dist/components/Link/Link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA,OCiBa;ADfb;EACA;EDSA,OAXc;EAYd;EACA,aEyFqB;;AFvFrB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"Link.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA;AAEA;EACA;EDSA,OAXc;EAYd;EACA,aE0FqB;;AFxFrB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"Link.css"}

package/dist/components/Link/index.css

@@ -2,10 +2,10 @@
 .Link {
   all: unset;
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: var(--colorsTextOnGrey, #444445);
+  color: var(--colorsTextDefault, #141414);
   cursor: pointer;
   font-weight: 400;
 }
@@ -18,7 +18,7 @@
 }
 
 .Link--red {
-  color: var(--colorsTextCritical, #e63717);
+  color: var(--colorsTextCritical, #f94d32);
 }
 
 .Link--grey {
@@ -27,7 +27,7 @@
 
 .Link--disabled {
   pointer-events: none;
-  color: var(--colorsTextOnGrey, #444445);
+  color: var(--colorsTextDefault, #141414);
   opacity: 0.4;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA,OCiBa;ADfb;EACA;EDSA,OAXc;EAYd;EACA,aEyFqB;;AFvFrB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA;AAEA;EACA;EDSA,OAXc;EAYd;EACA,aE0FqB;;AFxFrB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"index.css"}

package/dist/components/Mask/Mask.css

@@ -5,7 +5,6 @@
 
 .Mask__overlay {
   align-items: center;
-  background: rgba(255, 255, 255, 0.85);
   cursor: not-allowed;
   display: flex;
   height: 100%;
@@ -26,6 +25,14 @@
   cursor: auto;
 }
 
+.Mask__backdrop {
+  background: var(--colorsSurfaceDefault, #ffffff);
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  opacity: 0.85;
+}
+
 .Mask__card,
 .Mask__spinner {
   position: relative;

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":"AAEA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCdH;;ADejB;EAAoB,eCdH;;ADgBjB;EAAM;;;AAGP;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCgFW;ED/EX;;AAEA;EACC;EACA,SC4EU","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,QCwEW;EDvEX;;AAEA;EACC;EACA,SCoEU","file":"Mask.css"}

package/dist/components/Mask/Mask.js

@@ -23,7 +23,9 @@ export const Mask = (_a) => {
         'border-radius-2': borderRadius === 2,
     });
     return (React.createElement("div", Object.assign({ className: MaskClasses, "data-anvil-component": "Mask" }, props),
-        active && (React.createElement("div", { className: MaskOverlayClasses }, content ? (React.createElement(Card, { className: "Mask__card" }, content)) : (React.createElement(Spinner, { className: "Mask__spinner", container: true })))),
+        active && (React.createElement("div", { className: MaskOverlayClasses },
+            React.createElement("div", { className: "Mask__backdrop" }),
+            content ? (React.createElement(Card, { className: "Mask__card" }, content)) : (React.createElement(Spinner, { className: "Mask__spinner", container: true })))),
         children));
 };
 //# sourceMappingURL=Mask.js.map

package/dist/components/Mask/Mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB/B,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,OAEP,EADG,KAAK,cAN2B,8DAOnC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,cAAc,EAAE,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE;QACtD,iBAAiB,EAAE,YAAY,KAAK,CAAC;QACrC,iBAAiB,EAAE,YAAY,KAAK,CAAC;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,MAAM,IAAI,CACV,6BAAK,SAAS,EAAE,kBAAkB,IAChC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,SAAG,CAC/C,CACI,CACN;QACA,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB/B,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,OAEP,EADG,KAAK,cAN2B,8DAOnC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,cAAc,EAAE,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE;QACtD,iBAAiB,EAAE,YAAY,KAAK,CAAC;QACrC,iBAAiB,EAAE,YAAY,KAAK,CAAC;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,MAAM,IAAI,CACV,6BAAK,SAAS,EAAE,kBAAkB;YACjC,6BAAK,SAAS,EAAC,gBAAgB,GAAG;YACjC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,SAAG,CAC/C,CACI,CACN;QACA,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Mask/index.css

@@ -5,7 +5,6 @@
 
 .Mask__overlay {
   align-items: center;
-  background: rgba(255, 255, 255, 0.85);
   cursor: not-allowed;
   display: flex;
   height: 100%;
@@ -26,6 +25,14 @@
   cursor: auto;
 }
 
+.Mask__backdrop {
+  background: var(--colorsSurfaceDefault, #ffffff);
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  opacity: 0.85;
+}
+
 .Mask__card,
 .Mask__spinner {
   position: relative;

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":"AAEA;AAEC;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAoB,eCdH;;ADejB;EAAoB,eCdH;;ADgBjB;EAAM;;;AAGP;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,QCgFW;ED/EX;;AAEA;EACC;EACA,SC4EU","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,QCwEW;EDvEX;;AAEA;EACC;EACA,SCoEU","file":"index.css"}

package/dist/components/Modal/Modal.css

@@ -2,7 +2,7 @@
 /** @define Modal */
 .Modal {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -11,7 +11,7 @@
   max-height: 90vh;
   margin: 5vh auto;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 6px;
 }
 .Modal:focus {
@@ -40,7 +40,7 @@
 .Modal__header,
 .Modal__content,
 .Modal__footer {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   padding: 24px 32px;
 }
 
@@ -71,13 +71,13 @@
 }
 
 .Modal__header {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
 
 .Modal__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }

package/dist/components/Modal/Modal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA,OCiBa;ADfb;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YELa;EFMb,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YEvBa;EFwBb,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEqBkB;;AFnBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"Modal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA;AAEA;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YAnBkB;EAoBlB,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YArCkB;EAsClB,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEsBkB;;AFpBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"Modal.css"}

package/dist/components/Modal/index.css

@@ -2,7 +2,7 @@
 /** @define Modal */
 .Modal {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   display: flex;
@@ -11,7 +11,7 @@
   max-height: 90vh;
   margin: 5vh auto;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   border-radius: 6px;
 }
 .Modal:focus {
@@ -40,7 +40,7 @@
 .Modal__header,
 .Modal__content,
 .Modal__footer {
-  background: #ffffff;
+  background: var(--colorsSurfaceDefault, #ffffff);
   padding: 24px 32px;
 }
 
@@ -71,13 +71,13 @@
 }
 
 .Modal__header {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
 
 .Modal__footer {
-  border-top: 1px solid #dfe0e1;
+  border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA,OCiBa;ADfb;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YELa;EFMb,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YEvBa;EFwBb,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEqBkB;;AFnBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA;AAEA;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YAnBkB;EAoBlB,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YArCkB;EAsClB,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEsBkB;;AFpBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"index.css"}

package/dist/components/MoreDetails/MoreDetails.css

@@ -1,8 +1,8 @@
 .MoreDetailsIcon {
   display: inline-flex;
-  background-color: #eeeeee;
+  background-color: var(--colorsSurfaceGrey, #eeeeee);
   border-radius: 50%;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   margin-left: 4px;
   font-family: "Nunito Sans", sans-serif;
   line-height: 1.5;

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":"AAEA;EACC;EACA,kBCoCkB;EDnClB;EACA,OCsCkB;EDrClB,aC2Hc;ED1Hd,aCqIkB;EDpIlB,aCmIkB;EDlIlB,WC4Ha;;AD1Hb;EACC,WC0HY;;ADvHb;EACC,WCqHY;;ADlHb;EACC,WCgHY;;AD7Gb;EACC,WC2GY","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,aCyHc;EDxHd,aCmIkB;EDlIlB,aCiIkB;EDhIlB,WC0Ha;;ADxHb;EACC,WCwHY;;ADrHb;EACC,WCmHY;;ADhHb;EACC,WC8GY;;AD3Gb;EACC,WCyGY","file":"MoreDetails.css"}

package/dist/components/MoreDetails/index.css

@@ -1,8 +1,8 @@
 .MoreDetailsIcon {
   display: inline-flex;
-  background-color: #eeeeee;
+  background-color: var(--colorsSurfaceGrey, #eeeeee);
   border-radius: 50%;
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   margin-left: 4px;
   font-family: "Nunito Sans", sans-serif;
   line-height: 1.5;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA,kBCoCkB;EDnClB;EACA,OCsCkB;EDrClB,aC2Hc;ED1Hd,aCqIkB;EDpIlB,aCmIkB;EDlIlB,WC4Ha;;AD1Hb;EACC,WC0HY;;ADvHb;EACC,WCqHY;;ADlHb;EACC,WCgHY;;AD7Gb;EACC,WC2GY","file":"index.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,aCyHc;EDxHd,aCmIkB;EDlIlB,aCiIkB;EDhIlB,WC0Ha;;ADxHb;EACC,WCwHY;;ADrHb;EACC,WCmHY;;ADhHb;EACC,WC8GY;;AD3Gb;EACC,WCyGY","file":"index.css"}

package/dist/components/OptionList/Option.d.ts

@@ -10,8 +10,12 @@ export interface SingleOptionPropStrict {
     content?: React.ReactNode | string;
     /** Indicates whether the option is disabled or not. It makes the option unselectable */
     disabled?: boolean;
+    /** Function to allow OptionList to set focus */
+    getFocus?: (value: any) => boolean;
     /** Indeterminate visual for a checkbox */
     indeterminate?: boolean;
+    /** Function to allow OptionList to set indeterminate */
+    getIndeterminate?: (value: any) => boolean;
     /** Provides tree-type styling to option, and ARIA label. Can be automatically calculated. */
     level?: number;
     /** Visual that an option is loading. Used when child options need to be brought in on expand */
@@ -26,8 +30,12 @@ export interface SingleOptionPropStrict {
     secondaryAction?: React.ReactNode;
     /** Whether or not the option is selected */
     selected?: boolean;
+    /** Function to allow OptionList to set selected */
+    getSelected?: (value: any) => boolean;
     /** Prevents a user from selecting the option, without giving it the disabled styling/state */
     readOnly?: boolean;
+    /** Function to pass option data (value, DOM element) to OptionList */
+    registerOption?: (optionData: RegisterOptionData) => void;
     /** The default string of an option in the trigger of the Select */
     text?: string;
     /** Value of the option, passed into Anvil's Checkbox value */
@@ -37,4 +45,10 @@ export interface SingleOptionProps extends SingleOptionPropStrict {
     /** Unstrict Props */
     [propName: string]: any;
 }
+export interface RegisterOptionData {
+    text?: SingleOptionProps['string'];
+    value?: SingleOptionProps['value'];
+    disabled?: SingleOptionProps['disabled'];
+    element?: HTMLDivElement | null;
+}
 export declare const Option: FC<SingleOptionProps>;

package/dist/components/OptionList/Option.js

@@ -9,13 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useLayoutEffect, useRef } from 'react';
 import { Checkbox } from '../Checkbox';
 import { Spinner } from '../Spinner';
 import { Button } from '../Button';
 import classnames from 'classnames';
 export const Option = (_a) => {
-    var { className, collapseControl, collapsed, content, disabled, focus, indeterminate, label, level, loading, onChange, onExpand, onKeyDown, options, readOnly, secondaryAction, selected, selfObject, text, value } = _a, props = __rest(_a, ["className", "collapseControl", "collapsed", "content", "disabled", "focus", "indeterminate", "label", "level", "loading", "onChange", "onExpand", "onKeyDown", "options", "readOnly", "secondaryAction", "selected", "selfObject", "text", "value"]);
+    var { className, collapseControl, collapsed, content, disabled, focus, getFocus, indeterminate, getIndeterminate, label, level, loading, onChange, onExpand, onKeyDown, options, readOnly, registerOption, secondaryAction, selected, getSelected, selfObject, text, value } = _a, props = __rest(_a, ["className", "collapseControl", "collapsed", "content", "disabled", "focus", "getFocus", "indeterminate", "getIndeterminate", "label", "level", "loading", "onChange", "onExpand", "onKeyDown", "options", "readOnly", "registerOption", "secondaryAction", "selected", "getSelected", "selfObject", "text", "value"]);
+    // after the component has rendered, pass the option data to registerOption
+    const checkboxRef = useRef(null);
+    useLayoutEffect(() => {
+        if (registerOption) {
+            registerOption({
+                text,
+                value,
+                disabled,
+                element: checkboxRef.current,
+            });
+        }
+    });
     const OptionClasses = classnames('OptionList__option', className, {
         'OptionList__option--selected': selected,
         'OptionList__option--disabled': disabled,
@@ -53,10 +65,10 @@ export const Option = (_a) => {
     const handleOnClick = () => {
         return onExpand(value);
     };
-    const handleOnChange = () => {
+    const handleOnChange = (value, checked) => {
         if (readOnly || onChange === undefined)
             return;
-        return onChange(value, !selected, options, selfObject);
+        return onChange(value, checked, options, selfObject);
     };
     const handleOnKeyDown = (e) => {
         if (onKeyDown === undefined)
@@ -65,7 +77,15 @@ export const Option = (_a) => {
     };
     return (React.createElement("div", Object.assign({ className: OptionClasses, "aria-level": level }, props),
         getLoading() || getCollapseButton(),
-        React.createElement(Checkbox, { checked: selected, disabled: disabled, focus: focus, indeterminate: indeterminate, label: getLabel(), onChange: handleOnChange, onKeyDown: handleOnKeyDown, value: value }),
+        React.createElement(Checkbox, { ref: checkboxRef, checked: selected != null
+                ? selected
+                : getSelected
+                    ? getSelected(value)
+                    : null, disabled: disabled, focus: focus != null ? focus : getFocus ? getFocus(value) : null, indeterminate: indeterminate != null
+                ? indeterminate
+                : getIndeterminate
+                    ? getIndeterminate(value)
+                    : null, label: getLabel(), onChange: handleOnChange, onKeyDown: handleOnKeyDown, value: value }),
         getSecondaryAction()));
 };
 //# sourceMappingURL=Option.js.map

package/dist/components/OptionList/Option.js.map

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

package/dist/components/OptionList/OptionList.css

@@ -6,12 +6,12 @@
   right: 0;
   top: 0;
   bottom: 0;
-  background-color: rgba(20, 20, 20, 0.08);
+  background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
 
 .OptionList {
   /* Set color on root of component. It can be overridden after the @include */
-  color: #141414;
+  color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
 }
@@ -50,11 +50,13 @@
 }
 
 .OptionList--single-select .OptionList__option--selected {
-  color: #2270ee;
-  background-color: #ecf4fd;
+  background-color: var(--colorsHoverPrimary, #ecf4fd);
+}
+.OptionList--single-select .OptionList__option--selected .Checkbox__label {
+  color: var(--colorsTextPrimary, #2270ee);
 }
 .OptionList--single-select .OptionList__option--selected:hover::before, .OptionList--single-select .OptionList__option--selected:focus-within::before {
-  background-color: #ecf4fd;
+  background-color: var(--colorsHoverPrimary, #ecf4fd);
 }
 
 /* Produces padding equal to the depth of the option. 8 is an arbitrary stopping point */
@@ -131,14 +133,14 @@
   align-items: center;
   padding-left: 24px;
   z-index: 2;
-  background: linear-gradient(to left, #eeeeee 70%, #eeeeee 71%, rgba(238, 238, 238, 0) 100%);
+  background: linear-gradient(to left, var(--colorsSurfaceGrey, #eeeeee) 70%, var(--colorsSurfaceGrey, #eeeeee) 71%, transparent 100%);
   /* Match the background color of the single selected option */
 }
 .OptionList__option:hover .OptionList__option--secondary-action {
   opacity: 1;
 }
 .OptionList--single-select .Checkbox--checked + .OptionList__option--secondary-action {
-  background: linear-gradient(to left, #ecf4fd 70%, #ecf4fd 71%, rgba(236, 244, 253, 0) 100%);
+  background: linear-gradient(to left, var(--colorsHoverPrimary, #ecf4fd) 70%, var(--colorsHoverPrimary, #ecf4fd) 71%, transparent 100%);
 }
 
 /*

package/dist/components/OptionList/OptionList.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;ACdC;EACA,OCiBa;ADfb;EACA;;;ADcD;AAEC;EACC;;;AAIF;AACA;EACC,eEpBiB;EFqBjB;EACA;AAgBA;;AATA;EACC,WE+FY;EF9FZ,aEkEoB;EFjEpB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEsEW;EFrEX,cEsEW;;;AFlEX;EACC,OEtCW;EFuCX,kBE9Be;;AFkCd;EAAY,kBElCE;;;AFuCjB;AACA;EAAsC,cEsD1B;;;AFlDV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE8Cc;;;AF3Cf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cE0Bc;EFzBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEYW;EFXX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eExBiB;EFyBjB;EACA;AAgBA;;AATA;EACC,WE4FY;EF3FZ,aE+DoB;EF9DpB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEmEW;EFlEX,cEmEW;;;AF/DX;EAKC,kBA/DyB;;AA2DzB;EACC,OA1DkB;;AAiElB;EAAY,kBAnEY;;;AAwE3B;AACA;EAAsC,cEgD1B;;;AF5CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEwCc;;;AFrCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cEoBc;EFnBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEMW;EFLX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}

package/dist/components/OptionList/OptionList.d.ts

@@ -1,6 +1,7 @@
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { SingleOptionProps } from './Option';
 export interface OptionListProps extends FlatGroupProps {
+    children?(optionProps: SingleOptionProps): ReactNode;
     /** Adds one or more classnames for an element */
     className?: string;
     /** Holds values of options that are expanded or collapsed */
@@ -27,6 +28,8 @@ export interface OptionListProps extends FlatGroupProps {
     options?: SingleOptionProps[];
     /** Value of selected options within the List */
     value?: any;
+    /** Callback to pass a list of options up to AnvilSelect */
+    getOptionsData?: (data: SingleOptionProps[]) => void;
 }
 interface FlatGroupProps {
     onGroupSelectAll?: (data: SingleOptionProps[]) => void;