@ngrok/mantle 0.67.0 → 0.68.0

package/dist/icons.d.ts

@@ -1,8 +1,8 @@
 import { t as SvgAttributes } from "./types-yU-Byhue.js";
-import { a as AlphanumericSortingDirection, c as TimeSortingDirection, o as SortingDirection, s as SortingMode } from "./direction-C_bMxZXm.js";
+import { a as AlphanumericSortingDirection, c as TimeSortingDirection, o as SortingDirection, s as SortingMode } from "./direction-MVSxfKWx.js";
 import { i as Theme } from "./themes-D_v8H0nY.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/icons/sort.d.ts
 type Props = SvgAttributes & ({
@@ -31,7 +31,7 @@ declare const SortIcon: {
     mode,
     direction,
     ...props
-  }: Props): react_jsx_runtime0.JSX.Element;
+  }: Props): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -39,7 +39,7 @@ declare const SortIcon: {
 /**
  * An icon representing a traffic policy file.
  */
-declare function TrafficPolicyFileIcon(props: SvgAttributes): react_jsx_runtime0.JSX.Element;
+declare function TrafficPolicyFileIcon(props: SvgAttributes): _$react_jsx_runtime0.JSX.Element;
 declare namespace TrafficPolicyFileIcon {
   var displayName: string;
 }
@@ -52,7 +52,7 @@ declare namespace TrafficPolicyFileIcon {
  * - `light-high-contrast`: SunIcon (fill)
  * - `dark-high-contrast`: MoonIcon (fill)
  */
-declare function AutoThemeIcon(props: SvgAttributes): react_jsx_runtime0.JSX.Element;
+declare function AutoThemeIcon(props: SvgAttributes): _$react_jsx_runtime0.JSX.Element;
 declare namespace AutoThemeIcon {
   var displayName: string;
 }
@@ -71,7 +71,7 @@ type ThemeIconProps = SvgAttributes & {
 declare function ThemeIcon({
   theme,
   ...props
-}: ThemeIconProps): react_jsx_runtime0.JSX.Element;
+}: ThemeIconProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace ThemeIcon {
   var displayName: string;
 }
@@ -94,11 +94,11 @@ type InlineIconProps = Omit<ComponentProps<"svg">, "xmlns" | "fill" | "viewBox"
 /**
  * An inline svg icon that renders the ngrok wordmark logo. Fill color is determined by the `color` CSS property.
  */
-declare function NgrokWordmarkIcon(props: Omit<InlineIconProps, "color">): react_jsx_runtime0.JSX.Element;
+declare function NgrokWordmarkIcon(props: Omit<InlineIconProps, "color">): _$react_jsx_runtime0.JSX.Element;
 /**
  * An inline svg icon that renders the ngrok lettermark "n" logo. Fill color is determined by the `color` CSS property.
  */
-declare function NgrokLettermarkIcon(props: Omit<InlineIconProps, "color">): react_jsx_runtime0.JSX.Element;
+declare function NgrokLettermarkIcon(props: Omit<InlineIconProps, "color">): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AutoThemeIcon, type InlineIconProps, NgrokLettermarkIcon, NgrokWordmarkIcon, SortIcon, ThemeIcon, TrafficPolicyFileIcon };
 //# sourceMappingURL=icons.d.ts.map

package/dist/{index-Cxmuw3UT.d.ts → index-Bw97R9Kw.d.ts}

@@ -1,5 +1,5 @@
 import { a as WithInputType, i as WithAutoComplete, o as WithValidation } from "./types-Cq6RWU7Q.js";
-import * as react from "react";
+import * as _$react from "react";
 import { InputHTMLAttributes, PropsWithChildren } from "react";
 
 //#region src/components/input/input.d.ts
@@ -23,9 +23,9 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "
  * />
  * ```
  */
-declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & {
-  children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const Input: _$react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & {
+  children?: _$react.ReactNode | undefined;
+} & _$react.RefAttributes<HTMLInputElement>>;
 type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps;
 /**
  * The actual <input /> element that captures user input.
@@ -41,7 +41,7 @@ type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComple
  * </Input>
  * ```
  */
-declare const InputCapture: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & react.RefAttributes<HTMLInputElement>>;
+declare const InputCapture: _$react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & _$react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input/password-input.d.ts
 type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithValidation & WithAutoComplete & {
@@ -70,7 +70,7 @@ type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoCompl
  * />
  * ```
  */
-declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithValidation & WithAutoComplete & {
+declare const PasswordInput: _$react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithValidation & WithAutoComplete & {
   /**
    * Callback for when the visibility of the password value changes.
    */
@@ -80,7 +80,7 @@ declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttri
    * @default false
    */
   showValue?: boolean;
-} & react.RefAttributes<HTMLInputElement>>;
+} & _$react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input/is-input.d.ts
 /**
@@ -100,4 +100,4 @@ declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttri
 declare function isInput(value: unknown): value is HTMLInputElement;
 //#endregion
 export { InputCapture as a, Input as i, PasswordInput as n, InputCaptureProps as o, PasswordInputProps as r, InputProps as s, isInput as t };
-//# sourceMappingURL=index-Cxmuw3UT.d.ts.map
+//# sourceMappingURL=index-Bw97R9Kw.d.ts.map

package/dist/{index-C0yxjFyf.d.ts → index-C3IiAC5H.d.ts}

@@ -14,7 +14,7 @@ declare const isNamedColor: (value: unknown) => value is NamedColor;
 /**
  * Functional named colors
  */
-declare const functionalColors: readonly ["info", "accent", "danger", "neutral", "success", "warning"];
+declare const functionalColors: readonly ["important", "info", "accent", "danger", "neutral", "success", "warning"];
 /**
  * A functional color
  */
@@ -26,7 +26,7 @@ declare const isFunctionalColor: (value: unknown) => value is FunctionalColor;
 /**
  * All named mantle colors
  */
-declare const colors: readonly ["amber", "blue", "cyan", "emerald", "fuchsia", "gray", "green", "indigo", "lime", "orange", "pink", "purple", "red", "rose", "sky", "teal", "violet", "yellow", "info", "accent", "danger", "neutral", "success", "warning"];
+declare const colors: readonly ["amber", "blue", "cyan", "emerald", "fuchsia", "gray", "green", "indigo", "lime", "orange", "pink", "purple", "red", "rose", "sky", "teal", "violet", "yellow", "important", "info", "accent", "danger", "neutral", "success", "warning"];
 /**
  * A named mantle color
  */
@@ -37,4 +37,4 @@ type Color = (typeof colors)[number];
 declare const isColor: (value: unknown) => value is Color;
 //#endregion
 export { functionalColors as a, isNamedColor as c, colors as i, namedColors as l, FunctionalColor as n, isColor as o, NamedColor as r, isFunctionalColor as s, Color as t };
-//# sourceMappingURL=index-C0yxjFyf.d.ts.map
+//# sourceMappingURL=index-C3IiAC5H.d.ts.map

package/dist/{index-CI-RDnHZ.d.ts → index-Cj2NX2Dg.d.ts}

@@ -1,12 +1,12 @@
 import { t as VariantProps } from "./variant-props-Bm6Y-jfm.js";
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/button/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   appearance?: "ghost" | "outlined" | "panel" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>;
 type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants;
 /**
@@ -23,7 +23,7 @@ type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants;
  * </ButtonGroup>
  * ```
  */
-declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: _$react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ButtonGroupProps as n, ButtonGroup as t };
-//# sourceMappingURL=index-CI-RDnHZ.d.ts.map
+//# sourceMappingURL=index-Cj2NX2Dg.d.ts.map

package/dist/input.d.ts

@@ -1,3 +1,3 @@
 import { a as WithInputType, i as WithAutoComplete, n as InputType, o as WithValidation, r as Validation, t as AutoComplete } from "./types-Cq6RWU7Q.js";
-import { a as InputCapture, i as Input, n as PasswordInput, o as InputCaptureProps, r as PasswordInputProps, s as InputProps, t as isInput } from "./index-Cxmuw3UT.js";
+import { a as InputCapture, i as Input, n as PasswordInput, o as InputCaptureProps, r as PasswordInputProps, s as InputProps, t as isInput } from "./index-Bw97R9Kw.js";
 export { AutoComplete, Input, InputCapture, InputCaptureProps, InputProps, InputType, PasswordInput, PasswordInputProps, Validation, WithAutoComplete, WithInputType, WithValidation, isInput };

package/dist/kbd.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/kbd/kbd.d.ts
 /**
@@ -19,7 +19,7 @@ declare function Kbd({
   children,
   className,
   ...props
-}: ComponentProps<"kbd">): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<"kbd">): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Kbd };
 //# sourceMappingURL=kbd.d.ts.map

package/dist/label.d.ts

@@ -1,4 +1,4 @@
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/label/label.d.ts
 /**
@@ -21,12 +21,12 @@ import * as react from "react";
  * </div>
  * ```
  */
-declare const Label: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+declare const Label: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
   /**
    * If set, the label will appear disabled.
    */
   disabled?: boolean;
-} & react.RefAttributes<HTMLLabelElement>>;
+} & _$react.RefAttributes<HTMLLabelElement>>;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/mantle-dark-high-contrast.css

