@servicetitan/anvil2 3.17.0 → 3.18.0

package/dist/token/core/component.js

@@ -4244,6 +4244,23 @@ export const ComboboxItemDisabledIconColor = {
  * @type {TokenValue}
  */
 export const ComboboxItemDisabledOpacity = { value: "0.6" };
+/**
+ * @type {TokenWithAppearance}
+ */
+export const DataTablePinnedColumnShadowColor = {
+  value: "#04040480",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#ffffff80"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenValue}
+ */
+export const DataTablePinnedColumnShadowOpacity = { value: "0.2" };
 /**
  * @type {TokenWithAppearance}
  */

package/dist/token/core/component.scss

@@ -333,6 +333,8 @@ $combobox-item-selected-foreground-color-active: var(--a2-combobox-item-selected
 $combobox-item-disabled-foreground-color: var(--a2-combobox-item-disabled-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
 $combobox-item-disabled-icon-color: var(--a2-combobox-item-disabled-icon-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
 $combobox-item-disabled-opacity: var(--a2-combobox-item-disabled-opacity, var(--a2-opacity-disabled, 0.6));
+$data-table-pinned-column-shadow-color: var(--a2-data-table-pinned-column-shadow-color, var(--a2-shadow-color-stronger, light-dark(#04040480, #ffffff80)));
+$data-table-pinned-column-shadow-opacity: var(--a2-data-table-pinned-column-shadow-opacity, 0.2);
 $details-summary-foreground-color: var(--a2-details-summary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
 $details-summary-foreground-color-hover: var(--a2-details-summary-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
 $details-summary-foreground-color-active: var(--a2-details-summary-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));

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

@@ -152,6 +152,7 @@ $light: (
   illustration-color-character-ink: var(--a2-color-neutral-800, #292929),
   shadow-color-default: color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent),
   shadow-color-strong: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent),
+  shadow-color-stronger: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 50%, transparent),
 );
 $dark: (
   status-color-info: var(--a2-color-blue-300, #70b1ff),
@@ -307,6 +308,7 @@ $dark: (
   illustration-color-character-ink: var(--a2-color-neutral-0, #ffffff),
   shadow-color-default: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent),
   shadow-color-strong: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 24%, transparent),
+  shadow-color-stronger: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 50%, transparent),
 );
 $nonColor: (
   border-radius-none: var(--a2-radius-0, 0rem),

package/dist/token/core/semantic.d.ts

@@ -203,6 +203,7 @@ export declare const OpacityDisabledStrong: TokenObj;
 export declare const OpacityDisabledStronger: TokenObj;
 export declare const ShadowColorDefault: TokenObj;
 export declare const ShadowColorStrong: TokenObj;
+export declare const ShadowColorStronger: TokenObj;
 export declare const ShadowSizeFlat: TokenObj;
 export declare const ShadowSizeFloat: TokenObj;
 export declare const ShadowSizeOverlay: TokenObj;

package/dist/token/core/semantic.js

@@ -2183,6 +2183,19 @@ export const ShadowColorStrong = {
     }
   }
 };
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ShadowColorStronger = {
+  value: "#040404",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
 /**
  * @type {TokenValue}
  */

package/dist/token/core/semantic.scss

@@ -201,6 +201,7 @@ $opacity-disabled-strong: var(--a2-opacity-disabled-strong, 0.4);
 $opacity-disabled-stronger: var(--a2-opacity-disabled-stronger, 0.2);
 $shadow-color-default: var(--a2-shadow-color-default, light-dark(color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
 $shadow-color-strong: var(--a2-shadow-color-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 24%, transparent)));
+$shadow-color-stronger: var(--a2-shadow-color-stronger, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 50%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 50%, transparent)));
 $shadow-size-flat: var(--a2-shadow-size-flat, var(--a2-size-0, 0rem) var(--a2-size-0, 0rem) var(--a2-size-0, 0rem));
 $shadow-size-float: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
 $shadow-size-overlay: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem));

package/dist/token.js

@@ -2185,6 +2185,19 @@ const ShadowColorStrong = {
     }
   }
 };
+/**
+ * @type {TokenWithAppearance}
+ */
+const ShadowColorStronger = {
+  value: "#040404",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
 /**
  * @type {TokenValue}
  */
@@ -2483,6 +2496,7 @@ const semantic = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   OpacityDisabledStronger,
   ShadowColorDefault,
   ShadowColorStrong,
+  ShadowColorStronger,
   ShadowSizeFlat,
   ShadowSizeFloat,
   ShadowSizeOverlay,
@@ -6759,6 +6773,23 @@ const ComboboxItemDisabledIconColor = {
  * @type {TokenValue}
  */
 const ComboboxItemDisabledOpacity = { value: "0.6" };
+/**
+ * @type {TokenWithAppearance}
+ */
+const DataTablePinnedColumnShadowColor = {
+  value: "#04040480",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#ffffff80"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenValue}
+ */
+const DataTablePinnedColumnShadowOpacity = { value: "0.2" };
 /**
  * @type {TokenWithAppearance}
  */
@@ -11452,6 +11483,8 @@ const component = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   ComboboxItemSelectedForegroundColor,
   ComboboxItemSelectedForegroundColorActive,
   ComboboxItemSelectedForegroundColorHover,
+  DataTablePinnedColumnShadowColor,
+  DataTablePinnedColumnShadowOpacity,
   DetailsContentForegroundColor,
   DetailsSummaryBackgroundColor,
   DetailsSummaryBackgroundColorActive,