@simplysm/angular 14.2.1 → 14.2.3

package/dist/features/theme/sd-theme-selector.js

@@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation
 import { SdDropdown } from "../../controls/dropdown/sd-dropdown";
 import { SdDropdownPopup } from "../../controls/dropdown/sd-dropdown-popup";
 import { SdButton } from "../../controls/button/sd-button";
-import { SdSwitch } from "../../controls/checkbox/sd-switch";
 import { NgIcon } from "@ng-icons/core";
 import { SdThemeProvider } from "./sd-theme-provider";
 import { tablerMinus, tablerPalette, tablerPlus } from "@ng-icons/tabler-icons";
@@ -10,7 +9,7 @@ import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.value;
 function SdThemeSelector_For_20_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 8);
+    i0.ɵɵelementStart(0, "sd-button", 7);
     i0.ɵɵlistener("click", function SdThemeSelector_For_20_Template_sd_button_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2._sdTheme.theme.set(item_r2.value)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -32,7 +31,7 @@ export class SdThemeSelector {
     tablerMinus = tablerMinus;
     tablerPalette = tablerPalette;
     static ɵfac = function SdThemeSelector_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdThemeSelector)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdThemeSelector, selectors: [["sd-theme-selector"]], decls: 25, vars: 16, consts: [[3, "inline", "theme"], [3, "svg"], [1, "p-default"], [1, "flex-row", "gap-sm", "cross-align-center"], [1, "flex-row", "gap-xs", "cross-align-center"], [3, "click", "inline", "theme", "size", "disabled"], [3, "inline", "size", "theme"], [3, "valueChange", "inline", "value"], [3, "click", "inline", "size", "theme"]], template: function SdThemeSelector_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdThemeSelector, selectors: [["sd-theme-selector"]], decls: 21, vars: 14, consts: [[3, "inline", "theme"], [3, "svg"], [1, "p-default"], [1, "flex-row", "gap-sm", "cross-align-center"], [1, "flex-row", "gap-xs", "cross-align-center"], [3, "click", "inline", "theme", "size", "disabled"], [3, "inline", "size", "theme"], [3, "click", "inline", "size", "theme"]], template: function SdThemeSelector_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-dropdown")(1, "sd-button", 0);
             i0.ɵɵelement(2, "ng-icon", 1);
             i0.ɵɵelementEnd();
@@ -55,12 +54,6 @@ export class SdThemeSelector {
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(18, "div", 4);
             i0.ɵɵrepeaterCreate(19, SdThemeSelector_For_20_Template, 2, 4, "sd-button", 6, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(21, "div", 3)(22, "span");
-            i0.ɵɵtext(23, "compact");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "sd-switch", 7);
-            i0.ɵɵlistener("valueChange", function SdThemeSelector_Template_sd_switch_valueChange_24_listener($event) { return ctx._sdTheme.density.set($event ? "compact" : "normal"); });
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -79,13 +72,11 @@ export class SdThemeSelector {
             i0.ɵɵproperty("svg", ctx.tablerPlus);
             i0.ɵɵadvance(5);
             i0.ɵɵrepeater(ctx._sdTheme.themes);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("inline", true)("value", ctx._sdTheme.density() === "compact");
-        } }, dependencies: [SdDropdown, SdDropdownPopup, SdButton, SdSwitch, NgIcon], encapsulation: 2 });
+        } }, dependencies: [SdDropdown, SdDropdownPopup, SdButton, NgIcon], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdThemeSelector, [{
         type: Component,
-        args: [{ selector: "sd-theme-selector", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdDropdown, SdDropdownPopup, SdButton, SdSwitch, NgIcon], template: `
+        args: [{ selector: "sd-theme-selector", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdDropdown, SdDropdownPopup, SdButton, NgIcon], template: `
     <sd-dropdown>
       <sd-button [inline]="true" [theme]="'link-gray'">
         <ng-icon [svg]="tablerPalette" />
@@ -131,17 +122,9 @@ export class SdThemeSelector {
               }
             </div>
           </div>
-          <div class="flex-row gap-sm cross-align-center">
-            <span>compact</span>
-            <sd-switch
-              [inline]="true"
-              [value]="_sdTheme.density() === 'compact'"
-              (valueChange)="_sdTheme.density.set($event ? 'compact' : 'normal')"
-            />
-          </div>
         </div>
       </sd-dropdown-popup>
     </sd-dropdown>
   ` }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdThemeSelector, { className: "SdThemeSelector", filePath: "packages/angular/src/features/theme/sd-theme-selector.ts", lineNumber: 82 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdThemeSelector, { className: "SdThemeSelector", filePath: "packages/angular/src/features/theme/sd-theme-selector.ts", lineNumber: 73 }); })();

package/dist/features/visual/sd-label.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class SdLabel {
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     color: import("@angular/core").InputSignal<string | undefined>;
     clickable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLabel, never>;

package/dist/features/visual/sd-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-label.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-label.ts"],"names":[],"mappings":";AAQA,qBAkDa,OAAO;IAClB,KAAK,8IAED;IACJ,KAAK,0DAAmB;IACxB,SAAS,qEAAiD;yCAL/C,OAAO;2CAAP,OAAO;CAMnB"}
+{"version":3,"file":"sd-label.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-label.ts"],"names":[],"mappings":";AAQA,qBAkDa,OAAO;IAClB,KAAK,gIAAyF;IAC9F,KAAK,0DAAmB;IACxB,SAAS,qEAAiD;yCAH/C,OAAO;2CAAP,OAAO;CAInB"}

package/dist/features/visual/sd-label.js

@@ -14,7 +14,7 @@ export class SdLabel {
         } }, inputs: { theme: [1, "theme"], color: [1, "color"], clickable: [1, "clickable"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdLabel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-label {\n  display: inline-block;\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n  padding: 0 var(--sd-gap-sm);\n  border-radius: var(--sd-radius-default);\n  text-indent: 0;\n}\nsd-label[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-label[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-label[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-label[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-solid);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-label[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-label[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-label[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-label[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-label[data-sd-clickable=true] {\n  cursor: pointer;\n}\nsd-label[data-sd-clickable=true]:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid-hover);\n}"], encapsulation: 2 });
+        } }, styles: ["sd-label {\n  display: inline-block;\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n  padding: 0 var(--sd-gap-sm);\n  border-radius: var(--sd-radius-default);\n  text-indent: 0;\n}\nsd-label[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-label[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-label[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-label[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-label[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-label[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-label[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-label[data-sd-clickable=true] {\n  cursor: pointer;\n}\nsd-label[data-sd-clickable=true]:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid-hover);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdLabel, [{
         type: Component,
@@ -24,6 +24,6 @@ export class SdLabel {
                     "[attr.data-sd-clickable]": "clickable()",
                 }, template: `
     <ng-content></ng-content>
-  `, styles: ["sd-label {\n  display: inline-block;\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n  padding: 0 var(--sd-gap-sm);\n  border-radius: var(--sd-radius-default);\n  text-indent: 0;\n}\nsd-label[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-label[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-label[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-label[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-solid);\n  color: var(--sd-tx-secondary-solid);\n}\nsd-label[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-label[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-label[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-label[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-label[data-sd-clickable=true] {\n  cursor: pointer;\n}\nsd-label[data-sd-clickable=true]:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid-hover);\n}"] }]
+  `, styles: ["sd-label {\n  display: inline-block;\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n  padding: 0 var(--sd-gap-sm);\n  border-radius: var(--sd-radius-default);\n  text-indent: 0;\n}\nsd-label[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid);\n  color: var(--sd-tx-gray-solid);\n}\nsd-label[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid);\n  color: var(--sd-tx-blue-gray-solid);\n}\nsd-label[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid);\n  color: var(--sd-tx-primary-solid);\n}\nsd-label[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid);\n  color: var(--sd-tx-info-solid);\n}\nsd-label[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid);\n  color: var(--sd-tx-success-solid);\n}\nsd-label[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid);\n  color: var(--sd-tx-warning-solid);\n}\nsd-label[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid);\n  color: var(--sd-tx-danger-solid);\n}\nsd-label[data-sd-clickable=true] {\n  cursor: pointer;\n}\nsd-label[data-sd-clickable=true]:hover {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-solid-hover);\n}\nsd-label[data-sd-clickable=true]:hover[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-solid-hover);\n}"] }]
     }], null, { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdLabel, { className: "SdLabel", filePath: "packages/angular/src/features/visual/sd-label.ts", lineNumber: 59 }); })();

