@servicetitan/design-system 10.8.0-beta.0 → 10.8.0

package/dist/system.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "10.8.0-beta.0";
+  --anvil-version: "10.8.0";
 }
 
 /*
@@ -7022,7 +7022,7 @@ kendo-badge-container {
 }
 .k-calendar .k-calendar-td:hover .k-link,
 .k-calendar .k-calendar-td.k-state-hover .k-link {
-  border-color: #9e9ea0;
+  border-color: #949596;
   color: #444445;
   background-color: #eeeeee;
 }
@@ -9991,7 +9991,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-switch:hover .k-switch-container, .k-switch.k-state-hover .k-switch-container {
-  box-shadow: inset 0 0 0 1px #9e9ea0;
+  box-shadow: inset 0 0 0 1px #949596;
 }
 .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container {
   outline: none;
@@ -10016,7 +10016,7 @@ kendo-label.k-radio-label > .k-label {
   background-color: #eb5b51;
 }
 .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle {
-  border-color: #9e9ea0;
+  border-color: #949596;
   color: #ffffff;
   background-color: #ededed;
 }
@@ -10038,7 +10038,7 @@ kendo-label.k-radio-label > .k-label {
   background-color: #ffffff;
 }
 .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle {
-  border-color: #9e9ea0;
+  border-color: #949596;
   color: #424242;
   background-color: #ededed;
 }
@@ -16928,12 +16928,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 
 .Backdrop__content {
   display: block;
-}
-.Backdrop__content:focus {
-  outline: none;
-}
-.Backdrop__content:focus-visible {
-  outline: none;
+  z-index: 1;
 }
 
 .BackLink {
@@ -18143,7 +18138,6 @@ button.Button--full {
 }
 
 .DateRangePicker__actions {
-  flex-direction: row-reverse;
   padding: 12px 16px;
   border-top: 1px solid #dfe0e1;
 }
@@ -18458,7 +18452,7 @@ button.Button--full {
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 
@@ -25272,7 +25266,7 @@ button.Button--full {
   color: #141414;
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
   cursor: pointer;
   font-weight: 600;
 }
@@ -25281,15 +25275,21 @@ button.Button--full {
 }
 
 .Link--blue {
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 
 .Link--red {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 
 .Link--grey {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
+}
+
+.Link--disabled {
+  pointer-events: none;
+  color: var(--colorsTextOnGrey, #444445);
+  opacity: 0.4;
 }
 
 /** @define Mask */
@@ -26069,7 +26069,7 @@ button.Button--full {
 }
 
 .ProgressTrackerStep {
-  color: #9e9ea0;
+  color: #949596;
   display: flex;
   align-items: center;
   position: relative;
@@ -26139,7 +26139,7 @@ button.Button--full {
   pointer-events: none !important;
 }
 .ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
-  color: #9e9ea0;
+  color: #949596;
   opacity: 0.6;
 }
 .ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {
@@ -26596,7 +26596,7 @@ button.Button--full {
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon {
   position: absolute;
   right: 2em;
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {
@@ -26861,7 +26861,7 @@ button.Button--full {
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #9e9ea0;
+  color: #949596;
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {
@@ -27353,6 +27353,7 @@ button.Button--full {
 }
 
 .Tab {
+  all: unset;
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;
   /* Make sure font-family goes across entire component */
@@ -28000,10 +28001,6 @@ button.Button--full {
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;
@@ -28898,11 +28895,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-neutral-80 {
-  background-color: #9e9ea0;
+  background-color: #949596;
 }
 
 .bg-neutral-80-i {
-  background-color: #9e9ea0 !important;
+  background-color: #949596 !important;
 }
 
 .bg-neutral-90 {
@@ -29722,11 +29719,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-neutral-80 {
-  color: #9e9ea0;
+  color: #949596;
 }
 
 .c-neutral-80-i {
-  color: #9e9ea0 !important;
+  color: #949596 !important;
 }
 
 .c-neutral-90 {
@@ -34120,13 +34117,6 @@ _:-ms-lang(x), .Tooltip__body {
 .z-drawer-i {
   z-index: 1100 !important;
 }
-.Popper:focus {
-  outline: none;
-}
-.Popper:focus-visible {
-  outline: none;
-}
-
 .Popper__caret[data-popper-placement^=top] {
   bottom: 4px;
 }