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

package/dist/components/Form/index.css

@@ -1,4 +1,3 @@
-/* Variables */
 /* Form Sizes */
 .Form--mini {
   font-size: 0.8125rem;
@@ -38,25 +37,23 @@
   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;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
+  color: var(--colorsTextCritical, #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;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
+  color: var(--colorsTextCritical, #e63717);
   box-shadow: none;
   -webkit-appearance: none;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss"],"names":[],"mappings":"AAGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA","file":"index.css"}

package/dist/components/FormField/FormField.css

@@ -1,68 +1,4 @@
 /* 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;
-}
-
-/*** FormField styles ***/
 .FormField {
   box-sizing: border-box;
   clear: both;
@@ -121,7 +57,7 @@
 }
 
 .FormField__errorText {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
   font-size: 14px;
   line-height: 1.25;
   margin-top: 8px;
@@ -131,7 +67,7 @@
 }
 
 .FormField__description {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   font-size: 14px;
   line-height: 1.25;
   margin-top: 8px;
@@ -158,33 +94,28 @@
   opacity: 0.6;
 }
 
-/* Errors
-		On Field(s)
-*/
-.FormField--error {
-  /* Selected */
-  /* Active */
+/* Errors on Semantic Dropdown */
+.FormField--error .semantic-anvil-theme .ui.dropdown {
+  color: var(--colorsTextCritical, #e63717);
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
 }
-.FormField--error .ui.dropdown,
-.FormField--error .ui.dropdown .item {
-  background-color: #ffece9;
-  color: #e63717;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
+  border-color: var(--colorsBorderCritical, #e63717) !important;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
-.FormField--error .ui.dropdown,
-.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu,
-.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
-  border-color: #e63717;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
+  color: var(--colorsTextCritical, #e63717);
 }
-.FormField--error .ui.multiple.selection.dropdown > .label {
-  background-color: #ffece9;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
 }
-.FormField--error .ui.dropdown .menu .selected.item,
-.FormField--error .ui.dropdown .menu .item:hover {
-  background-color: #ffd6d0;
-  color: #cf3115;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
+  color: var(--colorsTextCritical, #e63717);
 }
-.FormField--error .ui.dropdown .menu .active.item {
-  background-color: #ffd6d0 !important;
+.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
 }
 
 /* Dropdown Block */

package/dist/components/FormField/FormField.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/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.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;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODwEe;ECvEf,WDmHa;EClHb,aD4HqB;EC3HrB,YDsGW;;ACpGX;EAA4B,YD4Gd;;;ACzGf;EACC,ODiBkB;EChBlB,WD0Ga;ECzGb,aDmHqB;EClHrB,YD6FW;;AC3FX;EAA6B,YDmGf;;;AChGf;EACC,eDuFW;;;ACpFZ;AEtCC;EACA;AAEA;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDoEJ;;;ACjEnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBDgCc;EC/Bd,ODmCc;;AChCf;AAAA;AAAA;EAGC,cD6Bc;;AC1Bf;EACC,kBDqBc;;ACjBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDgBW;ECfX,WD0Ba;ECzBb,aDDkB;;;ACInB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}

package/dist/components/FormField/index.css

@@ -1,68 +1,4 @@
 /* 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;
-}
-
-/*** FormField styles ***/
 .FormField {
   box-sizing: border-box;
   clear: both;
@@ -121,7 +57,7 @@
 }
 
 .FormField__errorText {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
   font-size: 14px;
   line-height: 1.25;
   margin-top: 8px;
@@ -131,7 +67,7 @@
 }
 
 .FormField__description {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
   font-size: 14px;
   line-height: 1.25;
   margin-top: 8px;
@@ -158,33 +94,28 @@
   opacity: 0.6;
 }
 
-/* Errors
-		On Field(s)
-*/
-.FormField--error {
-  /* Selected */
-  /* Active */
+/* Errors on Semantic Dropdown */
+.FormField--error .semantic-anvil-theme .ui.dropdown {
+  color: var(--colorsTextCritical, #e63717);
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e63717);
 }
-.FormField--error .ui.dropdown,
-.FormField--error .ui.dropdown .item {
-  background-color: #ffece9;
-  color: #e63717;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
+  border-color: var(--colorsBorderCritical, #e63717) !important;
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
-.FormField--error .ui.dropdown,
-.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu,
-.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
-  border-color: #e63717;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
+  color: var(--colorsTextCritical, #e63717);
 }
-.FormField--error .ui.multiple.selection.dropdown > .label {
-  background-color: #ffece9;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
+  background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
 }
-.FormField--error .ui.dropdown .menu .selected.item,
-.FormField--error .ui.dropdown .menu .item:hover {
-  background-color: #ffd6d0;
-  color: #cf3115;
+.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
+  background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
+  color: var(--colorsTextCritical, #e63717);
 }
-.FormField--error .ui.dropdown .menu .active.item {
-  background-color: #ffd6d0 !important;
+.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
+  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
 }
 
 /* Dropdown Block */

package/dist/components/FormField/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/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.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;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODwEe;ECvEf,WDmHa;EClHb,aD4HqB;EC3HrB,YDsGW;;ACpGX;EAA4B,YD4Gd;;;ACzGf;EACC,ODiBkB;EChBlB,WD0Ga;ECzGb,aDmHqB;EClHrB,YD6FW;;AC3FX;EAA6B,YDmGf;;;AChGf;EACC,eDuFW;;;ACpFZ;AEtCC;EACA;AAEA;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDoEJ;;;ACjEnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBDgCc;EC/Bd,ODmCc;;AChCf;AAAA;AAAA;EAGC,cD6Bc;;AC1Bf;EACC,kBDqBc;;ACjBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDgBW;ECfX,WD0Ba;ECzBb,aDDkB;;;ACInB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"index.css"}

package/dist/components/FormGroup/FormGroup.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cEyGU;EFxGV,eEwGU;;AFrGX;EAjBD;IAkBE;;EAEA;IACC,cEgGS;IF/FT,eE+FS;;;;AF1FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEiFU;;AF9EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE6CU;EF5CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cEyGU;EFxGV,eEwGU;;AFrGX;EAjBD;IAkBE;;EAEA;IACC,cEgGS;IF/FT,eE+FS;;;;AF1FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEiFU;;AF9EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE6CU;EF5CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}

package/dist/components/Frame/Frame.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEuIoB;;;AFpIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEuIoB;;;AFpIrB;EACC;EACA;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"index.css"}

package/dist/components/Headline/Headline.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEsGkB;EFrGlB,aEwIqB;EFvIrB,aEwIqB;EFvIrB,WE+Ha;EF9Hb;;AAEA;EACC,WE6HY;EF5HZ;;AAGD;EACC,WEuHY;EFtHZ;;AAGD;EACC,WEiHY;EFhHZ;;AAGD;EACC,WE2GY","file":"Headline.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEsGkB;EFrGlB,aEyIqB;EFxIrB,aEyIqB;EFxIrB,WEgIa;EF/Hb;;AAEA;EACC,WE8HY;EF7HZ;;AAGD;EACC,WEwHY;EFvHZ;;AAGD;EACC,WEkHY;EFjHZ;;AAGD;EACC,WE4GY","file":"Headline.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEsGkB;EFrGlB,aEwIqB;EFvIrB,aEwIqB;EFvIrB,WE+Ha;EF9Hb;;AAEA;EACC,WE6HY;EF5HZ;;AAGD;EACC,WEuHY;EFtHZ;;AAGD;EACC,WEiHY;EFhHZ;;AAGD;EACC,WE2GY","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEsGkB;EFrGlB,aEyIqB;EFxIrB,aEyIqB;EFxIrB,WEgIa;EF/Hb;;AAEA;EACC,WE8HY;EF7HZ;;AAGD;EACC,WEwHY;EFvHZ;;AAGD;EACC,WEkHY;EFjHZ;;AAGD;EACC,WE4GY","file":"index.css"}

package/dist/components/Icon/Icon.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGiFa;EHhFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGNa;EHOb;;;AAGD;EACC,SGvBW;EHwBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGnMa;EHoMb;;AAEA;EACC,WGrMY;EHsMZ;;;AAMF;EAAwB,WG9MV;;;AHgNd;EACC;;AACA;EAAsB,SGrNR;;;AHwNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eG1QV;;;AH2QZ;EAAuB,cG3QX;;;AH6QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDDgB;ECEhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"Icon.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGkFa;EHjFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGLa;EHMb;;;AAGD;EACC,SGtBW;EHuBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGlMa;EHmMb;;AAEA;EACC,WGpMY;EHqMZ;;;AAMF;EAAwB,WG7MV;;;AH+Md;EACC;;AACA;EAAsB,SGpNR;;;AHuNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGzQV;;;AH0QZ;EAAuB,cG1QX;;;AH4QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDDgB;ECEhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"Icon.css"}

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGiFa;EHhFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGNa;EHOb;;;AAGD;EACC,SGvBW;EHwBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGnMa;EHoMb;;AAEA;EACC,WGrMY;EHsMZ;;;AAMF;EAAwB,WG9MV;;;AHgNd;EACC;;AACA;EAAsB,SGrNR;;;AHwNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eG1QV;;;AH2QZ;EAAuB,cG3QX;;;AH6QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDDgB;ECEhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eGzCiB;EH0CjB;EACA,OAhDc;EAiDd;EACA;EACA,WGkFa;EHjFb,aGoDsB;EHnDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGLa;EHMb;;;AAGD;EACC,SGtBW;EHuBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;AAEA;EACC,SGvMgB;;AH2MlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGlMa;EHmMb;;AAEA;EACC,WGpMY;EHqMZ;;;AAMF;EAAwB,WG7MV;;;AH+Md;EACC;;AACA;EAAsB,SGpNR;;;AHuNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG7PkB;EH8PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGzQV;;;AH0QZ;EAAuB,cG1QX;;;AH4QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDDgB;ECEhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"index.css"}

package/dist/components/InlineEdit/InlineEdit.css

@@ -56,7 +56,7 @@
   content: "";
   display: block;
   position: absolute;
-  background-color: #f5f5f5;
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
   width: 100%;
   height: 100%;
   top: 0;
@@ -75,11 +75,11 @@
 }
 
 .InlineEdit__content--textcolor {
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 
 .InlineEdit__content--error {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 
 .InlineEdit__content--underline .InlineEdit__value::before {
@@ -90,11 +90,12 @@
   border-bottom: 1px dashed currentColor;
 }
 .InlineEdit__content--underline.InlineEdit__content--error::before {
-  border-bottom-color: #f94d32;
+  border-bottom-color: var(--colorsBorderCritical, #e63717);
 }
 
 .InlineEdit__value--placeholder {
-  color: rgba(4, 4, 4, 0.4);
+  color: var(--colorsTextDefault, #141414);
+  opacity: 0.4;
 }
 
 .InlineEdit__content--icon .InlineEdit__editIcon {

package/dist/components/InlineEdit/InlineEdit.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OCqHY;;ADlHb;AAAA;EACyB;;AAG1B;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SCkGc;EDjGd;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OCsFa;;ADnFd;EACC;EACA,cC0EU;;ADxEV;AAAA;AAAA;EAGC;;AAIF;EAEC;;AAEA;EACC;EACA;EACA;EACA,kBC5BgB;ED6BhB;EACA;EACA;EACA;EACA,eChEe;;ADmEhB;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AAMJ;EACC,OC3DgB;;;AD8DjB;EACC,OCLe;;;ADUd;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC,qBCtBa;;;AD2BhB;EACC;;;AAIA;EACC;;;AAKD;EAAgC;;AAChC;EAAiC;;AACjC;EAAgC;;;AAGjC;EACC;;AAEA;EACC;;AAGD;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA","file":"InlineEdit.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAQA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OCgHY;;AD7Gb;AAAA;EACyB;;AAG1B;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SC6Fc;ED5Fd;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OCiFa;;AD9Ed;EACC;EACA,cCqEU;;ADnEV;AAAA;AAAA;EAGC;;AAIF;EAEC;;AAEA;EACC;EACA;EACA;EACA,kBAnEqB;EAoErB;EACA;EACA;EACA;EACA,eCtEe;;ADyEhB;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AAMJ;EACC,OA9Fc;;;AAiGf;EACC,OAjGY;;;AAsGX;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC,qBAhHY;;;AAqHf;EACC,OAzHc;EA0Hd,SCXqB;;;ADerB;EACC;;;AAKD;EAAgC;;AAChC;EAAiC;;AACjC;EAAgC;;;AAGjC;EACC;;AAEA;EACC;;AAGD;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA","file":"InlineEdit.css"}

package/dist/components/InlineEdit/InlineEdit.d.ts

@@ -7,7 +7,7 @@ export interface InlineEditPropsStrict {
     /** Custom content for the read mode, this will override value output */
     content?: any;
     /** Value to be displayed on read mode */
-    value?: AnvilSelectOptionsProps | AnvilSelectOptionsProps[] | string | number | any;
+    value?: valueObject | string | number;
     /** Decoration on displayed value */
     decoration?: InlineEditDecorationProps;
     /** If true, read content and control will show error state */
@@ -39,6 +39,9 @@ export interface InlineEditPropsStrict {
     /** Custom placeholder text */
     placeholder?: string;
 }
+interface valueObject extends AnvilSelectOptionsProps {
+    title: string;
+}
 interface ActionProps {
     save?: (event: React.ChangeEvent<HTMLElement>) => void;
     cancel?: (event: React.ChangeEvent<HTMLElement>) => void;

package/dist/components/InlineEdit/InlineEdit.js

@@ -21,7 +21,10 @@ import { keys } from '../../utilities/keyCodes';
 const defaultDecoration = { icon: true, underline: true, color: true };
 export const InlineEdit = forwardRef((_a, ref) => {
     var { control: Control, decoration = defaultDecoration, onSave, onCancel, onChange, onClick, error: errorState = false, actionDirection = 'rb', actionLayout = 'inline', className, style, mode = 'read', value, width, showContentOnEdit, content: Content, autoFocusControl = true, id, placeholder = 'Enter value' } = _a, props = __rest(_a, ["control", "decoration", "onSave", "onCancel", "onChange", "onClick", "error", "actionDirection", "actionLayout", "className", "style", "mode", "value", "width", "showContentOnEdit", "content", "autoFocusControl", "id", "placeholder"]);
-    const [newValue, setNewValue] = React.useState(value);
+    const normalizeValue = (value) => typeof value === 'string' || typeof value === 'number'
+        ? String(value)
+        : value;
+    const [newValue, setNewValue] = React.useState(normalizeValue(value));
     const [editing, setEditing] = React.useState(mode === 'edit');
     const [fontsize, setFontsize] = React.useState(16);
     const [isClosed, setIsClosed] = React.useState(false);
@@ -31,7 +34,7 @@ export const InlineEdit = forwardRef((_a, ref) => {
     const textRef = React.useRef(null);
     const getDecoration = () => (Object.assign(Object.assign({}, defaultDecoration), decoration));
     React.useEffect(() => {
-        setNewValue(value);
+        setNewValue(normalizeValue(value));
     }, [value]);
     React.useEffect(() => {
         if (textRef.current) {
@@ -61,7 +64,7 @@ export const InlineEdit = forwardRef((_a, ref) => {
             setEditing(true);
         if (mode === 'read') {
             setEditing(false);
-            setNewValue(value);
+            setNewValue(normalizeValue(value));
         }
     }, [mode, value]);
     const InlineEditKeyDown = (e) => {
@@ -74,7 +77,7 @@ export const InlineEdit = forwardRef((_a, ref) => {
     };
     const handleCancel = () => {
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        setNewValue(value);
+        setNewValue(normalizeValue(value));
         handleClose();
     };
     const handleSave = () => {
@@ -171,37 +174,52 @@ export const InlineEdit = forwardRef((_a, ref) => {
         'InlineEdit__editIcon--medium': fontsize <= 26 && fontsize > 16,
         'InlineEdit__editIcon--large': fontsize > 26,
     });
-    const getValues = () => {
+    const tagArray = (valueArr) => {
+        return valueArr.map((singleValue, index) => {
+            var _a;
+            const tagText = singleValue.text
+                ? singleValue.text
+                : typeof singleValue.content === 'string'
+                    ? singleValue.content
+                    : String(singleValue.value);
+            return (React.createElement(Tag, { key: index, title: (_a = singleValue.title) !== null && _a !== void 0 ? _a : tagText, color: singleValue.color }, tagText));
+        });
+    };
+    const getContent = () => {
         var _a;
         const value = newValue;
-        if (Content !== undefined)
+        if (Content !== undefined) {
             return Content();
-        if (typeof value === 'string' || typeof value === 'number')
+        }
+        if (typeof value === 'string') {
             return value;
-        if (Array.isArray(value) && value.length > 0) {
-            const valueArray = value.length > 3
-                ? value
-                    .slice(0, 3)
-                    .concat({ text: `+${value.length - 3}` })
-                : value.slice(0, 3);
-            const tagArray = () => valueArray.map((singleValue, index) => {
-                const tagText = singleValue.text
-                    ? singleValue.text
-                    : typeof singleValue.content === 'string' ||
-                        typeof singleValue.content === 'number'
-                        ? singleValue.content
-                        : String(singleValue.value);
-                return (React.createElement(Tag, { key: index, color: singleValue.color }, tagText));
-            });
-            return React.createElement(TagGroup, null, tagArray());
+        }
+        if (Array.isArray(value)) {
+            if (value.length <= 3) {
+                return React.createElement(TagGroup, null, tagArray(value.slice(0, 3)));
+            }
+            const truncated = value.slice(3);
+            const title = truncated.reduce((acc, curr, i) => {
+                return acc.concat(`${i === 0 ? '' : ', '}`, curr.text);
+            }, '');
+            const truncatedData = {
+                text: `+${truncated.length}`,
+                title,
+            };
+            const combinedArr = value.slice(0, 3).concat(truncatedData);
+            return React.createElement(TagGroup, null, tagArray(combinedArr));
         }
         return String((_a = value === null || value === void 0 ? void 0 : value.text) !== null && _a !== void 0 ? _a : '');
     };
     const ValueClasses = classnames('InlineEdit__value', {
-        'InlineEdit__value--placeholder': getValues().length === 0,
+        'InlineEdit__value--placeholder': (newValue === undefined || newValue.length === 0) &&
+            Content === undefined,
     });
     const readComponent = (React.createElement("span", Object.assign({ className: ContentClasses, ref: textRef, onClick: handleOpen, tabIndex: 0, onKeyDown: InlineEditKeyDown }, props),
-        React.createElement("span", { className: ValueClasses }, getValues().length === 0 ? placeholder : getValues()),
+        React.createElement("span", { className: ValueClasses }, (newValue === undefined || newValue.length === 0) &&
+            Content === undefined
+            ? placeholder
+            : getContent()),
         React.createElement(Icon, { name: "edit", className: EditIconClasses })));
     const controlProps = {
         id,