@siemens/ix 0.0.0-pr-2155-20250924075220 → 0.0.0-pr-2155-20250929074944

package/scss/theme/core/components/checkbox.scss

@@ -18,14 +18,8 @@
   --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
   --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
   --theme-checkbox-unchecked--background--invalid: var(--theme-color-component-error);
-  --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-component-error);
-  --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-component-error);
   --theme-checkbox-unchecked--background--warning: var(--theme-color-component-warning);
-  --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-component-warning);
-  --theme-checkbox-unchecked--background--warning--active: var(--theme-color-component-warning);
   --theme-checkbox-unchecked--background--info: var(--theme-color-secondary);
-  --theme-checkbox-unchecked--background--info--hover: var(--theme-color-secondary--hover);
-  --theme-checkbox-unchecked--background--info--active: var(--theme-color-secondary--active);
   --theme-checkbox-unchecked--border-color: var(--theme-color-contrast-bdr);
   --theme-checkbox-unchecked--border-color--hover: var(--theme-color-dynamic);
   --theme-checkbox-unchecked--border-color--active: var(--theme-color-dynamic);
@@ -56,9 +50,9 @@
   --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
   --theme-checkbox-checked--border-color--active: var(--theme-color-0);
   --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--invalid: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-0);
-  --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-0);
+  --theme-checkbox-checked--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-alarm-bdr);
   --theme-checkbox-checked--border-color--warning: var(--theme-color-warning-bdr);
   --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-warning-bdr);
   --theme-checkbox-checked--border-color--warning--active: var(--theme-color-warning-bdr);
@@ -92,9 +86,9 @@
   --theme-checkbox-mixed--border-color--hover: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--active: var(--theme-color-0);
   --theme-checkbox-mixed--border-color--disabled: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--invalid: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-0);
-  --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-0);
+  --theme-checkbox-mixed--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-alarm-bdr);
   --theme-checkbox-mixed--border-color--warning: var(--theme-color-warning-bdr);
   --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-warning-bdr);
   --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-warning-bdr);
@@ -118,4 +112,10 @@
   --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
   --theme-checkbox--focus--outline-offset: var(--theme-focus-outline-offset);
   --theme-checkbox--border-thickness: var(--theme-border-width-default);
+  --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-ghost--hover);
+  --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-ghost--active);
+  --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-ghost--hover);
+  --theme-checkbox-unchecked--background--warning--active: var(--theme-color-ghost--active);
+  --theme-checkbox-unchecked--background--info--hover: var(--theme-color-ghost--hover);
+  --theme-checkbox-unchecked--background--info--active: var(--theme-color-ghost--active);
 }

package/scss/theme/core/components/radiobutton.scss

@@ -18,21 +18,15 @@
   --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
   --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
   --theme-radiobtn-unchecked--background--invalid: var(--theme-color-component-error);
-  --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-component-error);
-  --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-component-error);
   --theme-radiobtn-unchecked--background--warning: var(--theme-color-component-warning);
-  --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-component-warning);
-  --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-component-warning);
   --theme-radiobtn-unchecked--background--info: var(--theme-color-secondary);
-  --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-secondary--hover);
-  --theme-radiobtn-unchecked--background--info--active: var(--theme-color-secondary--active);
   --theme-radiobtn-unchecked--border-color: var(--theme-color-contrast-bdr);
   --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-dynamic);
   --theme-radiobtn-unchecked--border-color--active: var(--theme-color-dynamic);
   --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
-  --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm);
-  --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);
-  --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);
+  --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm-bdr);
   --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning-bdr);
   --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning-bdr);
   --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning-bdr);
@@ -56,9 +50,9 @@
   --theme-radiobtn-checked--border-color--hover: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--active: var(--theme-color-0);
   --theme-radiobtn-checked--border-color--disabled: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--invalid: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-0);
-  --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-0);
+  --theme-radiobtn-checked--border-color--invalid: var(--theme-color-alarm-bdr);
+  --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-alarm-bdr);
+  --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-alarm-bdr);
   --theme-radiobtn-checked--border-color--warning: var(--theme-color-warning-bdr);
   --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-warning-bdr);
   --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-warning-bdr);
@@ -82,4 +76,10 @@
   --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
   --theme-radiobtn--focus--outline-offset: var(--theme-focus-outline-offset);
   --theme-radiobtn--border-thickness: var(--theme-border-width-default);
+  --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-ghost--hover);
+  --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-ghost--active);
+  --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-ghost--hover);
+  --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-ghost--active);
+  --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-ghost--hover);
+  --theme-radiobtn-unchecked--background--info--active: var(--theme-color-ghost--active);
 }

package/scss/theme/core/components/slider.scss

@@ -38,6 +38,6 @@
   --theme-slider-trace-marker--background: var(--theme-color-dynamic);
   --theme-slider-trace-marker--background--disabled: var(--theme-color-7);
   --theme-slider-trace-marker--background--invalid: var(--theme-color-alarm);
-  --theme-slider-trace-marker--background--warning: var(--theme-color-warning-text);
+  --theme-slider-trace-marker--background--warning: var(--theme-color-warning);
   --theme-slider-trace-marker--background--info: var(--theme-color-info);
 }