@@ -243,9 +243,21 @@ MARK: DARK HICON DEFS
 	--background-color-popover: var(--color-neutral-50);
 	--background-color-dialog: var(--color-neutral-50);
 	--background-color-base-hover: var(--color-neutral-100);
-	--background-color-card-hover: var(--color-neutral-100);
-	--background-color-popover-hover: var(--color-neutral-100);
-	--background-color-dialog-hover: var(--color-neutral-100);
+	--background-color-card-hover: color-mix(
+		in oklab,
+		var(--color-neutral-50) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-popover-hover: color-mix(
+		in oklab,
+		var(--color-neutral-50) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-dialog-hover: color-mix(
+		in oklab,
+		var(--color-neutral-50) 50%,
+		var(--color-neutral-100)
+	);
 	--background-color-form: var(--color-white);
 	--background-color-form-hover: --alpha(var(--color-neutral-500) / 0.05);
 	--background-color-form-active: --alpha(var(--color-neutral-500) / 0.1);
@@ -290,12 +302,6 @@ MARK: DARK HICON DEFS
 	--background-color-filled-warning-hover: var(--color-warning-600);
 	--background-color-filled-success-hover: var(--color-success-600);
 
-	--background-color-filled-neutral-active: var(--color-neutral-700);
-	--background-color-filled-accent-active: var(--color-accent-700);
-	--background-color-filled-danger-active: var(--color-danger-700);
-	--background-color-filled-warning-active: var(--color-warning-700);
-	--background-color-filled-success-active: var(--color-success-700);
-
 	/* Focus tokens */
 	--ring-color-focus-neutral: --alpha(var(--color-neutral-500) / 0.3);
 	--ring-color-focus-accent: --alpha(var(--color-accent-500) / 0.3);
@@ -307,4 +313,7 @@ MARK: DARK HICON DEFS
 	--shadow-first-opacity: 60%;
 	--shadow-second-opacity: 80%;
 	--navigation-shadow: #000;
+
+	--bg-checked-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M12.7071 4.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 11.7071c-.39053.3905-1.02369.3905-1.41422 0l-2-1.99999c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L6 9.58579l5.2929-5.2929c.3905-.39052 1.0237-.39052 1.4142 0Z'/%3e%3c/svg%3e");
+	--bg-indeterminate-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M4 8c0-.55228.44772-1 1-1h6c.5523 0 1 .44772 1 1s-.4477 1-1 1H5c-.55228 0-1-.44772-1-1Z'/%3e%3c/svg%3e");
 }

package/dist/mantle-dark.css

@@ -23,24 +23,24 @@ MARK: DARK DEFS
 	--color-neutral-900: oklch(97% 0 0);
 	--color-neutral-950: oklch(98.5% 0 0);
 
-	/* gray is identical to neutral in dark mode */
-	--color-gray-50: var(--color-neutral-50);
-	--color-gray-100: var(--color-neutral-100);
-	--color-gray-200: var(--color-neutral-200);
-	--color-gray-300: var(--color-neutral-300);
-	--color-gray-400: var(--color-neutral-400);
-	--color-gray-500: var(--color-neutral-500);
-	--color-gray-600: var(--color-neutral-600);
-	--color-gray-700: var(--color-neutral-700);
-	--color-gray-800: var(--color-neutral-800);
-	--color-gray-900: var(--color-neutral-900);
-	--color-gray-950: var(--color-neutral-950);
+	--color-gray-50: oklch(18.2% 0 0);
+	--color-gray-100: oklch(20.5% 0 0);
+	--color-gray-200: oklch(26.9% 0 0);
+	--color-gray-300: oklch(37.1% 0 0);
+	--color-gray-400: oklch(43.9% 0 0);
+	--color-gray-500: oklch(55.6% 0 0);
+	--color-gray-600: oklch(70.8% 0 0);
+	--color-gray-700: oklch(87% 0 0);
+	--color-gray-800: oklch(92.2% 0 0);
+	--color-gray-900: oklch(97% 0 0);
+	--color-gray-950: oklch(98.5% 0 0);
 
 	--color-blue-50: oklch(26.6% 0.0958 273.2);
 	--color-blue-100: oklch(35.3% 0.1525 269.7);
 	--color-blue-200: oklch(39.8% 0.1951 268.1);
 	--color-blue-300: oklch(45.4% 0.2358 266.7);
 	--color-blue-400: oklch(52.1% 0.2298 266.7);
+	--color-blue-500: oklch(58.4% 0.2069 265.3);
 	--color-blue-600: oklch(69.6% 0.1539 262.9);
 	--color-blue-700: oklch(77.9% 0.1078 262.4);
 	--color-blue-800: oklch(86.7% 0.0622 264.2);
@@ -280,10 +280,18 @@ MARK: DARK DEFS
 	--background-color-popover: var(--color-neutral-100);
 	--background-color-dialog: var(--color-neutral-50);
 	--background-color-base-hover: var(--color-neutral-100);
-	--background-color-card-hover: var(--color-neutral-200);
-	--background-color-popover-hover: var(--color-neutral-200);
+	--background-color-card-hover: color-mix(
+		in oklab,
+		var(--color-neutral-100) 50%,
+		var(--color-neutral-200)
+	);
+	--background-color-popover-hover: color-mix(
+		in oklab,
+		var(--color-neutral-100) 50%,
+		var(--color-neutral-200)
+	);
 	--background-color-dialog-hover: var(--color-neutral-100);
-	--background-color-form: var(--color-neutral-50);
+	--background-color-form: var(--background-color-card);
 	--background-color-form-hover: --alpha(var(--color-neutral-500) / 0.05);
 	--background-color-form-active: --alpha(var(--color-neutral-500) / 0.1);
 	--background-color-overlay: --alpha(#000 / 0.6);
@@ -304,10 +312,6 @@ MARK: DARK DEFS
 	--color-card-border: var(--color-neutral-300);
 	--color-card-border-muted: var(--color-neutral-200);
 
-	--color-active-menu-item: var(--color-neutral-200);
-	--color-selected-menu-item: var(--color-accent-50);
-	--color-active-selected-menu-item: var(--color-accent-100);
-
 	--text-color-strong: #fff;
 	--text-color-body: --alpha(#fff / 0.7);
 	--text-color-muted: --alpha(#fff / 0.5);
@@ -315,34 +319,24 @@ MARK: DARK DEFS
 	--text-color-on-filled: #fff;
 
 	/* Theme tokens */
-	--background-color-filled-neutral: var(--color-neutral-500);
-	--background-color-filled-accent: var(--color-accent-500);
-	--background-color-filled-danger: var(--color-danger-500);
-	--background-color-filled-warning: var(--color-warning-500);
-	--background-color-filled-success: var(--color-success-500);
-
-	--background-color-filled-neutral-hover: --alpha(var(--color-neutral-500) / 0.9);
-	--background-color-filled-accent-hover: --alpha(var(--color-accent-500) / 0.9);
-	--background-color-filled-danger-hover: --alpha(var(--color-danger-500) / 0.9);
-	--background-color-filled-warning-hover: --alpha(var(--color-warning-500) / 0.9);
-	--background-color-filled-success-hover: --alpha(var(--color-success-500) / 0.9);
-
-	--background-color-filled-neutral-active: --alpha(var(--color-neutral-500) / 0.8);
-	--background-color-filled-accent-active: --alpha(var(--color-accent-500) / 0.8);
-	--background-color-filled-danger-active: --alpha(var(--color-danger-500) / 0.8);
-	--background-color-filled-warning-active: --alpha(var(--color-warning-500) / 0.8);
-	--background-color-filled-success-active: --alpha(var(--color-success-500) / 0.8);
-
-	/* focus tokens */
-	--ring-color-focus-neutral: --alpha(var(--color-neutral-500) / 0.5);
-	--ring-color-focus-accent: --alpha(var(--color-accent-500) / 0.5);
-	--ring-color-focus-danger: --alpha(var(--color-danger-500) / 0.5);
-	--ring-color-focus-warning: --alpha(var(--color-warning-500) / 0.5);
-	--ring-color-focus-success: --alpha(var(--color-success-500) / 0.5);
+	--background-color-filled-neutral: var(--color-neutral-900);
+	--background-color-filled-accent: var(--color-accent-600);
+	--background-color-filled-danger: var(--color-danger-600);
+	--background-color-filled-warning: var(--color-warning-600);
+	--background-color-filled-success: var(--color-success-600);
+
+	--background-color-filled-neutral-hover: var(--color-black);
+	--background-color-filled-accent-hover: var(--color-accent-700);
+	--background-color-filled-danger-hover: var(--color-danger-700);
+	--background-color-filled-warning-hover: var(--color-warning-700);
+	--background-color-filled-success-hover: var(--color-success-700);
 
 	--shadow-color: #000;
 	--shadow-first-opacity: 15%;
 	--shadow-second-opacity: 30%;
 
 	--navigation-shadow: --alpha(var(--shadow-color) / 40%);
+
+	--bg-checked-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M12.7071 4.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 11.7071c-.39053.3905-1.02369.3905-1.41422 0l-2-1.99999c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L6 9.58579l5.2929-5.2929c.3905-.39052 1.0237-.39052 1.4142 0Z'/%3e%3c/svg%3e");
+	--bg-indeterminate-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M4 8c0-.55228.44772-1 1-1h6c.5523 0 1 .44772 1 1s-.4477 1-1 1H5c-.55228 0-1-.44772-1-1Z'/%3e%3c/svg%3e");
 }

package/dist/mantle-light-high-contrast.css

@@ -242,9 +242,21 @@ MARK: LIGHT HICON DEFS
 	--background-color-popover: var(--color-white);
 	--background-color-dialog: var(--color-white);
 	--background-color-base-hover: var(--color-neutral-100);
-	--background-color-card-hover: var(--color-neutral-100);
-	--background-color-popover-hover: var(--color-neutral-100);
-	--background-color-dialog-hover: var(--color-neutral-100);
+	--background-color-card-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-popover-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-dialog-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
 	--background-color-form: var(--color-white);
 	--background-color-form-hover: --alpha(var(--color-neutral-500) / 0.05);
 	--background-color-form-active: --alpha(var(--color-neutral-500) / 0.1);
@@ -289,12 +301,6 @@ MARK: LIGHT HICON DEFS
 	--background-color-filled-warning-hover: var(--color-warning-600);
 	--background-color-filled-success-hover: var(--color-success-600);
 
-	--background-color-filled-neutral-active: var(--color-neutral-700);
-	--background-color-filled-accent-active: var(--color-accent-700);
-	--background-color-filled-danger-active: var(--color-danger-700);
-	--background-color-filled-warning-active: var(--color-warning-700);
-	--background-color-filled-success-active: var(--color-success-700);
-
 	/* Focus tokens */
 	--ring-color-focus-neutral: --alpha(var(--color-neutral-500) / 0.3);
 	--ring-color-focus-accent: --alpha(var(--color-accent-500) / 0.3);