@saitec/ui 0.1.0

package/fesm2022/saitec-ui-tooltip.mjs

@@ -0,0 +1,219 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, inject, ElementRef, HostListener, Directive } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+class SuiTooltipOverlay {
+    id = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    text = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SuiTooltipOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: SuiTooltipOverlay, isStandalone: true, selector: "sui-tooltip-overlay", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        <div
+            class="sui-tooltip"
+            [id]="id()"
+            role="tooltip">
+            {{ text() }}
+        </div>
+    `, isInline: true, styles: [":host{display:block}.sui-tooltip{position:relative;z-index:var(--sui-tooltip-z-index);max-width:var(--sui-container-padding-lg);padding:var(--sui-tooltip-padding-y) var(--sui-tooltip-padding-x);color:var(--sui-tooltip-text);background:var(--sui-tooltip-background);border-radius:var(--sui-tooltip-radius);font-family:inherit;font-size:var(--sui-tooltip-font-size);font-weight:var(--sui-font-weight-normal);line-height:1.25rem;text-align:center;box-shadow:var(--sui-tooltip-shadow);white-space:normal;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SuiTooltipOverlay, decorators: [{
+            type: Component,
+            args: [{ selector: 'sui-tooltip-overlay', standalone: true, template: `
+        <div
+            class="sui-tooltip"
+            [id]="id()"
+            role="tooltip">
+            {{ text() }}
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.sui-tooltip{position:relative;z-index:var(--sui-tooltip-z-index);max-width:var(--sui-container-padding-lg);padding:var(--sui-tooltip-padding-y) var(--sui-tooltip-padding-x);color:var(--sui-tooltip-text);background:var(--sui-tooltip-background);border-radius:var(--sui-tooltip-radius);font-family:inherit;font-size:var(--sui-tooltip-font-size);font-weight:var(--sui-font-weight-normal);line-height:1.25rem;text-align:center;box-shadow:var(--sui-tooltip-shadow);white-space:normal;pointer-events:none}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }] } });
+
+let nextTooltipId = 0;
+class SuiTooltip {
+    overlay = inject(Overlay);
+    element = inject(ElementRef);
+    suiTooltip = input('', { ...(ngDevMode ? { debugName: "suiTooltip" } : /* istanbul ignore next */ {}), alias: 'suiTooltip' });
+    tooltipPosition = input('top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
+    tooltipDisabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipDisabled" }] : /* istanbul ignore next */ []));
+    tooltipShowDelay = input(300, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipShowDelay" }] : /* istanbul ignore next */ []));
+    tooltipHideDelay = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipHideDelay" }] : /* istanbul ignore next */ []));
+    tooltipId = `sui-tooltip-${++nextTooltipId}`;
+    overlayRef;
+    showTimer;
+    hideTimer;
+    originalAriaDescribedBy;
+    handleMouseEnter() {
+        this.scheduleShow();
+    }
+    handleMouseLeave() {
+        this.scheduleHide();
+    }
+    handleFocus() {
+        this.scheduleShow();
+    }
+    handleBlur() {
+        this.scheduleHide();
+    }
+    handleEscape() {
+        this.hide();
+    }
+    scheduleShow() {
+        if (this.tooltipDisabled() ||
+            !this.suiTooltip()) {
+            return;
+        }
+        this.clearHideTimer();
+        this.clearShowTimer();
+        this.showTimer = setTimeout(() => this.show(), this.tooltipShowDelay());
+    }
+    scheduleHide() {
+        this.clearShowTimer();
+        this.clearHideTimer();
+        this.hideTimer = setTimeout(() => this.hide(), this.tooltipHideDelay());
+    }
+    show() {
+        if (this.tooltipDisabled() ||
+            !this.suiTooltip() ||
+            this.overlayRef?.hasAttached()) {
+            return;
+        }
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.element.nativeElement)
+            .withFlexibleDimensions(false)
+            .withPush(true)
+            .withViewportMargin(8)
+            .withPositions(this.getPositions());
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay
+                .scrollStrategies
+                .reposition()
+        });
+        const portal = new ComponentPortal(SuiTooltipOverlay);
+        const componentRef = this.overlayRef.attach(portal);
+        componentRef.setInput('id', this.tooltipId);
+        componentRef.setInput('text', this.suiTooltip());
+        this.addAriaDescribedBy();
+    }
+    hide() {
+        this.clearShowTimer();
+        this.clearHideTimer();
+        this.overlayRef?.dispose();
+        this.overlayRef = undefined;
+        this.restoreAriaDescribedBy();
+    }
+    getPositions() {
+        const positions = {
+            top: {
+                originX: 'center',
+                originY: 'top',
+                overlayX: 'center',
+                overlayY: 'bottom',
+                offsetY: -8
+            },
+            bottom: {
+                originX: 'center',
+                originY: 'bottom',
+                overlayX: 'center',
+                overlayY: 'top',
+                offsetY: 8
+            },
+            left: {
+                originX: 'start',
+                originY: 'center',
+                overlayX: 'end',
+                overlayY: 'center',
+                offsetX: -8
+            },
+            right: {
+                originX: 'end',
+                originY: 'center',
+                overlayX: 'start',
+                overlayY: 'center',
+                offsetX: 8
+            }
+        };
+        const preferred = positions[this.tooltipPosition()];
+        return [
+            preferred,
+            positions.top,
+            positions.bottom,
+            positions.right,
+            positions.left
+        ].filter((position, index, all) => all.indexOf(position) === index);
+    }
+    addAriaDescribedBy() {
+        const element = this.element.nativeElement;
+        this.originalAriaDescribedBy =
+            element.getAttribute('aria-describedby');
+        const values = this.originalAriaDescribedBy
+            ?.split(/\s+/)
+            .filter(Boolean) ?? [];
+        if (!values.includes(this.tooltipId)) {
+            values.push(this.tooltipId);
+        }
+        element.setAttribute('aria-describedby', values.join(' '));
+    }
+    restoreAriaDescribedBy() {
+        const element = this.element.nativeElement;
+        if (this.originalAriaDescribedBy) {
+            element.setAttribute('aria-describedby', this.originalAriaDescribedBy);
+        }
+        else {
+            element.removeAttribute('aria-describedby');
+        }
+    }
+    clearShowTimer() {
+        if (this.showTimer) {
+            clearTimeout(this.showTimer);
+            this.showTimer = undefined;
+        }
+    }
+    clearHideTimer() {
+        if (this.hideTimer) {
+            clearTimeout(this.hideTimer);
+            this.hideTimer = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SuiTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: SuiTooltip, isStandalone: true, selector: "[suiTooltip]", inputs: { suiTooltip: { classPropertyName: "suiTooltip", publicName: "suiTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipDisabled: { classPropertyName: "tooltipDisabled", publicName: "tooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipShowDelay: { classPropertyName: "tooltipShowDelay", publicName: "tooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, tooltipHideDelay: { classPropertyName: "tooltipHideDelay", publicName: "tooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "focusin": "handleFocus()", "focusout": "handleBlur()", "keydown.escape": "handleEscape()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SuiTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[suiTooltip]',
+                    standalone: true
+                }]
+        }], propDecorators: { suiTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "suiTooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], tooltipDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipDisabled", required: false }] }], tooltipShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipShowDelay", required: false }] }], tooltipHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipHideDelay", required: false }] }], handleMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], handleMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], handleFocus: [{
+                type: HostListener,
+                args: ['focusin']
+            }], handleBlur: [{
+                type: HostListener,
+                args: ['focusout']
+            }], handleEscape: [{
+                type: HostListener,
+                args: ['keydown.escape']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SuiTooltip };
+//# sourceMappingURL=saitec-ui-tooltip.mjs.map

package/fesm2022/saitec-ui-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"saitec-ui-tooltip.mjs","sources":["../../../projects/ui/tooltip/src/tooltip-overlay.component.ts","../../../projects/ui/tooltip/src/tooltip.directive.ts","../../../projects/ui/tooltip/src/saitec-ui-tooltip.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    input\r\n} from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sui-tooltip-overlay',\r\n    standalone: true,\r\n    template: `\r\n        <div\r\n            class=\"sui-tooltip\"\r\n            [id]=\"id()\"\r\n            role=\"tooltip\">\r\n            {{ text() }}\r\n        </div>\r\n    `,\r\n    styleUrl: './tooltip-overlay.component.css',\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SuiTooltipOverlay {\r\n\r\n    id = input.required<string>();\r\n\r\n    text = input.required<string>();\r\n}","import {\r\n    Directive,\r\n    ElementRef,\r\n    HostListener,\r\n    OnDestroy,\r\n    inject,\r\n    input\r\n} from '@angular/core';\r\n\r\nimport {\r\n    ConnectedPosition,\r\n    Overlay,\r\n    OverlayRef\r\n} from '@angular/cdk/overlay';\r\n\r\nimport {\r\n    ComponentPortal\r\n} from '@angular/cdk/portal';\r\n\r\nimport {\r\n    SuiTooltipOverlay\r\n} from './tooltip-overlay.component';\r\n\r\nexport type SuiTooltipPosition =\r\n    | 'top'\r\n    | 'bottom'\r\n    | 'left'\r\n    | 'right';\r\n\r\nlet nextTooltipId = 0;\r\n\r\n@Directive({\r\n    selector: '[suiTooltip]',\r\n    standalone: true\r\n})\r\nexport class SuiTooltip implements OnDestroy {\r\n\r\n    private readonly overlay = inject(Overlay);\r\n\r\n    private readonly element =\r\n        inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n    suiTooltip = input('', {\r\n        alias: 'suiTooltip'\r\n    });\r\n\r\n    tooltipPosition =\r\n        input<SuiTooltipPosition>('top');\r\n\r\n    tooltipDisabled = input(false);\r\n\r\n    tooltipShowDelay = input(300);\r\n\r\n    tooltipHideDelay = input(100);\r\n\r\n    private readonly tooltipId =\r\n        `sui-tooltip-${++nextTooltipId}`;\r\n\r\n    private overlayRef?: OverlayRef;\r\n\r\n    private showTimer?: ReturnType<typeof setTimeout>;\r\n\r\n    private hideTimer?: ReturnType<typeof setTimeout>;\r\n\r\n    private originalAriaDescribedBy?: string | null;\r\n\r\n    @HostListener('mouseenter')\r\n    protected handleMouseEnter(): void {\r\n        this.scheduleShow();\r\n    }\r\n\r\n    @HostListener('mouseleave')\r\n    protected handleMouseLeave(): void {\r\n        this.scheduleHide();\r\n    }\r\n\r\n    @HostListener('focusin')\r\n    protected handleFocus(): void {\r\n        this.scheduleShow();\r\n    }\r\n\r\n    @HostListener('focusout')\r\n    protected handleBlur(): void {\r\n        this.scheduleHide();\r\n    }\r\n\r\n    @HostListener('keydown.escape')\r\n    protected handleEscape(): void {\r\n        this.hide();\r\n    }\r\n\r\n    private scheduleShow(): void {\r\n        if (\r\n            this.tooltipDisabled() ||\r\n            !this.suiTooltip()\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        this.clearHideTimer();\r\n\r\n        this.clearShowTimer();\r\n\r\n        this.showTimer = setTimeout(\r\n            () => this.show(),\r\n            this.tooltipShowDelay()\r\n        );\r\n    }\r\n\r\n    private scheduleHide(): void {\r\n        this.clearShowTimer();\r\n        this.clearHideTimer();\r\n\r\n        this.hideTimer = setTimeout(\r\n            () => this.hide(),\r\n            this.tooltipHideDelay()\r\n        );\r\n    }\r\n\r\n    private show(): void {\r\n        if (\r\n            this.tooltipDisabled() ||\r\n            !this.suiTooltip() ||\r\n            this.overlayRef?.hasAttached()\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        const positionStrategy = this.overlay\r\n            .position()\r\n            .flexibleConnectedTo(\r\n                this.element.nativeElement\r\n            )\r\n            .withFlexibleDimensions(false)\r\n            .withPush(true)\r\n            .withViewportMargin(8)\r\n            .withPositions(\r\n                this.getPositions()\r\n            );\r\n\r\n        this.overlayRef = this.overlay.create({\r\n            positionStrategy,\r\n            scrollStrategy:\r\n                this.overlay\r\n                    .scrollStrategies\r\n                    .reposition()\r\n        });\r\n\r\n        const portal =\r\n            new ComponentPortal(SuiTooltipOverlay);\r\n\r\n        const componentRef =\r\n            this.overlayRef.attach(portal);\r\n\r\n        componentRef.setInput(\r\n            'id',\r\n            this.tooltipId\r\n        );\r\n\r\n        componentRef.setInput(\r\n            'text',\r\n            this.suiTooltip()\r\n        );\r\n\r\n        this.addAriaDescribedBy();\r\n    }\r\n\r\n    private hide(): void {\r\n        this.clearShowTimer();\r\n        this.clearHideTimer();\r\n\r\n        this.overlayRef?.dispose();\r\n        this.overlayRef = undefined;\r\n\r\n        this.restoreAriaDescribedBy();\r\n    }\r\n\r\n    private getPositions(): ConnectedPosition[] {\r\n        const positions: Record<\r\n            SuiTooltipPosition,\r\n            ConnectedPosition\r\n        > = {\r\n\r\n            top: {\r\n                originX: 'center',\r\n                originY: 'top',\r\n                overlayX: 'center',\r\n                overlayY: 'bottom',\r\n                offsetY: -8\r\n            },\r\n\r\n            bottom: {\r\n                originX: 'center',\r\n                originY: 'bottom',\r\n                overlayX: 'center',\r\n                overlayY: 'top',\r\n                offsetY: 8\r\n            },\r\n\r\n            left: {\r\n                originX: 'start',\r\n                originY: 'center',\r\n                overlayX: 'end',\r\n                overlayY: 'center',\r\n                offsetX: -8\r\n            },\r\n\r\n            right: {\r\n                originX: 'end',\r\n                originY: 'center',\r\n                overlayX: 'start',\r\n                overlayY: 'center',\r\n                offsetX: 8\r\n            }\r\n        };\r\n\r\n        const preferred =\r\n            positions[this.tooltipPosition()];\r\n\r\n        return [\r\n            preferred,\r\n            positions.top,\r\n            positions.bottom,\r\n            positions.right,\r\n            positions.left\r\n        ].filter(\r\n            (position, index, all) =>\r\n                all.indexOf(position) === index\r\n        );\r\n    }\r\n\r\n    private addAriaDescribedBy(): void {\r\n        const element =\r\n            this.element.nativeElement;\r\n\r\n        this.originalAriaDescribedBy =\r\n            element.getAttribute(\r\n                'aria-describedby'\r\n            );\r\n\r\n        const values =\r\n            this.originalAriaDescribedBy\r\n                ?.split(/\\s+/)\r\n                .filter(Boolean) ?? [];\r\n\r\n        if (!values.includes(this.tooltipId)) {\r\n            values.push(this.tooltipId);\r\n        }\r\n\r\n        element.setAttribute(\r\n            'aria-describedby',\r\n            values.join(' ')\r\n        );\r\n    }\r\n\r\n    private restoreAriaDescribedBy(): void {\r\n        const element =\r\n            this.element.nativeElement;\r\n\r\n        if (this.originalAriaDescribedBy) {\r\n            element.setAttribute(\r\n                'aria-describedby',\r\n                this.originalAriaDescribedBy\r\n            );\r\n        }\r\n        else {\r\n            element.removeAttribute(\r\n                'aria-describedby'\r\n            );\r\n        }\r\n    }\r\n\r\n    private clearShowTimer(): void {\r\n        if (this.showTimer) {\r\n            clearTimeout(this.showTimer);\r\n            this.showTimer = undefined;\r\n        }\r\n    }\r\n\r\n    private clearHideTimer(): void {\r\n        if (this.hideTimer) {\r\n            clearTimeout(this.hideTimer);\r\n            this.hideTimer = undefined;\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.hide();\r\n    }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/saitec-ui.mjs

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class Ui {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: Ui, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: Ui, isStandalone: true, selector: "lib-ui", ngImport: i0, template: ` <p>ui works!</p> `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: Ui, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-ui', imports: [], template: ` <p>ui works!</p> ` }]
+        }] });
+
+/*
+ * Public API Surface of ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Ui };
+//# sourceMappingURL=saitec-ui.mjs.map

package/fesm2022/saitec-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"saitec-ui.mjs","sources":["../../../projects/ui/src/lib/ui.ts","../../../projects/ui/src/public-api.ts","../../../projects/ui/src/saitec-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'lib-ui',\n  imports: [],\n  template: ` <p>ui works!</p> `,\n  styles: ``,\n})\nexport class Ui {}\n","/*\n * Public API Surface of ui\n */\n\nexport * from './lib/ui';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,EAAE,CAAA;uGAAF,EAAE,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAF,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAE,kEAHH,CAAA,kBAAA,CAAoB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGnB,EAAE,EAAA,UAAA,EAAA,CAAA;kBANd,SAAS;+BACE,QAAQ,EAAA,OAAA,EACT,EAAE,EAAA,QAAA,EACD,CAAA,kBAAA,CAAoB,EAAA;;;ACLhC;;AAEG;;ACFH;;AAEG;;;;"}