package/dist/siemens-ix/p-30df3f84.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,H as a,g as i}from"./p-DGODjp4O.js";import{b as o}from"./p-Bb7pDeaQ.js";import{O as s}from"./p-C97VdyAH.js";import{m as n}from"./p-bcj7UEIC.js";const l=':host{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.error) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}';var c=undefined&&undefined.__decorate||function(e,t,r,a){var i=arguments.length,o=i<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)if(s=e[n])o=(i<3?s(o):i>3?s(t,r,o):s(t,r))||o;return i>3&&o&&Object.defineProperty(t,r,o),o};function h(e,t,r){if(t<e){return e}else if(t>r){return r}else{return t}}const d=class{constructor(r){e(this,r);this.valueChange=t(this,"valueChange",7);this.step=1;this.min=0;this.max=100;this.value=0;this.trace=false;this.traceReference=0;this.disabled=false;this.rangeInput=0;this.rangeMin=0;this.rangeMax=100;this.rangeTraceReference=0;this.showTooltip=false;this.thumbRef=n();this.tooltipRef=n()}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){var e;return(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.getElementById("slider")}onShowTooltipChange(){var e,t;if(this.showTooltip&&this.pseudoThumb){(e=this.tooltip)===null||e===void 0?void 0:e.showTooltip(this.pseudoThumb);return}(t=this.tooltip)===null||t===void 0?void 0:t.hideTooltip()}componentWillLoad(){this.a11yAttributes=o(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]);this.updateRangeVariables()}updateRangeVariables(){this.rangeInput=h(this.min,this.value,this.max);this.rangeTraceReference=h(this.min,this.traceReference,this.max);this.rangeMin=Math.min(this.min,this.max);this.rangeMax=Math.max(this.min,this.max)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();if(r){this.rangeInput=e;this.slider.value=e.toString()}}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){const t=Math.min(this.traceReference,this.rangeInput);const r=Math.max(this.traceReference,this.rangeInput);const a=e;return a>=t&&a<=r}onPointerUp(){this.showTooltip=false}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e;let i=(this.rangeInput-this.rangeMin)/e;const o=i-t;let s=t;let n=i;if(o<=0){s=i;n=t}return r(a,{key:"a81caafd7b8f63a37b7011370c3707906b1d73b1",class:{disabled:this.disabled,error:!!this.error},onPointerDown:()=>setTimeout((()=>this.showTooltip=true))},r("div",{key:"e944af2bafd5b248141a82840f06e51828cb22f2",class:"slider"},r("div",{key:"04f951c61ecbee406baf635ddfd0e7803209e293",class:"track"},r("div",{key:"2eb71a2a40ab802ca2eb03be2f0312e136e568f3",ref:this.thumbRef,class:"thumb",style:{left:`calc(${i} * 100% - 8px)`}}),r("div",{key:"ae0c97019fdbd3dae7751afb1f1d9f0e0a31ca8e",class:"ticks"},this.marker?this.marker.map((t=>{if(t>this.max||t<this.min){return}let a=(t-this.rangeMin)/e;return r("div",{class:{tick:true,"tick-active":this.isMarkerActive(t)&&this.trace},style:{"--tick-value":`${a}`}})})):null)),r("input",Object.assign({key:"de054139c483bd05507258e631eb57520b3f6643",id:"slider",type:"range",list:this.marker?"markers":undefined,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),style:{"--value":`${i}`,"--trace-reference":`${t}`,"--trace-start":`${s}`,"--trace-end":`${n}`},class:{trace:this.trace&&t!==i,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},onFocus:()=>{this.showTooltip=true},onBlur:()=>{this.showTooltip=false},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max},this.a11yAttributes)),r("ix-tooltip",{key:"7812ffe4f03f6947e6e21984058f2207356ac779",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:true,for:this.thumbRef.waitForCurrent()},this.rangeInput)),r("div",{key:"34c4e421d7371d8ca44e035cd5ffe3bf26c79f58",class:"label"},r("div",{key:"56c0ed549882f048fda2e1ecf6cdf340bfed34da",class:"label-start"},r("slot",{key:"912f1f85cbf81ddfca3717a8994c3db790168e75",name:"label-start"})),r("div",{key:"9f78dec87e05c98cbd8d675598244a9f9956a487",class:"label-end"},r("slot",{key:"d6bfbb945eca031efac18d68de7ef5611c58fafc",name:"label-end"}))),this.error?r("ix-typography",{class:"label-error",textColor:"alarm"},this.error):null)}get hostElement(){return i(this)}static get watchers(){return{showTooltip:["onShowTooltipChange"],value:["updateRangeVariables"],max:["updateRangeVariables"],min:["updateRangeVariables"],traceReference:["updateRangeVariables"]}}};c([s("pointerup",(e=>e.showTooltip))],d.prototype,"onPointerUp",null);d.style=l;export{d as ix_slider};
-//# sourceMappingURL=p-30df3f84.entry.js.map

package/scss/theme/core/components/breadcrumb.scss

@@ -1,37 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2025 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/*
- * NOTE: This file is automatically generated.
- * Do NOT edit this file directly — changes will be overwritten.
- * To make permanent changes ask for assistant inside the pull request
- */
-@mixin setVars {
-  --theme-breadcrumb-btn--color: var(--theme-color-soft-text);
-  --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
-  --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
-  --theme-breadcrumb-btn-arrow--color: var(--theme-color-soft-text);
-  --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
-  --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
-  --theme-breadcrumb-btn-last--color: var(--theme-color-soft-text);
-  --theme-breadcrumb-ghost--color: var(--theme-color-primary);
-  --theme-breadcrumb-ghost--color--hover: var(--theme-color-dynamic);
-  --theme-breadcrumb-ghost--color--active: var(--theme-color-dynamic);
-  --theme-breadcrumb-ghost-arrow--color: var(--theme-color-soft-text);
-  --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-dynamic);
-  --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-dynamic);
-  --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
-  --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
-  --theme-breadcrumb--border-radius: var(--theme-min-border-radius);
-  --theme-breadcrumb-btn--background: var(--theme-color-component-1);
-  --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
-  --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
-  --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
-  --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
-}