@odx/foundation 1.0.0-beta.239 → 1.0.0-beta.240

package/dist/components/checkbox/checkbox.d.ts

@@ -1,14 +1,12 @@
 import { CheckboxControl, CustomElement } from '../../main.js';
-import { OdxIconName } from '@odx/icons';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox': OdxCheckbox;
     }
 }
-declare const OdxCheckbox_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof CustomElement;
+declare const OdxCheckbox_base: import('../../utils/types.js').Constructor<CheckboxControl> & typeof CustomElement;
 export declare class OdxCheckbox extends OdxCheckbox_base {
-    get indicatorIcon(): OdxIconName | null;
     protected render(): TemplateResult;
     protected renderContent(): TemplateResult | null;
     protected willUpdate(props: PropertyValues<this>): void;

package/dist/components/radio-button/radio-button.d.ts

@@ -1,3 +1,4 @@
+import { TemplateResult } from 'lit';
 import { OdxCheckbox } from '../main.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -6,8 +7,8 @@ declare global {
 }
 export declare class OdxRadioButton extends OdxCheckbox {
     indeterminate: never;
-    get indicatorIcon(): null;
     connectedCallback(): void;
     toggle(state?: boolean, emitEvent?: boolean): boolean;
+    protected render(): TemplateResult;
 }
 //# sourceMappingURL=radio-button.d.ts.map

package/dist/components/switch/switch.d.ts

@@ -14,7 +14,6 @@ export declare const SwitchIndicatorPosition: Pick<{
 }, "START" | "END">;
 export declare class OdxSwitch extends OdxCheckbox {
     indicatorPosition: SwitchIndicatorPosition;
-    get indicatorIcon(): import('@odx/icons').OdxIconName | null;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }

package/dist/components.js

@@ -1659,11 +1659,8 @@ class OdxCheckbox extends CheckboxControl(CustomElement) {
   static {
     customElement("odx-checkbox", styles$_)(OdxCheckbox);
   }
-  get indicatorIcon() {
-    return this.indeterminate ? "core::minus" : "core::check";
-  }
   render() {
-    return html`<div class="indicator"><odx-icon class="icon" name="${optionalAttr(this.indicatorIcon)}"></odx-icon></div>${this.renderContent()}`;
+    return html`<div class="indicator">${when(this.checked || this.indeterminate, () => html`<odx-icon class="icon" name="${this.indeterminate ? "core::minus" : "core::check"}"></odx-icon>`)}</div>${this.renderContent()}`;
   }
   renderContent() {
     return html`<div class="content"><div class="label"><slot></slot></div><div class="description"><slot name="description"></slot></div></div>`;
@@ -3396,9 +3393,6 @@ class OdxRadioButton extends OdxCheckbox {
   static {
     customElement("odx-radio-button", styles$t)(OdxRadioButton);
   }
-  get indicatorIcon() {
-    return null;
-  }
   connectedCallback() {
     super.connectedCallback();
     this.role = "radio";
@@ -3406,6 +3400,9 @@ class OdxRadioButton extends OdxCheckbox {
   toggle(state, emitEvent = false) {
     return super.toggle(state ?? true, emitEvent);
   }
+  render() {
+    return html`<div class="indicator"><odx-icon class="icon"></odx-icon></div>${this.renderContent()}`;
+  }
 }
 
 const styles$s = ":host{display:flex}:host(:not([layout=horizontal])){flex-direction:column}:host([layout=list]){::slotted(odx-radio-button:last-of-type){border-block-end:none}::slotted(odx-radio-button){border-block-end:var(--odx-border-width-thin)solid var(--odx-color-stroke-neutral-subtle);padding:var(--odx-layout-spacing-md);width:auto;margin:0}}";
@@ -4246,15 +4243,12 @@ const _OdxSwitch = class _OdxSwitch extends OdxCheckbox {
   static {
     customElement("odx-switch", styles$f)(_OdxSwitch);
   }
-  get indicatorIcon() {
-    return this.checked || this.indeterminate ? super.indicatorIcon : "core::close";
-  }
   connectedCallback() {
     super.connectedCallback();
     this.role = "switch";
   }
   render() {
-    return html`<div class="base"><div class="indicator"><odx-icon class="icon" name="${optionalAttr(this.indicatorIcon)}"></odx-icon></div><div class="track"></div></div>${this.renderContent()}`;
+    return html`<div class="base"><div class="indicator"><odx-icon class="icon" name="${this.checked ? this.indeterminate ? "core::minus" : "core::check" : "core::close"}"></odx-icon></div><div class="track"></div></div>${this.renderContent()}`;
   }
 };
 __decorateClass([

package/package.json

@@ -2,7 +2,7 @@
   "name": "@odx/foundation",
   "displayName": "ODX Design System Foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.239",
+  "version": "1.0.0-beta.240",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
@@ -34,8 +34,8 @@
     "@odx-internal/config-stylelint": "0.0.0",
     "@odx-internal/config-typescript": "0.0.0",
     "@odx-internal/config-vite": "0.0.0",
-    "@odx-internal/utils-storybook": "0.0.0",
-    "@odx/design-tokens": "2.3.0"
+    "@odx/design-tokens": "2.3.0",
+    "@odx-internal/utils-storybook": "0.0.0"
   },
   "sideEffects": [
     "dist/components-loader.js",