@oicl/openbridge-webcomponents 2.0.0-next.81 → 2.0.0-next.82

package/dist/components/slider/slider.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const componentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;

package/dist/components/slider/slider.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"slider.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/slider-double/slider-double.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const componentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;

package/dist/components/slider-double/slider-double.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-double.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"slider-double.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/split-button/split-button.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 .wrapper {
   position: relative;

package/dist/components/split-button/split-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"split-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/start-stop-switch/start-stop-switch.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const componentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;
@@ -58,12 +57,12 @@ const componentStyle = css`
 }
 
 .button-track {
-            border-color: var(--indent-enabled-border-color);
-            background-color: var(--indent-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            --base-border-color: var(--indent-enabled-border-color);
-            --base-background-color: var(--indent-enabled-background-color);
+  border-color: var(--indent-enabled-border-color);
+  background-color: var(--indent-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  --base-border-color: var(--indent-enabled-border-color);
+  --base-background-color: var(--indent-enabled-background-color);
 }
 
 .button-track .button-track-checked {
@@ -78,12 +77,12 @@ const componentStyle = css`
   }
 
 :is(.button-track .button-track-checked) {
-            border-color: var(--selected-enabled-border-color);
-            background-color: var(--selected-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            --base-border-color: var(--selected-enabled-border-color);
-            --base-background-color: var(--selected-enabled-background-color);
+  border-color: var(--selected-enabled-border-color);
+  background-color: var(--selected-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  --base-border-color: var(--selected-enabled-border-color);
+  --base-background-color: var(--selected-enabled-background-color);
 }
 
 /* Variant: running - green overlay */
@@ -168,71 +167,71 @@ const componentStyle = css`
 }
 
 .button {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .button:focus {
-            outline: none;
+  outline: none;
 }
 
 .button .button-visible {
-            border-color: var(--thumb-enabled-border-color);
-            background-color: var(--thumb-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--thumb-enabled-border-color);
-            --base-background-color: var(--thumb-enabled-background-color);
+  border-color: var(--thumb-enabled-border-color);
+  background-color: var(--thumb-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--thumb-enabled-border-color);
+  --base-background-color: var(--thumb-enabled-background-color);
 }
 
 .button.activated .button-visible {
-            border-color: var(--thumb-activated-border-color);
-            background-color: var(--thumb-activated-background-color);
-            --base-border-color: var(--thumb-activated-border-color);
-            --base-background-color: var(--thumb-activated-background-color);
+  border-color: var(--thumb-activated-border-color);
+  background-color: var(--thumb-activated-background-color);
+  --base-border-color: var(--thumb-activated-border-color);
+  --base-background-color: var(--thumb-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .button:hover .button-visible {
-                        border-color: color-mix(in srgb, var(--thumb-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--thumb-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--thumb-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--thumb-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .button:active .button-visible {
-            border-color: var(--thumb-pressed-border-color);
-            background-color: var(--thumb-pressed-background-color);
+  border-color: var(--thumb-pressed-border-color);
+  background-color: var(--thumb-pressed-background-color);
 }
 
 .button:focus-visible .button-visible {
-            outline-color: var(--border-focus-color);
-            outline-width: var(--global-size-spacing-border-weight-focusframe);
-            outline-style: solid;
-            border-color: var(--container-global-color);
-            z-index: 1;
+  outline-color: var(--border-focus-color);
+  outline-width: var(--global-size-spacing-border-weight-focusframe);
+  outline-style: solid;
+  border-color: var(--container-global-color);
+  z-index: 1;
 }
 
 .button:disabled .button-visible {
-            border-color: var(--thumb-disabled-border-color);
-            background-color: var(--thumb-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-thumb-disabled-color) !important;
+  border-color: var(--thumb-disabled-border-color);
+  background-color: var(--thumb-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-thumb-disabled-color) !important;
 }
 
 .button.disabled .button-visible {
-            border-color: var(--thumb-disabled-border-color);
-            background-color: var(--thumb-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-thumb-disabled-color) !important;
+  border-color: var(--thumb-disabled-border-color);
+  background-color: var(--thumb-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-thumb-disabled-color) !important;
 }
 
 .button:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .button.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .button {
@@ -332,12 +331,12 @@ const componentStyle = css`
 /* Disabled state - base (off) */
 
 :is(.wrapper.disabled .button-track) {
-            border-color: var(--indent-enabled-border-color);
-            background-color: var(--indent-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            --base-border-color: var(--indent-enabled-border-color);
-            --base-background-color: var(--indent-enabled-background-color);
+  border-color: var(--indent-enabled-border-color);
+  background-color: var(--indent-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  --base-border-color: var(--indent-enabled-border-color);
+  --base-background-color: var(--indent-enabled-background-color);
 }
 
 .wrapper.disabled .button-track {

package/dist/components/start-stop-switch/start-stop-switch.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"start-stop-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"start-stop-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/status-indicator/status-indicator.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;

package/dist/components/status-indicator/status-indicator.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-indicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"status-indicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/stepper-box/stepper-box.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;

package/dist/components/stepper-box/stepper-box.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper-box.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"stepper-box.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/system-button/system-button.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 .expanded-visually-hidden {
   appearance: none;
@@ -38,71 +37,71 @@ const compentStyle = css`
   }
 
 .expanded-visually-hidden {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .expanded-visually-hidden:focus {
-            outline: none;
+  outline: none;
 }
 
 .expanded-visually-hidden .expanded-icon-container {
-            border-color: var(--flat-enabled-border-color);
-            background-color: var(--flat-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--flat-enabled-border-color);
-            --base-background-color: var(--flat-enabled-background-color);
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--flat-enabled-border-color);
+  --base-background-color: var(--flat-enabled-background-color);
 }
 
 .expanded-visually-hidden.activated .expanded-icon-container {
-            border-color: var(--flat-activated-border-color);
-            background-color: var(--flat-activated-background-color);
-            --base-border-color: var(--flat-activated-border-color);
-            --base-background-color: var(--flat-activated-background-color);
+  border-color: var(--flat-activated-border-color);
+  background-color: var(--flat-activated-background-color);
+  --base-border-color: var(--flat-activated-border-color);
+  --base-background-color: var(--flat-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .expanded-visually-hidden:hover .expanded-icon-container {
-                        border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .expanded-visually-hidden:active .expanded-icon-container {
-            border-color: var(--flat-pressed-border-color);
-            background-color: var(--flat-pressed-background-color);
+  border-color: var(--flat-pressed-border-color);
+  background-color: var(--flat-pressed-background-color);
 }
 
 .expanded-visually-hidden:focus-visible .expanded-icon-container {
-            outline-color: var(--border-focus-color);
-            outline-width: var(--global-size-spacing-border-weight-focusframe);
-            outline-style: solid;
-            border-color: var(--container-global-color);
-            z-index: 1;
+  outline-color: var(--border-focus-color);
+  outline-width: var(--global-size-spacing-border-weight-focusframe);
+  outline-style: solid;
+  border-color: var(--container-global-color);
+  z-index: 1;
 }
 
 .expanded-visually-hidden:disabled .expanded-icon-container {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .expanded-visually-hidden.disabled .expanded-icon-container {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .expanded-visually-hidden:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .expanded-visually-hidden.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .expanded-visually-hidden {

package/dist/components/system-button/system-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"system-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/system-menu/system-menu.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;
@@ -37,59 +36,59 @@ const compentStyle = css`
   }
 
 :is(.wrapper button.title-container) {
-            border-color: var(--flat-enabled-border-color);
-            background-color: var(--flat-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--flat-enabled-border-color);
-            --base-background-color: var(--flat-enabled-background-color);
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--flat-enabled-border-color);
+  --base-background-color: var(--flat-enabled-background-color);
 }
 
 :is(.wrapper button.title-container):focus {
-            outline: none;
+  outline: none;
 }
 
 .activated:is(.wrapper button.title-container) {
-            border-color: var(--flat-activated-border-color);
-            background-color: var(--flat-activated-background-color);
-            --base-border-color: var(--flat-activated-border-color);
-            --base-background-color: var(--flat-activated-background-color);
+  border-color: var(--flat-activated-border-color);
+  background-color: var(--flat-activated-background-color);
+  --base-border-color: var(--flat-activated-border-color);
+  --base-background-color: var(--flat-activated-background-color);
 }
 
 @media (hover:hover) {
 
 :is(.wrapper button.title-container):hover {
-                        border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 :is(.wrapper button.title-container):active {
-            border-color: var(--flat-pressed-border-color);
-            background-color: var(--flat-pressed-background-color);
+  border-color: var(--flat-pressed-border-color);
+  background-color: var(--flat-pressed-background-color);
 }
 
 :is(.wrapper button.title-container):focus-visible {
-            outline-color: var(--border-focus-color);
-            outline-width: var(--global-size-spacing-border-weight-focusframe);
-            outline-style: solid;
-            border-color: var(--container-global-color);
-            z-index: 1;
+  outline-color: var(--border-focus-color);
+  outline-width: var(--global-size-spacing-border-weight-focusframe);
+  outline-style: solid;
+  border-color: var(--container-global-color);
+  z-index: 1;
 }
 
 :is(.wrapper button.title-container):disabled {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .disabled:is(.wrapper button.title-container) {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .wrapper button.title-container {
@@ -457,59 +456,59 @@ const compentStyle = css`
     }
 
 :is(:is(.wrapper.small-screen .menu-bar) button) {
-            border-color: var(--flat-enabled-border-color);
-            background-color: var(--flat-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--flat-enabled-border-color);
-            --base-background-color: var(--flat-enabled-background-color);
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--flat-enabled-border-color);
+  --base-background-color: var(--flat-enabled-background-color);
 }
 
 :is(:is(.wrapper.small-screen .menu-bar) button):focus {
-            outline: none;
+  outline: none;
 }
 
 .activated:is(:is(.wrapper.small-screen .menu-bar) button) {
-            border-color: var(--flat-activated-border-color);
-            background-color: var(--flat-activated-background-color);
-            --base-border-color: var(--flat-activated-border-color);
-            --base-background-color: var(--flat-activated-background-color);
+  border-color: var(--flat-activated-border-color);
+  background-color: var(--flat-activated-background-color);
+  --base-border-color: var(--flat-activated-border-color);
+  --base-background-color: var(--flat-activated-background-color);
 }
 
 @media (hover:hover) {
 
 :is(:is(.wrapper.small-screen .menu-bar) button):hover {
-                        border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 :is(:is(.wrapper.small-screen .menu-bar) button):active {
-            border-color: var(--flat-pressed-border-color);
-            background-color: var(--flat-pressed-background-color);
+  border-color: var(--flat-pressed-border-color);
+  background-color: var(--flat-pressed-background-color);
 }
 
 :is(:is(.wrapper.small-screen .menu-bar) button):focus-visible {
-            outline-color: var(--border-focus-color);
-            outline-width: var(--global-size-spacing-border-weight-focusframe);
-            outline-style: solid;
-            border-color: var(--container-global-color);
-            z-index: 1;
+  outline-color: var(--border-focus-color);
+  outline-width: var(--global-size-spacing-border-weight-focusframe);
+  outline-style: solid;
+  border-color: var(--container-global-color);
+  z-index: 1;
 }
 
 :is(:is(.wrapper.small-screen .menu-bar) button):disabled {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .disabled:is(:is(.wrapper.small-screen .menu-bar) button) {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 :is(.wrapper.small-screen .menu-bar) button {

package/dist/components/system-menu/system-menu.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"system-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}