@servicetitan/anvil2 1.26.1 → 1.27.0

package/dist/toast.css

@@ -2,7 +2,7 @@
 
 @layer starter, reset, base, state, application;
 @layer base {
-  ._toaster_1ovnt_3 {
+  ._toaster_nxs96_3 {
     --toast-width: calc(375 * 1rem / 16);
     --toast-show-more-button-display: none;
     --toast-animation-duration: 300ms;
@@ -27,7 +27,7 @@
     flex-direction: column;
     align-items: center;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 {
     position: absolute;
     width: var(--toast-width);
     max-width: var(--toast-max-width);
@@ -38,87 +38,87 @@
     transition-property: top, padding-block-end;
     z-index: 2;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28:first-of-type {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28:first-of-type {
     padding-block-end: 0;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42 {
     background-color: var(--background-color, #ffffff);
     position: relative;
     box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42 ._alert-action_1ovnt_47 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42 ._alert-action_nxs96_47 {
     margin-block-start: 0.75rem;
     display: flex;
     gap: 0.75rem;
     max-width: 100%;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42 ._message-container_1ovnt_53 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42 ._message-container_nxs96_53 {
     white-space: pre-line;
     overflow-wrap: break-word;
   }
 }
 @layer state {
-  ._toaster_1ovnt_3:hover, ._toaster_1ovnt_3:focus-within {
+  ._toaster_nxs96_3:hover, ._toaster_nxs96_3:focus-within {
     --toast-show-more-button-display: normal;
   }
-  ._toaster_1ovnt_3._show-extra-toast_1ovnt_62 {
+  ._toaster_nxs96_3._show-extra-toast_nxs96_62 {
     overflow-y: auto;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42._hidden_1ovnt_65 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42._hidden_nxs96_65 {
     display: none;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42:focus-visible {
-    outline: 0.125rem solid var(--focus-ring-color, #0265dc);
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42:focus-visible {
+    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
     outline-offset: 0.125rem;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72 {
     transition-property: top, padding-bottom, width;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-one_1ovnt_75, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-two_1ovnt_75 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-one_nxs96_75, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-two_nxs96_75 {
     z-index: 1;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-one_1ovnt_75 ._alert-action_1ovnt_47, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-two_1ovnt_75 ._alert-action_1ovnt_47 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-one_nxs96_75 ._alert-action_nxs96_47, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-two_nxs96_75 ._alert-action_nxs96_47 {
     display: none;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-one_1ovnt_75 ._message-container_1ovnt_53, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-two_1ovnt_75 ._message-container_1ovnt_53 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-one_nxs96_75 ._message-container_nxs96_53, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-two_nxs96_75 ._message-container_nxs96_53 {
     max-height: 1rem;
     overflow: hidden;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-one_1ovnt_75 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-one_nxs96_75 {
     width: calc(var(--toast-width) - 2rem);
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72._stack-two_1ovnt_75 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72._stack-two_nxs96_75 {
     width: calc(var(--toast-width) - 4rem);
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked_1ovnt_72, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked_nxs96_72, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91 {
     transition-property: top, padding-bottom, width;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91 {
     width: var(--toast-width);
     height: auto;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91._stack-one_1ovnt_75 ._alert-action_1ovnt_47, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91._stack-two_1ovnt_75 ._alert-action_1ovnt_47 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91._stack-one_nxs96_75 ._alert-action_nxs96_47, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91._stack-two_nxs96_75 ._alert-action_nxs96_47 {
     display: flex;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91._stack-one_1ovnt_75 ._message-container_1ovnt_53, ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-show-extra_1ovnt_91._stack-two_1ovnt_75 ._message-container_1ovnt_53 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91._stack-one_nxs96_75 ._message-container_nxs96_53, ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-show-extra_nxs96_91._stack-two_nxs96_75 ._message-container_nxs96_53 {
     max-height: none;
     overflow: unset;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-extra_1ovnt_105 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-extra_nxs96_105 {
     width: calc(var(--toast-width) - 6rem);
     visibility: hidden;
     pointer-events: none;
   }
-  ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28._stacked-extra_1ovnt_105._stacked-show-extra_1ovnt_91 {
+  ._toaster_nxs96_3 ._toast-wrapper_nxs96_28._stacked-extra_nxs96_105._stacked-show-extra_nxs96_91 {
     width: var(--toast-width);
     visibility: visible;
     pointer-events: auto;
   }
-  ._toaster_1ovnt_3._show-extra-toast_1ovnt_62 ._toast-wrapper_1ovnt_28:first-of-type {
+  ._toaster_nxs96_3._show-extra-toast_nxs96_62 ._toast-wrapper_nxs96_28:first-of-type {
     padding-block-end: var(--toaster-padding);
   }
-  ._show-more-button-container_1ovnt_118,
-  ._show-collapse-button-container_1ovnt_119 {
+  ._show-more-button-container_nxs96_118,
+  ._show-collapse-button-container_nxs96_119 {
     pointer-events: all;
     padding-block: 1rem;
     padding-inline: 0;
@@ -127,56 +127,70 @@
     width: 100%;
     text-align: center;
   }
-  ._show-more-button-container_1ovnt_118 ._show-collapse-button_1ovnt_119,
-  ._show-collapse-button-container_1ovnt_119 ._show-collapse-button_1ovnt_119 {
+  ._show-more-button-container_nxs96_118 ._show-collapse-button_nxs96_119,
+  ._show-collapse-button-container_nxs96_119 ._show-collapse-button_nxs96_119 {
     box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
     background-color: var(--background-color-inverted, #2d2e31);
     color: var(--foreground-color-inverted, #ffffff);
   }
-  ._show-more-button-container_1ovnt_118 ._show-collapse-button_1ovnt_119:hover,
-  ._show-collapse-button-container_1ovnt_119 ._show-collapse-button_1ovnt_119:hover {
+  ._show-more-button-container_nxs96_118 ._show-collapse-button_nxs96_119:hover,
+  ._show-collapse-button-container_nxs96_119 ._show-collapse-button_nxs96_119:hover {
     background-color: var(--background-color-inverted-strong, #141414);
   }
-  ._show-collapse-button-container_1ovnt_119 {
+  ._show-collapse-button-container_nxs96_119 {
     display: none;
   }
 }
 @layer application {
   @media only screen and (hover: none) {
-    ._toaster_1ovnt_3 {
+    ._toaster_nxs96_3 {
       pointer-events: all;
     }
   }
+  @media only screen and (max-width: 640px) {
+    ._toaster_nxs96_3 {
+      padding-inline-start: 0.75rem;
+      padding-inline-end: 0.75rem;
+      max-width: -webkit-fill-available;
+      max-width: -moz-available;
+      max-width: stretch;
+      scrollbar-gutter: unset;
+    }
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 {
+      max-width: calc(100% - 0.75rem - 0.75rem);
+      padding-inline: 0;
+    }
+  }
   @media (prefers-reduced-motion: reduce) {
-    ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 {
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 {
       transition-duration: 0ms;
     }
-    ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42._open_1ovnt_152,
-    ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42._close_1ovnt_153 {
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42._open_nxs96_164,
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42._close_nxs96_165 {
       animation-duration: 0ms;
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42._open_1ovnt_152 {
-      animation: _slideIn_1ovnt_1 var(--toast-animation-duration);
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42._open_nxs96_164 {
+      animation: _slideIn_nxs96_1 var(--toast-animation-duration);
     }
-    ._toaster_1ovnt_3 ._toast-wrapper_1ovnt_28 ._toast-alert_1ovnt_42._close_1ovnt_153 {
-      animation: _slideOut_1ovnt_1 var(--toast-animation-duration);
+    ._toaster_nxs96_3 ._toast-wrapper_nxs96_28 ._toast-alert_nxs96_42._close_nxs96_165 {
+      animation: _slideOut_nxs96_1 var(--toast-animation-duration);
     }
   }
   @media only screen and (hover: none) {
-    ._toaster_1ovnt_3._show-extra-toast_1ovnt_62 ._toast-wrapper_1ovnt_28:first-of-type {
+    ._toaster_nxs96_3._show-extra-toast_nxs96_62 ._toast-wrapper_nxs96_28:first-of-type {
       padding-block-end: calc(var(--toaster-padding) * 2 + 2rem);
     }
   }
   @media only screen and (hover: none) {
-    ._show-more-button-container_1ovnt_118,
-    ._show-collapse-button-container_1ovnt_119 {
+    ._show-more-button-container_nxs96_118,
+    ._show-collapse-button-container_nxs96_119 {
       display: block;
     }
   }
   @media only screen and (hover: none) {
-    ._show-collapse-button-container_1ovnt_119 {
+    ._show-collapse-button-container_nxs96_119 {
       display: block;
       position: fixed;
       inset-block-end: 0;
@@ -184,7 +198,7 @@
     }
   }
 }
-@keyframes _slideIn_1ovnt_1 {
+@keyframes _slideIn_nxs96_1 {
   from {
     inset-inline-end: -27rem;
   }
@@ -192,7 +206,7 @@
     inset-inline-end: 0px;
   }
 }
-@keyframes _slideOut_1ovnt_1 {
+@keyframes _slideOut_nxs96_1 {
   from {
     inset-inline-end: 0px;
   }

package/dist/token/core/component-variables.scss

@@ -0,0 +1,139 @@
+$light: (
+  button-primary-foreground-color: #ffffff,
+  button-primary-foreground-color-hover: #ffffff,
+  button-primary-foreground-color-active: #ffffff,
+  button-primary-background-color: #0265DC,
+  button-primary-background-color-hover: #0655b4ff,
+  button-primary-background-color-active: #09458cff,
+  button-primary-border-color: transparent,
+  button-primary-focus-ring-color: #0265DC,
+  button-secondary-foreground-color: #141414,
+  button-secondary-foreground-color-hover: #141414,
+  button-secondary-foreground-color-active: #141414,
+  button-secondary-background-color: #0404040f,
+  button-secondary-background-color-hover: #05050522,
+  button-secondary-background-color-active: #07070735,
+  button-secondary-border-color: transparent,
+  button-secondary-focus-ring-color: #0265DC,
+  button-ghost-foreground-color: #141414,
+  button-ghost-foreground-color-hover: #141414,
+  button-ghost-foreground-color-active: #141414,
+  button-ghost-background-color: transparent,
+  button-ghost-background-color-hover: #14141414,
+  button-ghost-background-color-active: #14141429,
+  button-ghost-border-color: transparent,
+  button-ghost-focus-ring-color: #0265DC,
+  button-danger-primary-foreground-color: #ffffff,
+  button-danger-primary-foreground-color-hover: #ffffff,
+  button-danger-primary-foreground-color-active: #ffffff,
+  button-danger-primary-background-color: #e13212,
+  button-danger-primary-background-color-hover: #b82c12ff,
+  button-danger-primary-background-color-active: #8f2613ff,
+  button-danger-primary-border-color: transparent,
+  button-danger-primary-focus-ring-color: #e13212,
+  button-danger-secondary-foreground-color: #bf2a00,
+  button-danger-secondary-foreground-color-hover: #bf2a00,
+  button-danger-secondary-foreground-color-active: #bf2a00,
+  button-danger-secondary-background-color: #ffece9,
+  button-danger-secondary-background-color-hover: #fcd9d4ff,
+  button-danger-secondary-background-color-active: #f6b4a9ff,
+  button-danger-secondary-border-color: transparent,
+  button-danger-secondary-focus-ring-color: #e13212,
+  checkbox-unchecked-fill-color-default: #141414,
+  checkbox-unchecked-fill-color-hover: #141414,
+  checkbox-unchecked-fill-color-active: #141414,
+  checkbox-unchecked-background-color-default: transparent,
+  checkbox-unchecked-background-color-hover: #14141414,
+  checkbox-unchecked-background-color-active: #14141429,
+  checkbox-checked-fill-color-default: #0265DC,
+  checkbox-checked-fill-color-hover: #004ba0d1,
+  checkbox-checked-fill-color-active: #0151afb8,
+  checkbox-checked-background-color-default: transparent,
+  checkbox-checked-background-color-hover: #0265dc14,
+  checkbox-checked-background-color-active: #0265dc29,
+  checkbox-unchecked-error-fill-color-default: #e13212,
+  checkbox-unchecked-error-fill-color-hover: #bf2a00,
+  checkbox-unchecked-error-fill-color-active: #bf2a00,
+  checkbox-unchecked-error-background-color-default: transparent,
+  checkbox-unchecked-error-background-color-hover: #e132120f,
+  checkbox-unchecked-error-background-color-active: #e132122e,
+  checkbox-checked-error-fill-color-default: #e13212,
+  checkbox-checked-error-fill-color-hover: #bf2a00,
+  checkbox-checked-error-fill-color-active: #bf2a00,
+  checkbox-checked-error-background-color-default: transparent,
+  checkbox-checked-error-background-color-hover: #e132120f,
+  checkbox-checked-error-background-color-active: #e132122e,
+);
+$dark: (
+  button-primary-foreground-color: #141414,
+  button-primary-foreground-color-hover: #141414,
+  button-primary-foreground-color-active: #141414,
+  button-primary-background-color: #78BBFA,
+  button-primary-background-color-hover: #8ec6fbff,
+  button-primary-background-color-active: #68a0d5ff,
+  button-primary-border-color: transparent,
+  button-primary-focus-ring-color: #78BBFA,
+  button-secondary-foreground-color: #ffffff,
+  button-secondary-foreground-color-hover: #ffffff,
+  button-secondary-foreground-color-active: #ffffff,
+  button-secondary-background-color: #ffffff0f,
+  button-secondary-background-color-hover: #ffffff22,
+  button-secondary-background-color-active: #ffffff35,
+  button-secondary-border-color: transparent,
+  button-secondary-focus-ring-color: #78BBFA,
+  button-ghost-foreground-color: #ffffff,
+  button-ghost-foreground-color-hover: #ffffff,
+  button-ghost-foreground-color-active: #ffffff,
+  button-ghost-background-color: transparent,
+  button-ghost-background-color-hover: #ffffff14,
+  button-ghost-background-color-active: #ffffff29,
+  button-ghost-border-color: transparent,
+  button-ghost-focus-ring-color: #78BBFA,
+  button-danger-primary-foreground-color: #141414,
+  button-danger-primary-foreground-color-hover: #141414,
+  button-danger-primary-foreground-color-active: #141414,
+  button-danger-primary-background-color: #ff745f,
+  button-danger-primary-background-color-hover: #ff8a79ff,
+  button-danger-primary-background-color-active: #d96553ff,
+  button-danger-primary-border-color: transparent,
+  button-danger-primary-focus-ring-color: #ff745f,
+  button-danger-secondary-foreground-color: #ffffff,
+  button-danger-secondary-foreground-color-hover: #ff745f,
+  button-danger-secondary-foreground-color-active: #ff745f,
+  button-danger-secondary-background-color: #ff745f33,
+  button-danger-secondary-background-color-hover: #fe6e5852,
+  button-danger-secondary-background-color-active: #fe6a5466,
+  button-danger-secondary-border-color: transparent,
+  button-danger-secondary-focus-ring-color: #ff745f,
+  checkbox-unchecked-fill-color-default: #ffffff,
+  checkbox-unchecked-fill-color-hover: #ffffff,
+  checkbox-unchecked-fill-color-active: #ffffff,
+  checkbox-unchecked-background-color-default: transparent,
+  checkbox-unchecked-background-color-hover: #ffffff14,
+  checkbox-unchecked-background-color-active: #ffffff29,
+  checkbox-checked-fill-color-default: #78BBFA,
+  checkbox-checked-fill-color-hover: #abd8feda,
+  checkbox-checked-fill-color-active: #abd8fee0,
+  checkbox-checked-background-color-default: transparent,
+  checkbox-checked-background-color-hover: #78bbfa14,
+  checkbox-checked-background-color-active: #78bbfa29,
+  checkbox-unchecked-error-fill-color-default: #ff745f,
+  checkbox-unchecked-error-fill-color-hover: #ff745f,
+  checkbox-unchecked-error-fill-color-active: #ff745f,
+  checkbox-unchecked-error-background-color-default: transparent,
+  checkbox-unchecked-error-background-color-hover: #f94d321a,
+  checkbox-unchecked-error-background-color-active: #f94d3240,
+  checkbox-checked-error-fill-color-default: #ff745f,
+  checkbox-checked-error-fill-color-hover: #ff745f,
+  checkbox-checked-error-fill-color-active: #ff745f,
+  checkbox-checked-error-background-color-default: transparent,
+  checkbox-checked-error-background-color-hover: #f94d321a,
+  checkbox-checked-error-background-color-active: #f94d3240,
+);
+$nonColor: (
+  button-primary-border-radius: 0.375rem,
+  button-secondary-border-radius: 0.375rem,
+  button-ghost-border-radius: 0.375rem,
+  button-danger-primary-border-radius: 0.375rem,
+  button-danger-secondary-border-radius: 0.375rem,
+);