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

package/dist/components/navigation-menu/navigation-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;
+}
 
 .wrapper {
   display: flex;

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

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

package/dist/components/notification-badge-button/notification-badge-button.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;
@@ -27,71 +26,71 @@ const componentStyle = css`
 }
 
 .wrapper {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper .visible-wrapper {
-            border-color: var(--normal-enabled-border-color);
-            background-color: var(--normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--normal-enabled-border-color);
-            --base-background-color: var(--normal-enabled-background-color);
+  border-color: var(--normal-enabled-border-color);
+  background-color: var(--normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--normal-enabled-border-color);
+  --base-background-color: var(--normal-enabled-background-color);
 }
 
 .wrapper.activated .visible-wrapper {
-            border-color: var(--normal-activated-border-color);
-            background-color: var(--normal-activated-background-color);
-            --base-border-color: var(--normal-activated-border-color);
-            --base-background-color: var(--normal-activated-background-color);
+  border-color: var(--normal-activated-border-color);
+  background-color: var(--normal-activated-background-color);
+  --base-border-color: var(--normal-activated-border-color);
+  --base-background-color: var(--normal-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper:active .visible-wrapper {
-            border-color: var(--normal-pressed-border-color);
-            background-color: var(--normal-pressed-background-color);
+  border-color: var(--normal-pressed-border-color);
+  background-color: var(--normal-pressed-background-color);
 }
 
 .wrapper:focus-visible .visible-wrapper {
-            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;
 }
 
 .wrapper:disabled .visible-wrapper {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper.disabled .visible-wrapper {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper {

package/dist/components/notification-badge-button/notification-badge-button.css.js.map

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

package/dist/components/notification-button/notification-button.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;
+}
 
 :host {
   display: inline-block;
@@ -28,211 +27,211 @@ const componentStyle = css`
 /* Flat style - when no counter */
 
 .wrapper.flat {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.flat:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.flat .visible-wrapper {
-            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);
 }
 
 .wrapper.flat.activated .visible-wrapper {
-            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) {
 
 .wrapper.flat:hover .visible-wrapper {
-                        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));
+  }
 }
 
 .wrapper.flat:active .visible-wrapper {
-            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);
 }
 
 .wrapper.flat:focus-visible .visible-wrapper {
-            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;
 }
 
 .wrapper.flat:disabled .visible-wrapper {
-            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.flat.disabled .visible-wrapper {
-            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.flat:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.flat.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 /* Normal style - when has counter */
 
 .wrapper.normal {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.normal:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.normal .visible-wrapper {
-            border-color: var(--normal-enabled-border-color);
-            background-color: var(--normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--normal-enabled-border-color);
-            --base-background-color: var(--normal-enabled-background-color);
+  border-color: var(--normal-enabled-border-color);
+  background-color: var(--normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--normal-enabled-border-color);
+  --base-background-color: var(--normal-enabled-background-color);
 }
 
 .wrapper.normal.activated .visible-wrapper {
-            border-color: var(--normal-activated-border-color);
-            background-color: var(--normal-activated-background-color);
-            --base-border-color: var(--normal-activated-border-color);
-            --base-background-color: var(--normal-activated-background-color);
+  border-color: var(--normal-activated-border-color);
+  background-color: var(--normal-activated-background-color);
+  --base-border-color: var(--normal-activated-border-color);
+  --base-background-color: var(--normal-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper.normal:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper.normal:active .visible-wrapper {
-            border-color: var(--normal-pressed-border-color);
-            background-color: var(--normal-pressed-background-color);
+  border-color: var(--normal-pressed-border-color);
+  background-color: var(--normal-pressed-background-color);
 }
 
 .wrapper.normal:focus-visible .visible-wrapper {
-            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;
 }
 
 .wrapper.normal:disabled .visible-wrapper {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper.normal.disabled .visible-wrapper {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper.normal:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.normal.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 /* Enhanced style - when has counter and enhanced */
 
 .wrapper.enhanced {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.enhanced:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.enhanced .visible-wrapper {
-            border-color: var(--notification-enabled-border-color);
-            background-color: var(--notification-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--notification-enabled-border-color);
-            --base-background-color: var(--notification-enabled-background-color);
+  border-color: var(--notification-enabled-border-color);
+  background-color: var(--notification-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--notification-enabled-border-color);
+  --base-background-color: var(--notification-enabled-background-color);
 }
 
 .wrapper.enhanced.activated .visible-wrapper {
-            border-color: var(--notification-activated-border-color);
-            background-color: var(--notification-activated-background-color);
-            --base-border-color: var(--notification-activated-border-color);
-            --base-background-color: var(--notification-activated-background-color);
+  border-color: var(--notification-activated-border-color);
+  background-color: var(--notification-activated-background-color);
+  --base-border-color: var(--notification-activated-border-color);
+  --base-background-color: var(--notification-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper.enhanced:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--notification-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--notification-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--notification-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--notification-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper.enhanced:active .visible-wrapper {
-            border-color: var(--notification-pressed-border-color);
-            background-color: var(--notification-pressed-background-color);
+  border-color: var(--notification-pressed-border-color);
+  background-color: var(--notification-pressed-background-color);
 }
 
 .wrapper.enhanced:focus-visible .visible-wrapper {
-            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;
 }
 
 .wrapper.enhanced:disabled .visible-wrapper {
-            border-color: var(--notification-disabled-border-color);
-            background-color: var(--notification-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-notification-disabled-color) !important;
+  border-color: var(--notification-disabled-border-color);
+  background-color: var(--notification-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-notification-disabled-color) !important;
 }
 
 .wrapper.enhanced.disabled .visible-wrapper {
-            border-color: var(--notification-disabled-border-color);
-            background-color: var(--notification-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-notification-disabled-color) !important;
+  border-color: var(--notification-disabled-border-color);
+  background-color: var(--notification-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-notification-disabled-color) !important;
 }
 
 .wrapper.enhanced:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.enhanced.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .visible-wrapper {

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

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

package/dist/components/notification-floating-item/notification-floating-item.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
+}`;
 export {
   componentStyle as default
 };

package/dist/components/notification-floating-item/notification-floating-item.css.js.map

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

package/dist/components/notification-menu-item/notification-menu-item.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;
+}
 :host {
   display: block;
 }

package/dist/components/notification-menu-item/notification-menu-item.css.js.map

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

package/dist/components/notification-message-item/notification-message-item.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;
+}
 obi-notification-filled {
   color: var(--notification-enabled-background-color);
 }

package/dist/components/notification-message-item/notification-message-item.css.js.map

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

package/dist/components/number-input-field/number-input-field.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;
@@ -10,71 +9,71 @@ const componentStyle = css`
 }
 
 .wrapper {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper .input-field-container {
-            border-color: var(--normal-enabled-border-color);
-            background-color: var(--normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--normal-enabled-border-color);
-            --base-background-color: var(--normal-enabled-background-color);
+  border-color: var(--normal-enabled-border-color);
+  background-color: var(--normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--normal-enabled-border-color);
+  --base-background-color: var(--normal-enabled-background-color);
 }
 
 .wrapper.activated .input-field-container {
-            border-color: var(--normal-activated-border-color);
-            background-color: var(--normal-activated-background-color);
-            --base-border-color: var(--normal-activated-border-color);
-            --base-background-color: var(--normal-activated-background-color);
+  border-color: var(--normal-activated-border-color);
+  background-color: var(--normal-activated-background-color);
+  --base-border-color: var(--normal-activated-border-color);
+  --base-background-color: var(--normal-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper:hover .input-field-container {
-                        border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper:active .input-field-container {
-            border-color: var(--normal-pressed-border-color);
-            background-color: var(--normal-pressed-background-color);
+  border-color: var(--normal-pressed-border-color);
+  background-color: var(--normal-pressed-background-color);
 }
 
 .wrapper:focus-visible .input-field-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;
 }
 
 .wrapper:disabled .input-field-container {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper.disabled .input-field-container {
-            border-color: var(--normal-disabled-border-color);
-            background-color: var(--normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-normal-disabled-color) !important;
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color) !important;
 }
 
 .wrapper:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper {

package/dist/components/number-input-field/number-input-field.css.js.map

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