@harnessio/ui 0.5.69 → 0.5.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.d.ts +8 -1
- package/dist/components.js +1 -1
- package/dist/context.d.ts +3 -0
- package/dist/context.js +7 -6
- package/dist/{index-n21j6vWp.js → index-BdMamYc4.js} +5693 -5640
- package/dist/{index-n21j6vWp.js.map → index-BdMamYc4.js.map} +1 -1
- package/dist/{index-BvoDfbvj.js → index-BoHdNQzo.js} +37 -32
- package/dist/index-BoHdNQzo.js.map +1 -0
- package/dist/{index-Bvr23CG5.js → index-DDLV5nJ6.js} +2 -2
- package/dist/{index-Bvr23CG5.js.map → index-DDLV5nJ6.js.map} +1 -1
- package/dist/index.d.ts +12 -1
- package/dist/index.js +3 -3
- package/dist/locales.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/{dark-high-contrast-deuteranopia.c8c39c54.css → dark-high-contrast-deuteranopia.169ab08b.css} +1 -1
- package/dist/themes/{dark-high-contrast-protanopia.b9bcfd58.css → dark-high-contrast-protanopia.b6664061.css} +1 -1
- package/dist/themes/{dark-high-contrast-tritanopia.67ba5a74.css → dark-high-contrast-tritanopia.0d7a8702.css} +1 -1
- package/dist/themes/{dark-high-contrast.c2d9106b.css → dark-high-contrast.73c0d3a7.css} +1 -1
- package/dist/themes/theme-manifest.js +4 -4
- package/dist/themes/theme-manifest.json +4 -4
- package/package.json +1 -1
- package/dist/index-BvoDfbvj.js.map +0 -1
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Harness Design System
|
|
3
3
|
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
4
|
* Copyright (c) Harness.
|
|
5
|
-
*/.dark-high-contrast, .dark-std-high{--cn-shadow-color-inner-canvas: rgba(0, 0, 0, 0.95);--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1px;--cn-icon-stroke-width-lg: 1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-pure-black);--cn-bg-1: var(--cn-gray-1000);--cn-bg-2: var(--cn-gray-950);--cn-bg-3: var(--cn-gray-950);--cn-text-1: var(--cn-pure-white);--cn-text-2: var(--cn-gray-150);--cn-text-3: var(--cn-gray-400);--cn-text-4: var(--cn-gray-500);--cn-text-brand: var(--cn-blue-300);--cn-border-1: var(--cn-gray-400);--cn-border-2: var(--cn-gray-800);--cn-border-3: var(--cn-gray-850);--cn-border-success: var(--cn-forest-400);--cn-border-danger: var(--cn-red-500);--cn-border-warning: var(--cn-yellow-400);--cn-state-hover: lch(from var(--cn-gray-850) l c h / 0.36);--cn-state-selected: lch(from var(--cn-gray-850) l c h / 0.4);--cn-set-brand-primary-text: var(--cn-pure-black);--cn-set-brand-primary-bg: var(--cn-blue-500);--cn-set-brand-primary-bg-hover: var(--cn-blue-300);--cn-set-brand-primary-bg-selected: var(--cn-blue-300);--cn-set-brand-primary-ring: lch(from var(--cn-blue-500) l c h / 0.28);--cn-set-brand-secondary-text: var(--cn-blue-200);--cn-set-brand-secondary-bg: var(--cn-blue-900);--cn-set-brand-secondary-bg-hover: var(--cn-blue-850);--cn-set-brand-secondary-bg-selected: var(--cn-blue-850);--cn-set-brand-outline-text: var(--cn-blue-200);--cn-set-brand-outline-bg: var(--cn-blue-1000);--cn-set-brand-outline-border: var(--cn-blue-500);--cn-set-brand-outline-bg-hover: var(--cn-blue-950);--cn-set-brand-outline-bg-selected: var(--cn-blue-950);--cn-set-ai-outline-text: var(--cn-pure-white);--cn-set-ai-outline-inner: lch(from var(--cn-indigo-600) l c h / 0.35);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-400);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-850);--cn-set-gray-secondary-bg-hover: var(--cn-gray-800);--cn-set-gray-secondary-bg-selected: var(--cn-gray-800);--cn-set-gray-outline-bg-hover: var(--cn-gray-900);--cn-set-gray-outline-bg-selected: var(--cn-gray-900);--cn-set-success-primary-text: var(--cn-pure-black);--cn-set-success-primary-bg: var(--cn-forest-300);--cn-set-success-primary-bg-hover: var(--cn-forest-150);--cn-set-success-primary-bg-selected: var(--cn-forest-150);--cn-set-success-secondary-text: var(--cn-forest-100);--cn-set-success-secondary-bg: var(--cn-forest-850);--cn-set-success-secondary-bg-hover: var(--cn-forest-800);--cn-set-success-secondary-bg-selected: var(--cn-forest-800);--cn-set-success-outline-text: var(--cn-forest-150);--cn-set-success-outline-bg: var(--cn-forest-1000);--cn-set-success-outline-border: var(--cn-forest-700);--cn-set-success-outline-bg-hover: var(--cn-forest-950);--cn-set-success-outline-bg-selected: var(--cn-forest-950);--cn-set-danger-primary-text: var(--cn-pure-black);--cn-set-danger-primary-bg: var(--cn-red-400);--cn-set-danger-primary-bg-hover: var(--cn-red-200);--cn-set-danger-primary-bg-selected: var(--cn-red-200);--cn-set-danger-secondary-text: var(--cn-red-200);--cn-set-danger-secondary-bg: var(--cn-red-950);--cn-set-danger-secondary-bg-hover: var(--cn-red-900);--cn-set-danger-secondary-bg-selected: var(--cn-red-900);--cn-set-danger-outline-text: var(--cn-red-400);--cn-set-danger-outline-bg: var(--cn-red-1000);--cn-set-danger-outline-border: var(--cn-red-700);--cn-set-danger-outline-bg-hover: var(--cn-red-950);--cn-set-danger-outline-bg-selected: var(--cn-red-950);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-yellow-150);--cn-set-warning-primary-bg-hover: var(--cn-yellow-200);--cn-set-warning-primary-bg-selected: var(--cn-yellow-200);--cn-set-warning-secondary-text: var(--cn-yellow-150);--cn-set-warning-secondary-bg: var(--cn-yellow-900);--cn-set-warning-secondary-bg-hover: var(--cn-yellow-850);--cn-set-warning-secondary-bg-selected: var(--cn-yellow-850);--cn-set-warning-outline-text: var(--cn-yellow-200);--cn-set-warning-outline-bg: var(--cn-yellow-1000);--cn-set-warning-outline-border: var(--cn-yellow-700);--cn-set-warning-outline-bg-hover: var(--cn-yellow-950);--cn-set-warning-outline-bg-selected: var(--cn-yellow-950);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-500);--cn-set-blue-primary-bg-hover: var(--cn-blue-400);--cn-set-blue-primary-bg-selected: var(--cn-blue-400);--cn-set-blue-secondary-text: var(--cn-blue-200);--cn-set-blue-secondary-bg: var(--cn-blue-900);--cn-set-blue-secondary-bg-hover: var(--cn-blue-850);--cn-set-blue-secondary-bg-selected: var(--cn-blue-850);--cn-set-blue-outline-text: var(--cn-blue-300);--cn-set-blue-outline-bg: var(--cn-blue-1000);--cn-set-blue-outline-border: var(--cn-blue-700);--cn-set-blue-outline-bg-hover: var(--cn-blue-950);--cn-set-blue-outline-bg-selected: var(--cn-blue-950);--cn-set-purple-primary-text: var(--cn-pure-black);--cn-set-purple-primary-bg: var(--cn-purple-500);--cn-set-purple-primary-bg-hover: var(--cn-purple-400);--cn-set-purple-primary-bg-selected: var(--cn-purple-400);--cn-set-purple-secondary-text: var(--cn-purple-150);--cn-set-purple-secondary-bg: var(--cn-purple-900);--cn-set-purple-secondary-bg-hover: var(--cn-purple-850);--cn-set-purple-secondary-bg-selected: var(--cn-purple-850);--cn-set-purple-outline-text: var(--cn-purple-300);--cn-set-purple-outline-bg: var(--cn-purple-1000);--cn-set-purple-outline-border: var(--cn-purple-700);--cn-set-purple-outline-bg-hover: var(--cn-purple-950);--cn-set-purple-outline-bg-selected: var(--cn-purple-950);--cn-set-brown-primary-text: var(--cn-brown-25);--cn-set-brown-primary-bg: var(--cn-brown-700);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--cn-set-brown-secondary-text: var(--cn-brown-150);--cn-set-brown-secondary-bg: var(--cn-brown-900);--cn-set-brown-secondary-bg-hover: var(--cn-brown-850);--cn-set-brown-outline-text: var(--cn-brown-300);--cn-set-brown-outline-bg: var(--cn-brown-1000);--cn-set-brown-outline-border: var(--cn-brown-700);--cn-set-brown-outline-bg-hover: var(--cn-brown-950);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-200);--cn-set-cyan-secondary-text: var(--cn-cyan-150);--cn-set-cyan-secondary-bg: var(--cn-cyan-850);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-800);--cn-set-cyan-outline-text: var(--cn-cyan-200);--cn-set-cyan-outline-bg: var(--cn-cyan-1000);--cn-set-cyan-outline-border: var(--cn-cyan-700);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-950);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-300);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-300);--cn-set-indigo-secondary-text: var(--cn-indigo-200);--cn-set-indigo-secondary-bg: var(--cn-indigo-900);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-850);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-850);--cn-set-indigo-outline-text: var(--cn-indigo-300);--cn-set-indigo-outline-bg: var(--cn-indigo-1000);--cn-set-indigo-outline-border: var(--cn-indigo-700);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-950);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-950);--cn-set-forest-green-primary-text: var(--cn-pure-black);--cn-set-forest-green-primary-bg: var(--cn-lime-200);--cn-set-forest-green-primary-bg-hover: var(--cn-lime-150);--cn-set-forest-green-secondary-text: var(--cn-lime-150);--cn-set-forest-green-secondary-bg: var(--cn-lime-900);--cn-set-forest-green-secondary-bg-hover: var(--cn-lime-850);--cn-set-forest-green-outline-text: var(--cn-lime-200);--cn-set-forest-green-outline-bg: var(--cn-lime-1000);--cn-set-forest-green-outline-border: var(--cn-lime-700);--cn-set-forest-green-outline-bg-hover: var(--cn-lime-950);--cn-set-mint-primary-text: var(--cn-pure-black);--cn-set-mint-primary-bg: var(--cn-mint-300);--cn-set-mint-primary-bg-hover: var(--cn-mint-200);--cn-set-mint-primary-bg-selected: var(--cn-mint-200);--cn-set-mint-secondary-text: var(--cn-mint-150);--cn-set-mint-secondary-bg: var(--cn-mint-900);--cn-set-mint-secondary-bg-hover: var(--cn-mint-850);--cn-set-mint-secondary-bg-selected: var(--cn-mint-850);--cn-set-mint-outline-text: var(--cn-mint-300);--cn-set-mint-outline-bg: var(--cn-mint-1000);--cn-set-mint-outline-border: var(--cn-mint-700);--cn-set-mint-outline-bg-hover: var(--cn-mint-950);--cn-set-mint-outline-bg-selected: var(--cn-mint-950);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-orange-400);--cn-set-orange-primary-bg-hover: var(--cn-orange-300);--cn-set-orange-secondary-text: var(--cn-orange-200);--cn-set-orange-secondary-bg: var(--cn-orange-900);--cn-set-orange-secondary-bg-hover: var(--cn-orange-850);--cn-set-orange-outline-text: var(--cn-orange-400);--cn-set-orange-outline-bg: var(--cn-orange-1000);--cn-set-orange-outline-border: var(--cn-orange-700);--cn-set-orange-outline-bg-hover: var(--cn-orange-950);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-pink-400);--cn-set-pink-primary-bg-hover: var(--cn-pink-300);--cn-set-pink-primary-bg-selected: var(--cn-pink-300);--cn-set-pink-secondary-text: var(--cn-pink-150);--cn-set-pink-secondary-bg: var(--cn-pink-900);--cn-set-pink-secondary-bg-hover: var(--cn-pink-850);--cn-set-pink-secondary-bg-selected: var(--cn-pink-850);--cn-set-pink-outline-text: var(--cn-pink-300);--cn-set-pink-outline-bg: var(--cn-pink-1000);--cn-set-pink-outline-border: var(--cn-pink-700);--cn-set-pink-outline-bg-hover: var(--cn-pink-950);--cn-set-pink-outline-bg-selected: var(--cn-pink-950);--cn-set-violet-primary-text: var(--cn-pure-black);--cn-set-violet-primary-bg: var(--cn-violet-500);--cn-set-violet-primary-bg-hover: var(--cn-violet-400);--cn-set-violet-primary-bg-selected: var(--cn-violet-400);--cn-set-violet-secondary-text: var(--cn-violet-200);--cn-set-violet-secondary-bg: var(--cn-violet-900);--cn-set-violet-secondary-bg-hover: var(--cn-violet-850);--cn-set-violet-secondary-bg-selected: var(--cn-violet-850);--cn-set-violet-outline-text: var(--cn-violet-300);--cn-set-violet-outline-bg: var(--cn-violet-1000);--cn-set-violet-outline-border: var(--cn-violet-700);--cn-set-violet-outline-bg-hover: var(--cn-violet-950);--cn-set-violet-outline-bg-selected: var(--cn-violet-950);--cn-comp-avatar-shadow: lch(from var(--cn-gray-500) l c h / 0.24);--cn-comp-dialog-backdrop: lch(from var(--cn-pure-black) l c h / 0.8);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-pure-black) l c h / 0.45);--cn-comp-diff-plain-line-number-color: var(--cn-gray-200);--cn-comp-diff-empty-content: var(--cn-gray-1000);--cn-comp-diff-hunk-content: lch(from var(--cn-indigo-600) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-indigo-600) l c h / 0.25);--cn-comp-diff-hunk-content-color: var(--cn-gray-300);--cn-comp-diff-hljs: var(--cn-gray-150);--cn-comp-header-item-hover: lch(from var(--cn-gray-600) l c h / 0.18);--cn-comp-header-item-selected: lch(from var(--cn-gray-600) l c h / 0.24);--cn-comp-pipeline-dotes: var(--cn-gray-900);--cn-comp-pipeline-bg: var(--cn-pure-black);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-600) l c h / 0.18);--cn-comp-scrollbar-thumb: var(--cn-gray-700);--cn-comp-slider-track-base: var(--cn-gray-800);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-black) l c h / 0.35);--cn-comp-toast-danger-bg: var(--cn-red-850);--cn-comp-toast-danger-border: var(--cn-red-800);--cn-comp-toast-danger-text: var(--cn-red-25);--cn-comp-toast-danger-transparent-btn-text: var(--cn-red-25);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-red-50);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-red-100);--cn-comp-toast-danger-action-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg: var(--cn-red-25);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-red-50);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-red-100);--cn-comp-tooltip-bg: var(--cn-gray-25);--cn-comp-tooltip-border: var(--cn-gray-25);--cn-comp-tooltip-text: var(--cn-pure-black);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-purple-600);--cn-comp-data-viz-03-pink: var(--cn-pink-500);--cn-comp-data-viz-04-green: var(--cn-forest-400);--cn-comp-data-viz-05-indigo: var(--cn-indigo-500);--cn-comp-data-viz-06-brown: var(--cn-brown-600);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-orange-500);--cn-comp-data-viz-09-forest: var(--cn-forest-700);--cn-comp-data-viz-10-red: var(--cn-red-600);--cn-comp-data-viz-11-yellow: var(--cn-yellow-300);--cn-comp-data-viz-12-gray: var(--cn-gray-500);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-purple-1000) -18.5%, var(--cn-bg-1) 84%);--cn-logo-icon: var(--cn-blue-500);--cn-shadow-inner-canvas: inset 0 0 15px 0 var(--cn-shadow-color-inner-canvas);--cn-shadow-color-0: lch(from var(--cn-pure-black) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-2: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-3: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-4: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-5: lch(from var(--cn-pure-black) l c h / 0.5);--cn-shadow-color-6: lch(from var(--cn-pure-black) l c h / 0.6);--cn-gradient-ai-stop-1: var(--cn-blue-400);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-violet-600);--cn-gradient-ai-outline-bg-stop-1: var(--cn-gray-950);--cn-gradient-ai-outline-bg-stop-2: var(--cn-indigo-1000);--cn-gradient-ai-outline-bg-stop-3: var(--cn-indigo-900);--cn-gradient-ai-outline-bg-stop-4: var(--cn-indigo-850);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-indigo-600) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-600) l c h / 0.09);--cn-gradient-skeleton-stop-1: var(--cn-gray-950);--cn-gradient-skeleton-stop-2: var(--cn-gray-850);--cn-gradient-skeleton-stop-3: var(--cn-gray-950);--cn-gradient-skeleton-mask-from: var(--cn-pure-white);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-indigo-500) l c h / 0.25);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-600) l c h / 0.11);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-600);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-700);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-gray-800);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-gray-850);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-900);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-950);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-white) l c h / 0.12);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-white) l c h / 0.01);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-100);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-200);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-850);--cn-gradient-img-empty-state-lines-to: var(--cn-gray-950);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-25);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-400);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-800);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-800);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-500) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-red-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-500) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-red-300) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-red-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-red-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-yellow-400);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-pipeline-running-glow-from: lch(from var(--cn-yellow-600) l c h / 0.7);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-yellow-700) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-200);--cn-icon-testing: var(--cn-orange-300);--cn-icon-security: var(--cn-blue-400);--cn-icon-efficiency: var(--cn-cyan-200);--cn-icon-platform: var(--cn-purple-400);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-2) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.30);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.80);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-primary-bg) l c h / 0.18);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(79.6 46.8 253);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.65);--cn-comp-pipeline-card-border: var(--cn-border-3);--cn-comp-pipeline-card-bg: var(--cn-bg-3);--cn-comp-sidebar-bg: var(--cn-bg-2);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-set-gray-primary-bg);--cn-comp-slider-handle-border: var(--cn-border-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bg: var(--cn-bg-2);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(19.5 17.4 255);--cn-comp-data-viz-inactive-02-purple: lch(17.4 30 320);--cn-comp-data-viz-inactive-03-pink: lch(19.5 24 350);--cn-comp-data-viz-inactive-04-green: lch(21.6 26.1 152);--cn-comp-data-viz-inactive-05-indigo: lch(19.2 18 280);--cn-comp-data-viz-inactive-06-brown: lch(16.8 16.8 38);--cn-comp-data-viz-inactive-07-cyan: lch(21.6 18 195);--cn-comp-data-viz-inactive-08-orange: lch(20.1 30 52);--cn-comp-data-viz-inactive-09-forest: lch(15 21 153);--cn-comp-data-viz-inactive-10-red: lch(18.3 27 32);--cn-comp-data-viz-inactive-11-yellow: lch(23.1 30 76);--cn-comp-data-viz-inactive-12-gray: lch(19.5 1.8 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.26);--cn-comp-data-viz-02-purple-shadow: rgb(86.5% 25.9% 99.9% / 0.26);--cn-comp-data-viz-03-pink-shadow: rgb(100% 33.9% 72.2% / 0.26);--cn-comp-data-viz-04-green-shadow: rgb(0% 80.5% 41.5% / 0.26);--cn-comp-data-viz-05-indigo-shadow: rgb(44.5% 59.8% 100% / 0.26);--cn-comp-data-viz-06-brown-shadow: rgb(82.9% 38.8% 30.2% / 0.26);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.26);--cn-comp-data-viz-08-orange-shadow: rgb(100% 44.6% 8.16% / 0.26);--cn-comp-data-viz-09-forest-shadow: rgb(0% 54.6% 28% / 0.26);--cn-comp-data-viz-10-red-shadow: rgb(100% 27.4% 28.4% / 0.26);--cn-comp-data-viz-11-yellow-shadow: rgb(98.8% 67.9% 0% / 0.26);--cn-comp-data-viz-12-gray-shadow: rgb(60.4% 61.9% 66% / 0.26);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-app-shell-bg: var(--cn-bg-2);--cn-logo-text: var(--cn-text-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 2px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 3px 6px -1px var(--cn-shadow-color-3), 0 0 5px -1px var(--cn-shadow-color-3);--cn-shadow-4: 0 9px 15px -2px var(--cn-shadow-color-4), 0 0 8px 0 var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-2) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-comp-pipeline-card-footer-bg: var(--cn-comp-pipeline-card-bg);--cn-comp-pipeline-card-shadow: var(--cn-shadow-4);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-bg-selected: var(--cn-set-gray-outline-bg);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(9.19% 19.6% 28.1% / 0.26);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(25% 11.3% 27.8% / 0.26);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(29.9% 12.5% 21.2% / 0.26);--cn-comp-data-viz-inactive-04-green-shadow: rgb(3.27% 23.6% 12.7% / 0.26);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(15.2% 18% 28.4% / 0.26);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(24.2% 13.2% 10.7% / 0.26);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(1.51% 23.1% 22.8% / 0.26);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(30.5% 14.3% 5.32% / 0.26);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(1.98% 17.3% 9.15% / 0.26);--cn-comp-data-viz-inactive-10-red-shadow: rgb(30.1% 11.4% 9.92% / 0.26);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(28.6% 19.8% 2.88% / 0.26);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(18.2% 18.5% 19.5% / 0.26);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-monaco-selection: lch(18.1 1.68 275);--cn-comp-monaco-line-highlight: lch(10.3 1.84 275);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow)}
|
|
5
|
+
*/.dark-high-contrast, .dark-std-high{--cn-shadow-color-inner-canvas: rgba(0, 0, 0, 0.95);--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1px;--cn-icon-stroke-width-lg: 1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-pure-black);--cn-bg-1: var(--cn-gray-1000);--cn-bg-2: var(--cn-gray-950);--cn-bg-3: var(--cn-gray-950);--cn-text-1: var(--cn-pure-white);--cn-text-2: var(--cn-gray-150);--cn-text-3: var(--cn-gray-400);--cn-text-4: var(--cn-gray-500);--cn-text-brand: var(--cn-blue-300);--cn-border-1: var(--cn-gray-400);--cn-border-2: var(--cn-gray-800);--cn-border-3: var(--cn-gray-800);--cn-border-success: var(--cn-forest-400);--cn-border-danger: var(--cn-red-500);--cn-border-warning: var(--cn-yellow-400);--cn-state-hover: lch(from var(--cn-gray-850) l c h / 0.36);--cn-state-selected: lch(from var(--cn-gray-850) l c h / 0.4);--cn-set-brand-primary-text: var(--cn-pure-black);--cn-set-brand-primary-bg: var(--cn-blue-500);--cn-set-brand-primary-bg-hover: var(--cn-blue-300);--cn-set-brand-primary-bg-selected: var(--cn-blue-300);--cn-set-brand-primary-ring: lch(from var(--cn-blue-500) l c h / 0.28);--cn-set-brand-secondary-text: var(--cn-blue-200);--cn-set-brand-secondary-bg: var(--cn-blue-900);--cn-set-brand-secondary-bg-hover: var(--cn-blue-850);--cn-set-brand-secondary-bg-selected: var(--cn-blue-850);--cn-set-brand-outline-text: var(--cn-blue-200);--cn-set-brand-outline-bg: var(--cn-blue-1000);--cn-set-brand-outline-border: var(--cn-blue-500);--cn-set-brand-outline-bg-hover: var(--cn-blue-950);--cn-set-brand-outline-bg-selected: var(--cn-blue-950);--cn-set-ai-outline-text: var(--cn-pure-white);--cn-set-ai-outline-inner: lch(from var(--cn-indigo-600) l c h / 0.35);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-400);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-850);--cn-set-gray-secondary-bg-hover: var(--cn-gray-800);--cn-set-gray-secondary-bg-selected: var(--cn-gray-800);--cn-set-gray-outline-bg-hover: var(--cn-gray-900);--cn-set-gray-outline-bg-selected: var(--cn-gray-900);--cn-set-success-primary-text: var(--cn-pure-black);--cn-set-success-primary-bg: var(--cn-forest-300);--cn-set-success-primary-bg-hover: var(--cn-forest-150);--cn-set-success-primary-bg-selected: var(--cn-forest-150);--cn-set-success-secondary-text: var(--cn-forest-100);--cn-set-success-secondary-bg: var(--cn-forest-850);--cn-set-success-secondary-bg-hover: var(--cn-forest-800);--cn-set-success-secondary-bg-selected: var(--cn-forest-800);--cn-set-success-outline-text: var(--cn-forest-150);--cn-set-success-outline-bg: var(--cn-forest-1000);--cn-set-success-outline-border: var(--cn-forest-700);--cn-set-success-outline-bg-hover: var(--cn-forest-950);--cn-set-success-outline-bg-selected: var(--cn-forest-950);--cn-set-danger-primary-text: var(--cn-pure-black);--cn-set-danger-primary-bg: var(--cn-red-400);--cn-set-danger-primary-bg-hover: var(--cn-red-200);--cn-set-danger-primary-bg-selected: var(--cn-red-200);--cn-set-danger-secondary-text: var(--cn-red-200);--cn-set-danger-secondary-bg: var(--cn-red-950);--cn-set-danger-secondary-bg-hover: var(--cn-red-900);--cn-set-danger-secondary-bg-selected: var(--cn-red-900);--cn-set-danger-outline-text: var(--cn-red-400);--cn-set-danger-outline-bg: var(--cn-red-1000);--cn-set-danger-outline-border: var(--cn-red-700);--cn-set-danger-outline-bg-hover: var(--cn-red-950);--cn-set-danger-outline-bg-selected: var(--cn-red-950);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-yellow-150);--cn-set-warning-primary-bg-hover: var(--cn-yellow-200);--cn-set-warning-primary-bg-selected: var(--cn-yellow-200);--cn-set-warning-secondary-text: var(--cn-yellow-150);--cn-set-warning-secondary-bg: var(--cn-yellow-900);--cn-set-warning-secondary-bg-hover: var(--cn-yellow-850);--cn-set-warning-secondary-bg-selected: var(--cn-yellow-850);--cn-set-warning-outline-text: var(--cn-yellow-200);--cn-set-warning-outline-bg: var(--cn-yellow-1000);--cn-set-warning-outline-border: var(--cn-yellow-700);--cn-set-warning-outline-bg-hover: var(--cn-yellow-950);--cn-set-warning-outline-bg-selected: var(--cn-yellow-950);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-500);--cn-set-blue-primary-bg-hover: var(--cn-blue-400);--cn-set-blue-primary-bg-selected: var(--cn-blue-400);--cn-set-blue-secondary-text: var(--cn-blue-200);--cn-set-blue-secondary-bg: var(--cn-blue-900);--cn-set-blue-secondary-bg-hover: var(--cn-blue-850);--cn-set-blue-secondary-bg-selected: var(--cn-blue-850);--cn-set-blue-outline-text: var(--cn-blue-300);--cn-set-blue-outline-bg: var(--cn-blue-1000);--cn-set-blue-outline-border: var(--cn-blue-700);--cn-set-blue-outline-bg-hover: var(--cn-blue-950);--cn-set-blue-outline-bg-selected: var(--cn-blue-950);--cn-set-purple-primary-text: var(--cn-pure-black);--cn-set-purple-primary-bg: var(--cn-purple-500);--cn-set-purple-primary-bg-hover: var(--cn-purple-400);--cn-set-purple-primary-bg-selected: var(--cn-purple-400);--cn-set-purple-secondary-text: var(--cn-purple-150);--cn-set-purple-secondary-bg: var(--cn-purple-900);--cn-set-purple-secondary-bg-hover: var(--cn-purple-850);--cn-set-purple-secondary-bg-selected: var(--cn-purple-850);--cn-set-purple-outline-text: var(--cn-purple-300);--cn-set-purple-outline-bg: var(--cn-purple-1000);--cn-set-purple-outline-border: var(--cn-purple-700);--cn-set-purple-outline-bg-hover: var(--cn-purple-950);--cn-set-purple-outline-bg-selected: var(--cn-purple-950);--cn-set-brown-primary-text: var(--cn-brown-25);--cn-set-brown-primary-bg: var(--cn-brown-700);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--cn-set-brown-secondary-text: var(--cn-brown-150);--cn-set-brown-secondary-bg: var(--cn-brown-900);--cn-set-brown-secondary-bg-hover: var(--cn-brown-850);--cn-set-brown-outline-text: var(--cn-brown-300);--cn-set-brown-outline-bg: var(--cn-brown-1000);--cn-set-brown-outline-border: var(--cn-brown-700);--cn-set-brown-outline-bg-hover: var(--cn-brown-950);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-200);--cn-set-cyan-secondary-text: var(--cn-cyan-150);--cn-set-cyan-secondary-bg: var(--cn-cyan-850);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-800);--cn-set-cyan-outline-text: var(--cn-cyan-200);--cn-set-cyan-outline-bg: var(--cn-cyan-1000);--cn-set-cyan-outline-border: var(--cn-cyan-700);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-950);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-300);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-300);--cn-set-indigo-secondary-text: var(--cn-indigo-200);--cn-set-indigo-secondary-bg: var(--cn-indigo-900);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-850);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-850);--cn-set-indigo-outline-text: var(--cn-indigo-300);--cn-set-indigo-outline-bg: var(--cn-indigo-1000);--cn-set-indigo-outline-border: var(--cn-indigo-700);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-950);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-950);--cn-set-forest-green-primary-text: var(--cn-pure-black);--cn-set-forest-green-primary-bg: var(--cn-lime-200);--cn-set-forest-green-primary-bg-hover: var(--cn-lime-150);--cn-set-forest-green-secondary-text: var(--cn-lime-150);--cn-set-forest-green-secondary-bg: var(--cn-lime-900);--cn-set-forest-green-secondary-bg-hover: var(--cn-lime-850);--cn-set-forest-green-outline-text: var(--cn-lime-200);--cn-set-forest-green-outline-bg: var(--cn-lime-1000);--cn-set-forest-green-outline-border: var(--cn-lime-700);--cn-set-forest-green-outline-bg-hover: var(--cn-lime-950);--cn-set-mint-primary-text: var(--cn-pure-black);--cn-set-mint-primary-bg: var(--cn-mint-300);--cn-set-mint-primary-bg-hover: var(--cn-mint-200);--cn-set-mint-primary-bg-selected: var(--cn-mint-200);--cn-set-mint-secondary-text: var(--cn-mint-150);--cn-set-mint-secondary-bg: var(--cn-mint-900);--cn-set-mint-secondary-bg-hover: var(--cn-mint-850);--cn-set-mint-secondary-bg-selected: var(--cn-mint-850);--cn-set-mint-outline-text: var(--cn-mint-300);--cn-set-mint-outline-bg: var(--cn-mint-1000);--cn-set-mint-outline-border: var(--cn-mint-700);--cn-set-mint-outline-bg-hover: var(--cn-mint-950);--cn-set-mint-outline-bg-selected: var(--cn-mint-950);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-orange-400);--cn-set-orange-primary-bg-hover: var(--cn-orange-300);--cn-set-orange-secondary-text: var(--cn-orange-200);--cn-set-orange-secondary-bg: var(--cn-orange-900);--cn-set-orange-secondary-bg-hover: var(--cn-orange-850);--cn-set-orange-outline-text: var(--cn-orange-400);--cn-set-orange-outline-bg: var(--cn-orange-1000);--cn-set-orange-outline-border: var(--cn-orange-700);--cn-set-orange-outline-bg-hover: var(--cn-orange-950);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-pink-400);--cn-set-pink-primary-bg-hover: var(--cn-pink-300);--cn-set-pink-primary-bg-selected: var(--cn-pink-300);--cn-set-pink-secondary-text: var(--cn-pink-150);--cn-set-pink-secondary-bg: var(--cn-pink-900);--cn-set-pink-secondary-bg-hover: var(--cn-pink-850);--cn-set-pink-secondary-bg-selected: var(--cn-pink-850);--cn-set-pink-outline-text: var(--cn-pink-300);--cn-set-pink-outline-bg: var(--cn-pink-1000);--cn-set-pink-outline-border: var(--cn-pink-700);--cn-set-pink-outline-bg-hover: var(--cn-pink-950);--cn-set-pink-outline-bg-selected: var(--cn-pink-950);--cn-set-violet-primary-text: var(--cn-pure-black);--cn-set-violet-primary-bg: var(--cn-violet-500);--cn-set-violet-primary-bg-hover: var(--cn-violet-400);--cn-set-violet-primary-bg-selected: var(--cn-violet-400);--cn-set-violet-secondary-text: var(--cn-violet-200);--cn-set-violet-secondary-bg: var(--cn-violet-900);--cn-set-violet-secondary-bg-hover: var(--cn-violet-850);--cn-set-violet-secondary-bg-selected: var(--cn-violet-850);--cn-set-violet-outline-text: var(--cn-violet-300);--cn-set-violet-outline-bg: var(--cn-violet-1000);--cn-set-violet-outline-border: var(--cn-violet-700);--cn-set-violet-outline-bg-hover: var(--cn-violet-950);--cn-set-violet-outline-bg-selected: var(--cn-violet-950);--cn-comp-avatar-shadow: lch(from var(--cn-gray-500) l c h / 0.24);--cn-comp-dialog-backdrop: lch(from var(--cn-pure-black) l c h / 0.8);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-pure-black) l c h / 0.45);--cn-comp-diff-plain-line-number-color: var(--cn-gray-200);--cn-comp-diff-empty-content: var(--cn-gray-1000);--cn-comp-diff-hunk-content: lch(from var(--cn-indigo-600) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-indigo-600) l c h / 0.25);--cn-comp-diff-hunk-content-color: var(--cn-gray-300);--cn-comp-diff-hljs: var(--cn-gray-150);--cn-comp-header-item-hover: lch(from var(--cn-gray-600) l c h / 0.18);--cn-comp-header-item-selected: lch(from var(--cn-gray-600) l c h / 0.24);--cn-comp-pipeline-dotes: var(--cn-gray-900);--cn-comp-pipeline-bg: var(--cn-pure-black);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-600) l c h / 0.18);--cn-comp-scrollbar-thumb: var(--cn-gray-700);--cn-comp-slider-track-base: var(--cn-gray-800);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-black) l c h / 0.35);--cn-comp-toast-danger-bg: var(--cn-red-850);--cn-comp-toast-danger-border: var(--cn-red-800);--cn-comp-toast-danger-text: var(--cn-red-25);--cn-comp-toast-danger-transparent-btn-text: var(--cn-red-25);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-red-50);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-red-100);--cn-comp-toast-danger-action-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg: var(--cn-red-25);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-red-50);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-red-100);--cn-comp-tooltip-bg: var(--cn-gray-25);--cn-comp-tooltip-border: var(--cn-gray-25);--cn-comp-tooltip-text: var(--cn-pure-black);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-purple-600);--cn-comp-data-viz-03-pink: var(--cn-pink-500);--cn-comp-data-viz-04-green: var(--cn-forest-400);--cn-comp-data-viz-05-indigo: var(--cn-indigo-500);--cn-comp-data-viz-06-brown: var(--cn-brown-600);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-orange-500);--cn-comp-data-viz-09-forest: var(--cn-forest-700);--cn-comp-data-viz-10-red: var(--cn-red-600);--cn-comp-data-viz-11-yellow: var(--cn-yellow-300);--cn-comp-data-viz-12-gray: var(--cn-gray-500);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-purple-1000) -18.5%, var(--cn-bg-1) 84%);--cn-logo-icon: var(--cn-blue-500);--cn-shadow-inner-canvas: inset 0 0 15px 0 var(--cn-shadow-color-inner-canvas);--cn-shadow-color-0: lch(from var(--cn-pure-black) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-2: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-3: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-4: lch(from var(--cn-pure-black) l c h / 0.6);--cn-shadow-color-5: lch(from var(--cn-pure-black) l c h / 0.5);--cn-shadow-color-6: lch(from var(--cn-pure-black) l c h / 0.6);--cn-gradient-ai-stop-1: var(--cn-blue-400);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-violet-600);--cn-gradient-ai-outline-bg-stop-1: var(--cn-gray-950);--cn-gradient-ai-outline-bg-stop-2: var(--cn-indigo-1000);--cn-gradient-ai-outline-bg-stop-3: var(--cn-indigo-900);--cn-gradient-ai-outline-bg-stop-4: var(--cn-indigo-850);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-indigo-600) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-600) l c h / 0.09);--cn-gradient-skeleton-stop-1: var(--cn-gray-950);--cn-gradient-skeleton-stop-2: var(--cn-gray-850);--cn-gradient-skeleton-stop-3: var(--cn-gray-950);--cn-gradient-skeleton-mask-from: var(--cn-pure-white);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-indigo-500) l c h / 0.25);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-600) l c h / 0.11);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-600);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-700);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-gray-800);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-gray-850);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-900);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-950);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-white) l c h / 0.12);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-white) l c h / 0.01);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-100);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-200);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-850);--cn-gradient-img-empty-state-lines-to: var(--cn-gray-950);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-25);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-400);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-800);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-800);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-500) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-red-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-500) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-red-300) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-red-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-red-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-yellow-400);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-pipeline-running-glow-from: lch(from var(--cn-yellow-600) l c h / 0.7);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-yellow-700) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-200);--cn-icon-testing: var(--cn-orange-300);--cn-icon-security: var(--cn-blue-400);--cn-icon-efficiency: var(--cn-cyan-200);--cn-icon-platform: var(--cn-purple-400);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-2) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.30);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.80);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-primary-bg) l c h / 0.18);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(79.6 46.8 253);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.65);--cn-comp-pipeline-card-border: var(--cn-border-2);--cn-comp-pipeline-card-bg: var(--cn-bg-3);--cn-comp-sidebar-bg: var(--cn-bg-2);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-set-gray-primary-bg);--cn-comp-slider-handle-border: var(--cn-border-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bg: var(--cn-bg-2);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(19.5 17.4 255);--cn-comp-data-viz-inactive-02-purple: lch(17.4 30 320);--cn-comp-data-viz-inactive-03-pink: lch(19.5 24 350);--cn-comp-data-viz-inactive-04-green: lch(21.6 26.1 152);--cn-comp-data-viz-inactive-05-indigo: lch(19.2 18 280);--cn-comp-data-viz-inactive-06-brown: lch(16.8 16.8 38);--cn-comp-data-viz-inactive-07-cyan: lch(21.6 18 195);--cn-comp-data-viz-inactive-08-orange: lch(20.1 30 52);--cn-comp-data-viz-inactive-09-forest: lch(15 21 153);--cn-comp-data-viz-inactive-10-red: lch(18.3 27 32);--cn-comp-data-viz-inactive-11-yellow: lch(23.1 30 76);--cn-comp-data-viz-inactive-12-gray: lch(19.5 1.8 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.26);--cn-comp-data-viz-02-purple-shadow: rgb(86.5% 25.9% 99.9% / 0.26);--cn-comp-data-viz-03-pink-shadow: rgb(100% 33.9% 72.2% / 0.26);--cn-comp-data-viz-04-green-shadow: rgb(0% 80.5% 41.5% / 0.26);--cn-comp-data-viz-05-indigo-shadow: rgb(44.5% 59.8% 100% / 0.26);--cn-comp-data-viz-06-brown-shadow: rgb(82.9% 38.8% 30.2% / 0.26);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.26);--cn-comp-data-viz-08-orange-shadow: rgb(100% 44.6% 8.16% / 0.26);--cn-comp-data-viz-09-forest-shadow: rgb(0% 54.6% 28% / 0.26);--cn-comp-data-viz-10-red-shadow: rgb(100% 27.4% 28.4% / 0.26);--cn-comp-data-viz-11-yellow-shadow: rgb(98.8% 67.9% 0% / 0.26);--cn-comp-data-viz-12-gray-shadow: rgb(60.4% 61.9% 66% / 0.26);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-app-shell-bg: var(--cn-bg-2);--cn-logo-text: var(--cn-text-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 2px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 3px 6px -1px var(--cn-shadow-color-3), 0 0 5px -1px var(--cn-shadow-color-3);--cn-shadow-4: 0 9px 15px -2px var(--cn-shadow-color-4), 0 0 8px 0 var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-2) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-comp-pipeline-card-footer-bg: var(--cn-comp-pipeline-card-bg);--cn-comp-pipeline-card-shadow: var(--cn-shadow-4);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-bg-selected: var(--cn-set-gray-outline-bg);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(9.19% 19.6% 28.1% / 0.26);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(25% 11.3% 27.8% / 0.26);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(29.9% 12.5% 21.2% / 0.26);--cn-comp-data-viz-inactive-04-green-shadow: rgb(3.27% 23.6% 12.7% / 0.26);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(15.2% 18% 28.4% / 0.26);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(24.2% 13.2% 10.7% / 0.26);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(1.51% 23.1% 22.8% / 0.26);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(30.5% 14.3% 5.32% / 0.26);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(1.98% 17.3% 9.15% / 0.26);--cn-comp-data-viz-inactive-10-red-shadow: rgb(30.1% 11.4% 9.92% / 0.26);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(28.6% 19.8% 2.88% / 0.26);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(18.2% 18.5% 19.5% / 0.26);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-monaco-selection: lch(18.1 1.68 275);--cn-comp-monaco-line-highlight: lch(10.3 1.84 275);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow)}
|
|
@@ -4,10 +4,10 @@ export const themeManifest = {
|
|
|
4
4
|
"dark-dimmer-protanopia": "dark-dimmer-protanopia.a9794ce3.css",
|
|
5
5
|
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.95a52a81.css",
|
|
6
6
|
"dark-dimmer": "dark-dimmer.346efe7f.css",
|
|
7
|
-
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.
|
|
8
|
-
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.
|
|
9
|
-
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.
|
|
10
|
-
"dark-high-contrast": "dark-high-contrast.
|
|
7
|
+
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.169ab08b.css",
|
|
8
|
+
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.b6664061.css",
|
|
9
|
+
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.0d7a8702.css",
|
|
10
|
+
"dark-high-contrast": "dark-high-contrast.73c0d3a7.css",
|
|
11
11
|
"dark-protanopia": "dark-protanopia.2c4d476c.css",
|
|
12
12
|
"dark-tritanopia": "dark-tritanopia.0a0f7abd.css",
|
|
13
13
|
"light-deuteranopia": "light-deuteranopia.42c4b211.css",
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
"dark-dimmer-protanopia": "dark-dimmer-protanopia.a9794ce3.css",
|
|
5
5
|
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.95a52a81.css",
|
|
6
6
|
"dark-dimmer": "dark-dimmer.346efe7f.css",
|
|
7
|
-
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.
|
|
8
|
-
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.
|
|
9
|
-
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.
|
|
10
|
-
"dark-high-contrast": "dark-high-contrast.
|
|
7
|
+
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.169ab08b.css",
|
|
8
|
+
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.b6664061.css",
|
|
9
|
+
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.0d7a8702.css",
|
|
10
|
+
"dark-high-contrast": "dark-high-contrast.73c0d3a7.css",
|
|
11
11
|
"dark-protanopia": "dark-protanopia.2c4d476c.css",
|
|
12
12
|
"dark-tritanopia": "dark-tritanopia.0a0f7abd.css",
|
|
13
13
|
"light-deuteranopia": "light-deuteranopia.42c4b211.css",
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-BvoDfbvj.js","sources":["../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["// ComponentContext.tsx\n\nimport React, { createContext, ReactNode, RefAttributes, useContext } from 'react'\n\nimport { RbacButtonProps, RbacMoreActionsTooltipProps, RbacSplitButtonProps } from '@components/rbac'\n\ninterface ComponentContextValue {\n RbacButton: React.ComponentType<RbacButtonProps & RefAttributes<HTMLButtonElement>>\n RbacSplitButton: <T extends string>(props: RbacSplitButtonProps<T>) => JSX.Element\n RbacMoreActionsTooltip: React.ForwardRefExoticComponent<\n RbacMoreActionsTooltipProps & RefAttributes<HTMLButtonElement>\n >\n}\n\nconst ComponentContext = createContext<ComponentContextValue | undefined>(undefined)\n\nexport const ComponentProvider = ({\n components,\n children\n}: {\n components: ComponentContextValue\n children: ReactNode\n}) => {\n return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>\n}\n\nexport const useComponents = () => {\n const ctx = useContext(ComponentContext)\n if (!ctx) throw new Error('useComponents must be used within ComponentProvider')\n return ctx\n}\n","import { createContext, useCallback, useContext, useMemo, useState } from 'react'\n\nimport { ExitConfirmDialog, ExitConfirmOptions } from '../components/dialogs/exit-confirm-dialog'\n\nexport interface ExitConfirmContextType {\n show: (options: ExitConfirmOptions) => void\n}\n\nexport const ExitConfirmContext = createContext<ExitConfirmContextType>({\n show: (_options: ExitConfirmOptions) => undefined\n})\n\nexport function ExitConfirmProvider({ children }: { children: React.ReactNode }) {\n const [confirm, setConfirm] = useState<ExitConfirmOptions>()\n const [open, setOpen] = useState(false)\n\n const show = useCallback(\n (confirmOptions?: ExitConfirmOptions) => {\n setConfirm(confirmOptions)\n setOpen(true)\n },\n [setOpen]\n )\n\n const onConfirm = () => {\n confirm?.onConfirm?.()\n setOpen(false)\n }\n\n const onCancel = () => {\n confirm?.onCancel?.()\n setOpen(false)\n }\n\n const value = useMemo(() => ({ show }), [show])\n\n return (\n <ExitConfirmContext.Provider value={value}>\n {children}\n <ExitConfirmDialog {...confirm} onCancel={onCancel} onConfirm={onConfirm} open={open} />\n </ExitConfirmContext.Provider>\n )\n}\n\nexport const useExitConfirm = () => {\n const context = useContext(ExitConfirmContext)\n if (!context) {\n throw new Error('useExitConfirm must be used within a ExitConfirmProvider')\n }\n return context\n}\n"],"names":["ComponentContext","createContext","ComponentProvider","components","children","useComponents","ctx","useContext","ExitConfirmContext","_options","ExitConfirmProvider","confirm","setConfirm","useState","open","setOpen","show","useCallback","confirmOptions","onConfirm","_a","onCancel","value","useMemo","jsxs","ExitConfirmDialog","useExitConfirm","context"],"mappings":";;;;;;AAcA,MAAMA,IAAmBC,EAAiD,MAAS,GAEtEC,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,UAAAC;AACF,wBAIUJ,EAAiB,UAAjB,EAA0B,OAAOG,GAAa,UAAAC,GAAS,GAGpDC,IAAgB,MAAM;AAC3B,QAAAC,IAAMC,EAAWP,CAAgB;AACvC,MAAI,CAACM,EAAW,OAAA,IAAI,MAAM,qDAAqD;AACxE,SAAAA;AACT,GCtBaE,IAAqBP,EAAsC;AAAA,EACtE,MAAM,CAACQ,MAAiC;AAAA;AAC1C,CAAC;AAEe,SAAAC,EAAoB,EAAE,UAAAN,KAA2C;AAC/E,QAAM,CAACO,GAASC,CAAU,IAAIC,EAA6B,GACrD,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAOC;AAAA,IACX,CAACC,MAAwC;AACvC,MAAAN,EAAWM,CAAc,GACzBH,EAAQ,EAAI;AAAA,IACd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMI,IAAY,MAAM;;AACtB,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,cAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMM,IAAW,MAAM;;AACrB,KAAAD,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMO,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC;AAE9C,SACG,gBAAAQ,EAAAhB,EAAmB,UAAnB,EAA4B,OAAAc,GAC1B,UAAA;AAAA,IAAAlB;AAAA,sBACAqB,GAAmB,EAAA,GAAGd,GAAS,UAAAU,GAAoB,WAAAF,GAAsB,MAAAL,EAAY,CAAA;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMY,IAAiB,MAAM;AAC5B,QAAAC,IAAUpB,EAAWC,CAAkB;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAI,MAAM,0DAA0D;AAErE,SAAAA;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|