@servicetitan/design-system 12.6.2 → 12.7.0

package/dist/internal/Popper/index.css

@@ -28,6 +28,9 @@
   transition-delay: duration(slow);
 }
 
+.Tooltip__body {
+  line-height: normal;
+}
 .Tooltip__body:not(.Tooltip__body--open).Tooltip__body, .Tooltip__body:not(.Tooltip__body--open)::before {
   display: none;
   opacity: 0;

package/dist/internal/Popper/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE6Ga;EF5Gb,YArBY;EAsBZ,eETiB;EFUjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE8GiB;AF5GjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW;;;AGHZ;EAAU;;AAGV;EAAkB;;;AAGnB;EACC,QD0Hc;;ACxHd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,OD8Gc;;AC5Gd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EHjBC;EACA;EACA;EACA;EACA;EACA;EGeA;;AAEA;EACC;EACA;EACA,ODmFU;EClFV,QDkFU;ECjFV;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAGC;EApED;EACA;EACA;;AAwEA;EA3DA;EACA,WE6Ga;EF5Gb,YArBY;EAsBZ,eETiB;EFUjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE8GiB;AF5GjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EA2CA;IA1CC;;;;AAgDF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA/FW;;;AGHZ;EAAU;;AAGV;EAAkB;;;AAGnB;EACC,QD0Hc;;ACxHd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,OD8Gc;;AC5Gd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EHjBC;EACA;EACA;EACA;EACA;EACA;EGeA;;AAEA;EACC;EACA;EACA,ODmFU;EClFV,QDkFU;ECjFV;EACA","file":"index.css"}

package/dist/internal/index.css

@@ -45,6 +45,9 @@
   transition-delay: duration(slow);
 }
 