package/lib/core/themes/dark.css

@@ -0,0 +1,233 @@
+/*
+ * SUI Dark Theme
+ *
+ * Semantic color tokens for the dark theme.
+ *
+ * Components should never reference palette tokens directly.
+ * They should use these semantic tokens or component-specific
+ * tokens defined in components.css.
+ */
+
+[data-theme="dark"] {
+    color-scheme: dark;
+
+
+    /*
+     * Brand / Primary
+     */
+
+    --sui-color-primary:
+        var(--sui-palette-brand-500);
+
+    --sui-color-primary-hover:
+        var(--sui-palette-brand-400);
+
+    --sui-color-primary-active:
+        var(--sui-palette-brand-600);
+
+    --sui-color-on-primary:
+        var(--sui-palette-neutral-0);
+
+
+    /*
+     * Page
+     */
+
+    --sui-color-background:
+        var(--sui-palette-neutral-950);
+
+
+    /*
+     * Surfaces
+     */
+
+    --sui-color-surface:
+        var(--sui-palette-neutral-900);
+
+    --sui-color-surface-alt:
+        var(--sui-palette-neutral-800);
+
+    --sui-color-surface-hover:
+        var(--sui-palette-neutral-800);
+
+    --sui-color-surface-active:
+        var(--sui-palette-neutral-700);
+
+
+    /*
+     * Content
+     */
+
+    --sui-color-content:
+        var(--sui-palette-neutral-100);
+
+    --sui-color-content-muted:
+        var(--sui-palette-neutral-400);
+
+    --sui-color-content-disabled:
+        var(--sui-palette-neutral-600);
+
+    --sui-color-content-inverse:
+        var(--sui-palette-neutral-950);
+
+
+    /*
+     * Borders
+     */
+
+    --sui-color-border:
+        var(--sui-palette-neutral-700);
+
+    --sui-color-border-strong:
+        var(--sui-palette-neutral-600);
+
+
+    /*
+     * Focus
+     */
+
+    --sui-color-focus:
+        var(--sui-palette-brand-400);
+
+
+    /*
+     * Selection
+     */
+
+    --sui-color-selection-background:
+        color-mix(
+            in srgb,
+            var(--sui-color-primary) 18%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-selection-background-hover:
+        color-mix(
+            in srgb,
+            var(--sui-color-primary) 28%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-selection-text:
+        var(--sui-palette-brand-200);
+
+
+    /*
+     * Success
+     */
+
+    --sui-color-success:
+        var(--sui-palette-success-500);
+
+    --sui-color-success-hover:
+        var(--sui-palette-success-400);
+
+    --sui-color-success-active:
+        var(--sui-palette-success-600);
+
+    --sui-color-on-success:
+        var(--sui-palette-neutral-950);
+
+    --sui-color-success-surface:
+        color-mix(
+            in srgb,
+            var(--sui-palette-success-500) 18%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-success-surface-text:
+        var(--sui-palette-success-400);
+
+    --sui-color-success-border:
+        var(--sui-palette-success-600);
+
+
+    /*
+     * Warning
+     */
+
+    --sui-color-warning:
+        var(--sui-palette-warning-500);
+
+    --sui-color-warning-hover:
+        var(--sui-palette-warning-400);
+
+    --sui-color-warning-active:
+        var(--sui-palette-warning-600);
+
+    --sui-color-on-warning:
+        var(--sui-palette-neutral-950);
+
+    --sui-color-warning-surface:
+        color-mix(
+            in srgb,
+            var(--sui-palette-warning-500) 18%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-warning-surface-text:
+        var(--sui-palette-warning-400);
+
+    --sui-color-warning-border:
+        var(--sui-palette-warning-600);
+
+
+    /*
+     * Danger
+     */
+
+    --sui-color-danger:
+        var(--sui-palette-danger-500);
+
+    --sui-color-danger-hover:
+        var(--sui-palette-danger-400);
+
+    --sui-color-danger-active:
+        var(--sui-palette-danger-600);
+
+    --sui-color-on-danger:
+        var(--sui-palette-neutral-0);
+
+    --sui-color-danger-surface:
+        color-mix(
+            in srgb,
+            var(--sui-palette-danger-500) 18%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-danger-surface-text:
+        var(--sui-palette-danger-400);
+
+    --sui-color-danger-border:
+        var(--sui-palette-danger-600);
+
+
+    /*
+     * Information
+     */
+
+    --sui-color-info:
+        var(--sui-palette-info-500);
+
+    --sui-color-info-hover:
+        var(--sui-palette-info-400);
+
+    --sui-color-info-active:
+        var(--sui-palette-info-600);
+
+    --sui-color-on-info:
+        var(--sui-palette-neutral-950);
+
+    --sui-color-info-surface:
+        color-mix(
+            in srgb,
+            var(--sui-palette-info-500) 18%,
+            var(--sui-color-surface)
+        );
+
+    --sui-color-info-surface-text:
+        var(--sui-palette-info-400);
+
+    --sui-color-info-border:
+        var(--sui-palette-info-600);
+}