package/dist/features/visual/sd-note.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class SdNote {
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdNote, never>;

package/dist/features/visual/sd-note.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-note.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-note.ts"],"names":[],"mappings":";AAQA,qBAkDa,MAAM;IACjB,KAAK,8IAED;IACJ,IAAI,+DAAwB;IAC5B,KAAK,qEAAiD;yCAL3C,MAAM;2CAAN,MAAM;CAMlB"}
+{"version":3,"file":"sd-note.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-note.ts"],"names":[],"mappings":";AAQA,qBAkDa,MAAM;IACjB,KAAK,gIAAyF;IAC9F,IAAI,+DAAwB;IAC5B,KAAK,qEAAiD;yCAH3C,MAAM;2CAAN,MAAM;CAIlB"}

package/dist/features/visual/sd-note.js

@@ -13,7 +13,7 @@ export class SdNote {
         } }, inputs: { theme: [1, "theme"], size: [1, "size"], inset: [1, "inset"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdNote_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-note {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n  border: none;\n  border-radius: var(--sd-radius-default);\n}\nsd-note[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bg-gray-subtle);\n}\nsd-note[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-subtle);\n  border: 1px solid var(--sd-bg-blue-gray-subtle);\n}\nsd-note[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-subtle);\n  border: 1px solid var(--sd-bg-primary-subtle);\n}\nsd-note[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-subtle);\n  border: 1px solid var(--sd-bg-secondary-subtle);\n}\nsd-note[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-subtle);\n  border: 1px solid var(--sd-bg-info-subtle);\n}\nsd-note[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-subtle);\n  border: 1px solid var(--sd-bg-success-subtle);\n}\nsd-note[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-subtle);\n  border: 1px solid var(--sd-bg-warning-subtle);\n}\nsd-note[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-subtle);\n  border: 1px solid var(--sd-bg-danger-subtle);\n}\nsd-note[data-sd-size=sm] {\n  font-size: var(--sd-font-size-sm);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-note[data-sd-size=lg] {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-note[data-sd-inset=true] {\n  border-radius: 0;\n}"], encapsulation: 2 });
+        } }, styles: ["sd-note {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n  border: none;\n  border-radius: var(--sd-radius-default);\n}\nsd-note[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bg-gray-subtle);\n}\nsd-note[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-subtle);\n  border: 1px solid var(--sd-bg-blue-gray-subtle);\n}\nsd-note[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-subtle);\n  border: 1px solid var(--sd-bg-primary-subtle);\n}\nsd-note[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-subtle);\n  border: 1px solid var(--sd-bg-info-subtle);\n}\nsd-note[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-subtle);\n  border: 1px solid var(--sd-bg-success-subtle);\n}\nsd-note[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-subtle);\n  border: 1px solid var(--sd-bg-warning-subtle);\n}\nsd-note[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-subtle);\n  border: 1px solid var(--sd-bg-danger-subtle);\n}\nsd-note[data-sd-size=sm] {\n  font-size: var(--sd-font-size-sm);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-note[data-sd-size=lg] {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-note[data-sd-inset=true] {\n  border-radius: 0;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdNote, [{
         type: Component,
@@ -23,6 +23,6 @@ export class SdNote {
                     "[attr.data-sd-inset]": "inset()",
                 }, template: `
     <ng-content></ng-content>
-  `, styles: ["sd-note {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n  border: none;\n  border-radius: var(--sd-radius-default);\n}\nsd-note[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bg-gray-subtle);\n}\nsd-note[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-subtle);\n  border: 1px solid var(--sd-bg-blue-gray-subtle);\n}\nsd-note[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-subtle);\n  border: 1px solid var(--sd-bg-primary-subtle);\n}\nsd-note[data-sd-theme=secondary] {\n  background-color: var(--sd-bg-secondary-subtle);\n  border: 1px solid var(--sd-bg-secondary-subtle);\n}\nsd-note[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-subtle);\n  border: 1px solid var(--sd-bg-info-subtle);\n}\nsd-note[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-subtle);\n  border: 1px solid var(--sd-bg-success-subtle);\n}\nsd-note[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-subtle);\n  border: 1px solid var(--sd-bg-warning-subtle);\n}\nsd-note[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-subtle);\n  border: 1px solid var(--sd-bg-danger-subtle);\n}\nsd-note[data-sd-size=sm] {\n  font-size: var(--sd-font-size-sm);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-note[data-sd-size=lg] {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-note[data-sd-inset=true] {\n  border-radius: 0;\n}"] }]
+  `, styles: ["sd-note {\n  display: block;\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  background-color: var(--sd-bg-gray-subtle);\n  border: none;\n  border-radius: var(--sd-radius-default);\n}\nsd-note[data-sd-theme=gray] {\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bg-gray-subtle);\n}\nsd-note[data-sd-theme=blue-gray] {\n  background-color: var(--sd-bg-blue-gray-subtle);\n  border: 1px solid var(--sd-bg-blue-gray-subtle);\n}\nsd-note[data-sd-theme=primary] {\n  background-color: var(--sd-bg-primary-subtle);\n  border: 1px solid var(--sd-bg-primary-subtle);\n}\nsd-note[data-sd-theme=info] {\n  background-color: var(--sd-bg-info-subtle);\n  border: 1px solid var(--sd-bg-info-subtle);\n}\nsd-note[data-sd-theme=success] {\n  background-color: var(--sd-bg-success-subtle);\n  border: 1px solid var(--sd-bg-success-subtle);\n}\nsd-note[data-sd-theme=warning] {\n  background-color: var(--sd-bg-warning-subtle);\n  border: 1px solid var(--sd-bg-warning-subtle);\n}\nsd-note[data-sd-theme=danger] {\n  background-color: var(--sd-bg-danger-subtle);\n  border: 1px solid var(--sd-bg-danger-subtle);\n}\nsd-note[data-sd-size=sm] {\n  font-size: var(--sd-font-size-sm);\n  padding: var(--sd-gap-xs) var(--sd-gap-sm);\n}\nsd-note[data-sd-size=lg] {\n  padding: var(--sd-gap-default) var(--sd-gap-lg);\n}\nsd-note[data-sd-inset=true] {\n  border-radius: 0;\n}"] }]
     }], null, { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdNote, { className: "SdNote", filePath: "packages/angular/src/features/visual/sd-note.ts", lineNumber: 59 }); })();

package/dist/features/visual/sd-progress.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 export declare class SdProgress {
     inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
-    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray">;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "warning" | "danger" | "gray" | "blue-gray">;
     value: import("@angular/core").InputSignal<number>;
     _barWidth: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdProgress, never>;

package/dist/features/visual/sd-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-progress.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-progress.ts"],"names":[],"mappings":";AAUA,qBAoEa,UAAU;IACrB,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,kIAED;IAEJ,KAAK,8CAA4B;IAEjC,SAAS,yCAAwE;yCATtE,UAAU;2CAAV,UAAU;CAUtB"}
+{"version":3,"file":"sd-progress.d.ts","sourceRoot":"","sources":["../../../src/features/visual/sd-progress.ts"],"names":[],"mappings":";AAUA,qBAoEa,UAAU;IACrB,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,oHAED;IAEJ,KAAK,8CAA4B;IAEjC,SAAS,yCAAwE;yCATtE,UAAU;2CAAV,UAAU;CAUtB"}

package/dist/features/visual/sd-progress.js

@@ -25,7 +25,7 @@ export class SdProgress {
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 3, ctx.value(), "1.0-2"), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵstyleProp("width", ctx._barWidth());
-        } }, dependencies: [PercentPipe], styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--sd-gap-lg) var(--sd-gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-progress[data-sd-theme=secondary] > ._progress {\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background-color: var(--sd-bg-control);\n}"], encapsulation: 2 });
+        } }, dependencies: [PercentPipe], styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--sd-gap-lg) var(--sd-gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background-color: var(--sd-bg-track);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdProgress, [{
         type: Component,
@@ -38,6 +38,6 @@ export class SdProgress {
       {{ value() | percent: "1.0-2" }}
     </div>
     <div class="_progress" [style.width]="_barWidth()"></div>
-  `, styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--sd-gap-lg) var(--sd-gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-progress[data-sd-theme=secondary] > ._progress {\n  background-color: var(--sd-bg-secondary-solid);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background-color: var(--sd-bg-control);\n}"] }]
+  `, styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background-color: var(--sd-bg-gray-subtle);\n  border: 1px solid var(--sd-bd-hairline);\n  border-radius: var(--sd-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--sd-gap-lg) var(--sd-gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background-color: var(--sd-bg-gray-solid);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background-color: var(--sd-bg-blue-gray-solid);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background-color: var(--sd-bg-primary-solid);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background-color: var(--sd-bg-info-solid);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background-color: var(--sd-bg-success-solid);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background-color: var(--sd-bg-warning-solid);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background-color: var(--sd-bg-danger-solid);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--sd-gap-xs) var(--sd-gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--sd-gap-default) var(--sd-gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background-color: var(--sd-bg-track);\n}"] }]
     }], null, { inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdProgress, { className: "SdProgress", filePath: "packages/angular/src/features/visual/sd-progress.ts", lineNumber: 79 }); })();

package/dist/layout/sidebar/sd-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar/sd-sidebar.ts"],"names":[],"mappings":";AAUA,qBAiDa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,MAAM,0CAAgD;yCAL3C,SAAS;2CAAT,SAAS;CAMrB"}
+{"version":3,"file":"sd-sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar/sd-sidebar.ts"],"names":[],"mappings":";AAUA,qBAgDa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,MAAM,0CAAgD;yCAL3C,SAAS;2CAAT,SAAS;CAMrB"}

package/dist/layout/sidebar/sd-sidebar.js

@@ -12,14 +12,12 @@ export class SdSidebar {
         } }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdSidebar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"], encapsulation: 2 });
+        } }, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  background-color: var(--sd-bg-canvas);\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebar, [{
         type: Component,
         args: [{ selector: "sd-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
                     "[attr.data-sd-toggle]": "toggle()",
-                }, template: `
-    <ng-content />
-  `, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"] }]
+                }, template: ` <ng-content /> `, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  background-color: var(--sd-bg-canvas);\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/layout/sidebar/sd-sidebar.ts", lineNumber: 60 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/layout/sidebar/sd-sidebar.ts", lineNumber: 59 }); })();

package/dist/layout/topbar/sd-topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar/sd-topbar.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;AAKrE,qBA8Da,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAEvC;IAEH,gBAAgB,sEAA+B;IAE/C,UAAU,0CAER;IAEF,mBAAmB,IAAI,IAAI;IAO3B,SAAS,CAAC,QAAQ,CAAC,WAAW,oXAAe;yCAlBlC,QAAQ;2CAAR,QAAQ;CAmBpB"}
+{"version":3,"file":"sd-topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar/sd-topbar.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;AAKrE,qBA+Da,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAEvC;IAEH,gBAAgB,sEAA+B;IAE/C,UAAU,0CAER;IAEF,mBAAmB,IAAI,IAAI;IAO3B,SAAS,CAAC,QAAQ,CAAC,WAAW,oXAAe;yCAlBlC,QAAQ;2CAAR,QAAQ;CAmBpB"}

package/dist/layout/topbar/sd-topbar.js

@@ -39,7 +39,7 @@ export class SdTopbar {
             i0.ɵɵprojection(1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.hasSidebar() ? 0 : -1);
-        } }, dependencies: [SdButton, NgIcon], styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"], encapsulation: 2 });
+        } }, dependencies: [SdButton, NgIcon], styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  background-color: var(--sd-bg-canvas);\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbar, [{
         type: Component,
@@ -58,6 +58,6 @@ export class SdTopbar {
     }
 
     <ng-content />
-  `, styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"] }]
+  `, styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  background-color: var(--sd-bg-canvas);\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"] }]
     }], null, { sidebarContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarContainer", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbar, { className: "SdTopbar", filePath: "packages/angular/src/layout/topbar/sd-topbar.ts", lineNumber: 76 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbar, { className: "SdTopbar", filePath: "packages/angular/src/layout/topbar/sd-topbar.ts", lineNumber: 77 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.2.1",
+  "version": "14.2.3",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -32,39 +32,39 @@
     "./styles.css"
   ],
   "dependencies": {
-    "@angular/common": "^22.0.6",
-    "@angular/core": "^22.0.6",
-    "@angular/platform-browser": "^22.0.6",
-    "@angular/router": "^22.0.6",
-    "@angular/service-worker": "^22.0.6",
-    "@ng-icons/core": "^33.4.0",
-    "@ng-icons/tabler-icons": "^33.4.0",
-    "@tiptap/core": "^3.27.4",
-    "@tiptap/extension-color": "^3.27.4",
-    "@tiptap/extension-document": "^3.27.4",
-    "@tiptap/extension-highlight": "^3.27.4",
-    "@tiptap/extension-image": "^3.27.4",
-    "@tiptap/extension-paragraph": "^3.27.4",
-    "@tiptap/extension-placeholder": "^3.27.4",
-    "@tiptap/extension-text": "^3.27.4",
-    "@tiptap/extension-text-align": "^3.27.4",
-    "@tiptap/extension-text-style": "^3.27.4",
-    "@tiptap/extension-underline": "^3.27.4",
-    "@tiptap/markdown": "^3.27.4",
-    "@tiptap/starter-kit": "^3.27.4",
+    "@angular/common": "^22.0.7",
+    "@angular/core": "^22.0.7",
+    "@angular/platform-browser": "^22.0.7",
+    "@angular/router": "^22.0.7",
+    "@angular/service-worker": "^22.0.7",
+    "@ng-icons/core": "^34.0.0",
+    "@ng-icons/tabler-icons": "^34.0.0",
+    "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-color": "^3.28.0",
+    "@tiptap/extension-document": "^3.28.0",
+    "@tiptap/extension-highlight": "^3.28.0",
+    "@tiptap/extension-image": "^3.28.0",
+    "@tiptap/extension-paragraph": "^3.28.0",
+    "@tiptap/extension-placeholder": "^3.28.0",
+    "@tiptap/extension-text": "^3.28.0",
+    "@tiptap/extension-text-align": "^3.28.0",
+    "@tiptap/extension-text-style": "^3.28.0",
+    "@tiptap/extension-underline": "^3.28.0",
+    "@tiptap/markdown": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
     "bwip-js": "^4.11.2",
     "echarts": "^6.1.0",
     "html-to-image": "^1.11.13",
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.5.0",
-    "@simplysm/core-browser": "14.2.1",
-    "@simplysm/service-common": "14.2.1",
-    "@simplysm/core-common": "14.2.1",
-    "@simplysm/service-client": "14.2.1"
+    "@simplysm/core-browser": "14.2.3",
+    "@simplysm/service-common": "14.2.3",
+    "@simplysm/service-client": "14.2.3",
+    "@simplysm/core-common": "14.2.3"
   },
   "devDependencies": {
-    "@angular/compiler": "^22.0.6"
+    "@angular/compiler": "^22.0.7"
   },
   "scripts": {}
 }

package/scss/commons/_mixins.scss

@@ -34,7 +34,7 @@
   @return $result;
 }
 
-// -hover 변형·bg-canvas-image·bg-sheet-image 는 유틸 클래스 미생성 (DEC-013)
+// -hover 변형, bg-canvas-image, bg-sheet-image 는 유틸 클래스 미생성 (DEC-013)
 @function isUtilityToken($name) {
   @return string.slice($name, -6) != "-hover" and $name != "canvas-image" and $name != "sheet-image";
 }

package/scss/commons/_theme-variables.scss

@@ -1,7 +1,5 @@
 @use "mixins";
 @use "variables";
-@use "colors";
-@use "density";
 @use "../themes/variables-blueprint" as blueprint;
 @use "../themes/variables-ide-dark" as ide-dark;
 
@@ -9,7 +7,6 @@
 
 @layer base {
   :root {
-    @include colors.vars;
     @include mixins.writeVars(variables.$sd, "sd");
   }
 }
@@ -26,9 +23,4 @@
   .sd-theme-ide-dark {
     @include mixins.writeVars(ide-dark.$dark, "sd");
   }
-
-  // 밀도 축(DEC-007) — 테마와 직교, 밀도 그룹(치수)만 덮음
-  .sd-density-compact {
-    @include mixins.writeVars(density.$compact, "sd");
-  }
 }