+.Tooltip__body {
+  line-height: normal;
+}
 .Tooltip__body:not(.Tooltip__body--open).Tooltip__body, .Tooltip__body:not(.Tooltip__body--open)::before {
   display: none;
   opacity: 0;

package/dist/internal/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/internal/Overlay/Overlay.scss","../../node_modules/@servicetitan/tokens/core/tokens.scss","../../src/utilities/_visually-hidden.scss","../../src/components/Tooltip/Tooltip.scss","../../src/utilities/_component-reset.scss","../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAEA;EACC;EACA;EACA;EACA;EACA;EACA,SC6IiB;ED5IjB;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AEhBF;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WF6Ga;EE5Gb,YArBY;EAsBZ,eFTiB;EEUjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SF8GiB;AE5GjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW;;;AEHZ;EAAU;;AAGV;EAAkB;;;AAGnB;EACC,QJ0Hc;;AIxHd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,OJ8Gc;;AI5Gd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EFjBC;EACA;EACA;EACA;EACA;EACA;EEeA;;AAEA;EACC;EACA;EACA,OJmFU;EIlFV,QJkFU;EIjFV;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/internal/Overlay/Overlay.scss","../../node_modules/@servicetitan/tokens/core/tokens.scss","../../src/utilities/_visually-hidden.scss","../../src/components/Tooltip/Tooltip.scss","../../src/utilities/_component-reset.scss","../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAEA;EACC;EACA;EACA;EACA;EACA;EACA,SC6IiB;ED5IjB;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AEhBF;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAGC;EApED;EACA;EACA;;AAwEA;EA3DA;EACA,WF6Ga;EE5Gb,YArBY;EAsBZ,eFTiB;EEUjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SF8GiB;AE5GjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EA2CA;IA1CC;;;;AAgDF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA/FW;;;AEHZ;EAAU;;AAGV;EAAkB;;;AAGnB;EACC,QJ0Hc;;AIxHd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,OJ8Gc;;AI5Gd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EFjBC;EACA;EACA;EACA;EACA;EACA;EEeA;;AAEA;EACC;EACA;EACA,OJmFU;EIlFV,QJkFU;EIjFV;EACA","file":"index.css"}

package/dist/system-light.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "12.6.2";
+  --anvil-version: "12.7.0";
 }
 
 /*
@@ -5323,6 +5323,70 @@ a:focus {
   position: sticky !important;
 }
 
+.position-t-auto {
+  top: auto;
+}
+
+.position-t-auto-i {
+  top: auto !important;
+}
+
+.position-r-auto {
+  right: auto;
+}
+
+.position-r-auto-i {
+  right: auto !important;
+}
+
+.position-b-auto {
+  bottom: auto;
+}
+
+.position-b-auto-i {
+  bottom: auto !important;
+}
+
+.position-l-auto {
+  left: auto;
+}
+
+.position-l-auto-i {
+  left: auto !important;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.top-auto-i {
+  top: auto !important;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.right-auto-i {
+  right: auto !important;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.bottom-auto-i {
+  bottom: auto !important;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.left-auto-i {
+  left: auto !important;
+}
+
 .position-t-0 {
   top: 0;
 }
@@ -5355,36 +5419,100 @@ a:focus {
   left: 0 !important;
 }
 
-.position-t-auto {
-  top: auto;
+.top-0 {
+  top: 0;
 }
 
-.position-t-auto-i {
-  top: auto !important;
+.top-0-i {
+  top: 0 !important;
 }
 
-.position-r-auto {
-  right: auto;
+.right-0 {
+  right: 0;
 }
 
-.position-r-auto-i {
-  right: auto !important;
+.right-0-i {
+  right: 0 !important;
 }
 
-.position-b-auto {
-  bottom: auto;
+.bottom-0 {
+  bottom: 0;
 }
 
-.position-b-auto-i {
-  bottom: auto !important;
+.bottom-0-i {
+  bottom: 0 !important;
 }
 
-.position-l-auto {
-  left: auto;
+.left-0 {
+  left: 0;
 }
 
-.position-l-auto-i {
-  left: auto !important;
+.left-0-i {
+  left: 0 !important;
+}
+
+.top-50 {
+  top: 50%;
+}
+
+.top-50-i {
+  top: 50% !important;
+}
+
+.right-50 {
+  right: 50%;
+}
+
+.right-50-i {
+  right: 50% !important;
+}
+
+.bottom-50 {
+  bottom: 50%;
+}
+
+.bottom-50-i {
+  bottom: 50% !important;
+}
+
+.left-50 {
+  left: 50%;
+}
+
+.left-50-i {
+  left: 50% !important;
+}
+
+.top-100 {
+  top: 100%;
+}
+
+.top-100-i {
+  top: 100% !important;
+}
+
+.right-100 {
+  right: 100%;
+}
+
+.right-100-i {
+  right: 100% !important;
+}
+
+.bottom-100 {
+  bottom: 100%;
+}
+
+.bottom-100-i {
+  bottom: 100% !important;
+}
+
+.left-100 {
+  left: 100%;
+}
+
+.left-100-i {
+  left: 100% !important;
 }
 
 .ta-left {
@@ -5583,6 +5711,382 @@ a:focus {
   z-index: 1100 !important;
 }
 
+.transform-none {
+  transform: none;
+}
+
+.transform-none-i {
+  transform: none !important;
+}
+
+.translate-x-0 {
+  --transform-translate-x: 0;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-y-0 {
+  --transform-translate-y: 0;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-x-0-i {
+  --transform-translate-x: 0;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-y-0-i {
+  --transform-translate-y: 0;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-x-50 {
+  --transform-translate-x: 50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-y-50 {
+  --transform-translate-y: 50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-x-50-i {
+  --transform-translate-x: 50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-y-50-i {
+  --transform-translate-y: 50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-x-100 {
+  --transform-translate-x: 100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-y-100 {
+  --transform-translate-y: 100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-x-100-i {
+  --transform-translate-x: 100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-y-100-i {
+  --transform-translate-y: 100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-x--50 {
+  --transform-translate-x: -50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-y--50 {
+  --transform-translate-y: -50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-x--50-i {
+  --transform-translate-x: -50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-y--50-i {
+  --transform-translate-y: -50%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-x--100 {
+  --transform-translate-x: -100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-y--100 {
+  --transform-translate-y: -100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0));
+}
+
+.translate-x--100-i {
+  --transform-translate-x: -100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.translate-y--100-i {
+  --transform-translate-y: -100%;
+  transform: translate(var(--transform-translate-x, 0), var(--transform-translate-y, 0)) !important;
+}
+
+.row-gap-0 {
+  row-gap: 0;
+}
+
+.row-gap-0-i {
+  row-gap: 0 !important;
+}
+
+.column-gap-0 {
+  -moz-column-gap: 0;
+  column-gap: 0;
+}
+
+.column-gap-0-i {
+  -moz-column-gap: 0 !important;
+  column-gap: 0 !important;
+}
+
+.gap-0 {
+  gap: 0;
+}
+
+.gap-0-i {
+  gap: 0 !important;
+}
+
+.row-gap-1 {
+  row-gap: 8px;
+}
+
+.row-gap-1-i {
+  row-gap: 8px !important;
+}
+
+.column-gap-1 {
+  -moz-column-gap: 8px;
+  column-gap: 8px;
+}
+
+.column-gap-1-i {
+  -moz-column-gap: 8px !important;
+  column-gap: 8px !important;
+}
+
+.gap-1 {
+  gap: 8px;
+}
+
+.gap-1-i {
+  gap: 8px !important;
+}
+
+.row-gap-2 {
+  row-gap: 16px;
+}
+
+.row-gap-2-i {
+  row-gap: 16px !important;
+}
+
+.column-gap-2 {
+  -moz-column-gap: 16px;
+  column-gap: 16px;
+}
+
+.column-gap-2-i {
+  -moz-column-gap: 16px !important;
+  column-gap: 16px !important;
+}
+
+.gap-2 {
+  gap: 16px;
+}
+
+.gap-2-i {
+  gap: 16px !important;
+}
+
+.row-gap-3 {
+  row-gap: 24px;
+}
+
+.row-gap-3-i {
+  row-gap: 24px !important;
+}
+
+.column-gap-3 {
+  -moz-column-gap: 24px;
+  column-gap: 24px;
+}
+
+.column-gap-3-i {
+  -moz-column-gap: 24px !important;
+  column-gap: 24px !important;
+}
+
+.gap-3 {
+  gap: 24px;
+}
+
+.gap-3-i {
+  gap: 24px !important;
+}
+
+.row-gap-4 {
+  row-gap: 32px;
+}
+
+.row-gap-4-i {
+  row-gap: 32px !important;
+}
+
+.column-gap-4 {
+  -moz-column-gap: 32px;
+  column-gap: 32px;
+}
+
+.column-gap-4-i {
+  -moz-column-gap: 32px !important;
+  column-gap: 32px !important;
+}
+
+.gap-4 {
+  gap: 32px;
+}
+
+.gap-4-i {
+  gap: 32px !important;
+}
+
+.row-gap-5 {
+  row-gap: 48px;
+}
+
+.row-gap-5-i {
+  row-gap: 48px !important;
+}
+
+.column-gap-5 {
+  -moz-column-gap: 48px;
+  column-gap: 48px;
+}
+
+.column-gap-5-i {
+  -moz-column-gap: 48px !important;
+  column-gap: 48px !important;
+}
+
+.gap-5 {
+  gap: 48px;
+}
+
+.gap-5-i {
+  gap: 48px !important;
+}
+
+.row-gap-6 {
+  row-gap: 64px;
+}
+
+.row-gap-6-i {
+  row-gap: 64px !important;
+}
+
+.column-gap-6 {
+  -moz-column-gap: 64px;
+  column-gap: 64px;
+}
+
+.column-gap-6-i {
+  -moz-column-gap: 64px !important;
+  column-gap: 64px !important;
+}
+
+.gap-6 {
+  gap: 64px;
+}
+
+.gap-6-i {
+  gap: 64px !important;
+}
+
+.row-gap-7 {
+  row-gap: 96px;
+}
+
+.row-gap-7-i {
+  row-gap: 96px !important;
+}
+
+.column-gap-7 {
+  -moz-column-gap: 96px;
+  column-gap: 96px;
+}
+
+.column-gap-7-i {
+  -moz-column-gap: 96px !important;
+  column-gap: 96px !important;
+}
+
+.gap-7 {
+  gap: 96px;
+}
+
+.gap-7-i {
+  gap: 96px !important;
+}
+
+.row-gap-8 {
+  row-gap: 128px;
+}
+
+.row-gap-8-i {
+  row-gap: 128px !important;
+}
+
+.column-gap-8 {
+  -moz-column-gap: 128px;
+  column-gap: 128px;
+}
+
+.column-gap-8-i {
+  -moz-column-gap: 128px !important;
+  column-gap: 128px !important;
+}
+
+.gap-8 {
+  gap: 128px;
+}
+
+.gap-8-i {
+  gap: 128px !important;
+}
+
+.row-gap-half {
+  row-gap: 4px;
+}
+
+.row-gap-half-i {
+  row-gap: 4px !important;
+}
+
+.column-gap-half {
+  -moz-column-gap: 4px;
+  column-gap: 4px;
+}
+
+.column-gap-half-i {
+  -moz-column-gap: 4px !important;
+  column-gap: 4px !important;
+}
+
+.gap-half {
+  gap: 4px;
+}
+
+.gap-half-i {
+  gap: 4px !important;
+}
+
+.gap-normal {
+  gap: normal;
+}
+
+.gap-normal-i {
+  gap: normal !important;
+}
+
 /*# sourceMappingURL=utilities.css.map */
 .Overlay {
   position: fixed;
@@ -5630,6 +6134,9 @@ a:focus {
   transition-delay: duration(slow);
 }
 
+.Tooltip__body {
+  line-height: normal;
+}
 .Tooltip__body:not(.Tooltip__body--open).Tooltip__body, .Tooltip__body:not(.Tooltip__body--open)::before {
   display: none;
   opacity: 0;