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

package/dist/components/sequence-step/sequence-step.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const style = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const style = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 * {
   box-sizing: border-box;
@@ -242,12 +241,12 @@ const style = css`
       }
 
 :is(.value-not-started :is(.type-medium .visible-wrapper)) {
-            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);
 }
 
 .value-not-started :is(.type-medium .visible-wrapper) {
@@ -259,12 +258,12 @@ const style = css`
       }
 
 :is(.value-regular :is(.type-medium .visible-wrapper),.value-loading :is(.type-medium .visible-wrapper)) {
-            border-color: var(--normal-enabled-border-color);
-            background-color: var(--normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            --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;
+  --base-border-color: var(--normal-enabled-border-color);
+  --base-background-color: var(--normal-enabled-background-color);
 }
 
 .value-regular :is(.type-medium .visible-wrapper),.value-loading :is(.type-medium .visible-wrapper) {
@@ -290,12 +289,12 @@ const style = css`
       }
 
 :is(.value-next :is(.type-medium .visible-wrapper),.value-active :is(.type-medium .visible-wrapper)) {
-            border-color: var(--amplified-enabled-border-color);
-            background-color: var(--amplified-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            --base-border-color: var(--amplified-enabled-border-color);
-            --base-background-color: var(--amplified-enabled-background-color);
+  border-color: var(--amplified-enabled-border-color);
+  background-color: var(--amplified-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  --base-border-color: var(--amplified-enabled-border-color);
+  --base-background-color: var(--amplified-enabled-background-color);
 }
 
 .value-next :is(.type-medium .visible-wrapper),.value-active :is(.type-medium .visible-wrapper) {
@@ -387,71 +386,71 @@ button {
     }
 
 .wrapper.type-large.value-not-started {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.type-large.value-not-started:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.type-large.value-not-started .visible-wrapper {
-            border-color: var(--indent-enabled-border-color);
-            background-color: var(--indent-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --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;
+  cursor: pointer;
+  --base-border-color: var(--indent-enabled-border-color);
+  --base-background-color: var(--indent-enabled-background-color);
 }
 
 .wrapper.type-large.value-not-started.activated .visible-wrapper {
-            border-color: var(--indent-activated-border-color);
-            background-color: var(--indent-activated-background-color);
-            --base-border-color: var(--indent-activated-border-color);
-            --base-background-color: var(--indent-activated-background-color);
+  border-color: var(--indent-activated-border-color);
+  background-color: var(--indent-activated-background-color);
+  --base-border-color: var(--indent-activated-border-color);
+  --base-background-color: var(--indent-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper.type-large.value-not-started:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--indent-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--indent-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--indent-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--indent-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper.type-large.value-not-started:active .visible-wrapper {
-            border-color: var(--indent-pressed-border-color);
-            background-color: var(--indent-pressed-background-color);
+  border-color: var(--indent-pressed-border-color);
+  background-color: var(--indent-pressed-background-color);
 }
 
 .wrapper.type-large.value-not-started: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.type-large.value-not-started:disabled .visible-wrapper {
-            border-color: var(--indent-disabled-border-color);
-            background-color: var(--indent-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-indent-disabled-color) !important;
+  border-color: var(--indent-disabled-border-color);
+  background-color: var(--indent-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-indent-disabled-color) !important;
 }
 
 .wrapper.type-large.value-not-started.disabled .visible-wrapper {
-            border-color: var(--indent-disabled-border-color);
-            background-color: var(--indent-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-indent-disabled-color) !important;
+  border-color: var(--indent-disabled-border-color);
+  background-color: var(--indent-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-indent-disabled-color) !important;
 }
 
 .wrapper.type-large.value-not-started:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-not-started.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-not-started {
@@ -463,71 +462,71 @@ button {
     }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading) {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):focus {
-            outline: none;
+  outline: none;
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading) .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);
 }
 
 .activated:is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading) .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) {
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):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));
+  }
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):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);
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):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;
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):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;
 }
 
 .disabled:is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading) .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;
 }
 
 :is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading):disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .disabled:is(.wrapper.type-large.value-regular,.wrapper.type-large.value-loading) {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-regular,.wrapper.type-large.value-loading {
@@ -549,71 +548,71 @@ button {
     }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active) {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):focus {
-            outline: none;
+  outline: none;
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active) .visible-wrapper {
-            border-color: var(--amplified-enabled-border-color);
-            background-color: var(--amplified-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--amplified-enabled-border-color);
-            --base-background-color: var(--amplified-enabled-background-color);
+  border-color: var(--amplified-enabled-border-color);
+  background-color: var(--amplified-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--amplified-enabled-border-color);
+  --base-background-color: var(--amplified-enabled-background-color);
 }
 
 .activated:is(.wrapper.type-large.value-next,.wrapper.type-large.value-active) .visible-wrapper {
-            border-color: var(--amplified-activated-border-color);
-            background-color: var(--amplified-activated-background-color);
-            --base-border-color: var(--amplified-activated-border-color);
-            --base-background-color: var(--amplified-activated-background-color);
+  border-color: var(--amplified-activated-border-color);
+  background-color: var(--amplified-activated-background-color);
+  --base-border-color: var(--amplified-activated-border-color);
+  --base-background-color: var(--amplified-activated-background-color);
 }
 
 @media (hover:hover) {
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--amplified-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--amplified-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--amplified-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--amplified-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):active .visible-wrapper {
-            border-color: var(--amplified-pressed-border-color);
-            background-color: var(--amplified-pressed-background-color);
+  border-color: var(--amplified-pressed-border-color);
+  background-color: var(--amplified-pressed-background-color);
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):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;
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):disabled .visible-wrapper {
-            border-color: var(--amplified-disabled-border-color);
-            background-color: var(--amplified-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-amplified-disabled-color) !important;
+  border-color: var(--amplified-disabled-border-color);
+  background-color: var(--amplified-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-amplified-disabled-color) !important;
 }
 
 .disabled:is(.wrapper.type-large.value-next,.wrapper.type-large.value-active) .visible-wrapper {
-            border-color: var(--amplified-disabled-border-color);
-            background-color: var(--amplified-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-amplified-disabled-color) !important;
+  border-color: var(--amplified-disabled-border-color);
+  background-color: var(--amplified-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-amplified-disabled-color) !important;
 }
 
 :is(.wrapper.type-large.value-next,.wrapper.type-large.value-active):disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .disabled:is(.wrapper.type-large.value-next,.wrapper.type-large.value-active) {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-next,.wrapper.type-large.value-active {
@@ -630,71 +629,71 @@ button {
   }
 
 .wrapper.type-large.value-completed {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.type-large.value-completed:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.type-large.value-completed .visible-wrapper {
-            border-color: var(--selected-enabled-border-color);
-            background-color: var(--selected-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --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;
+  cursor: pointer;
+  --base-border-color: var(--selected-enabled-border-color);
+  --base-background-color: var(--selected-enabled-background-color);
 }
 
 .wrapper.type-large.value-completed.activated .visible-wrapper {
-            border-color: var(--selected-activated-border-color);
-            background-color: var(--selected-activated-background-color);
-            --base-border-color: var(--selected-activated-border-color);
-            --base-background-color: var(--selected-activated-background-color);
+  border-color: var(--selected-activated-border-color);
+  background-color: var(--selected-activated-background-color);
+  --base-border-color: var(--selected-activated-border-color);
+  --base-background-color: var(--selected-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper.type-large.value-completed:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper.type-large.value-completed:active .visible-wrapper {
-            border-color: var(--selected-pressed-border-color);
-            background-color: var(--selected-pressed-background-color);
+  border-color: var(--selected-pressed-border-color);
+  background-color: var(--selected-pressed-background-color);
 }
 
 .wrapper.type-large.value-completed: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.type-large.value-completed:disabled .visible-wrapper {
-            border-color: var(--selected-disabled-border-color);
-            background-color: var(--selected-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-selected-disabled-color) !important;
+  border-color: var(--selected-disabled-border-color);
+  background-color: var(--selected-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-selected-disabled-color) !important;
 }
 
 .wrapper.type-large.value-completed.disabled .visible-wrapper {
-            border-color: var(--selected-disabled-border-color);
-            background-color: var(--selected-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-selected-disabled-color) !important;
+  border-color: var(--selected-disabled-border-color);
+  background-color: var(--selected-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-selected-disabled-color) !important;
 }
 
 .wrapper.type-large.value-completed:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-completed.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.type-large.value-completed {

package/dist/components/sequence-step/sequence-step.css.js.map

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

package/dist/components/sequence-toolbar/sequence-toolbar.css.js

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

package/dist/components/sequence-toolbar/sequence-toolbar.css.js.map

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

package/dist/components/slide-button/slide-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;
+}
 
 * {
   user-select: none;
@@ -100,80 +99,80 @@ const componentStyle = css`
 }
 
 .visual-container {
-            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-touch-target {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .button-touch-target:focus {
-            outline: none;
+  outline: none;
 }
 
 .button-touch-target .slide-button {
-            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);
 }
 
 .button-touch-target.activated .slide-button {
-            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) {
 
 .button-touch-target:hover .slide-button {
-                        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));
+  }
 }
 
 .button-touch-target:active .slide-button {
-            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);
 }
 
 .button-touch-target:focus-visible .slide-button {
-            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-touch-target:disabled .slide-button {
-            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;
 }
 
 .button-touch-target.disabled .slide-button {
-            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;
 }
 
 .button-touch-target:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .button-touch-target.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .button-touch-target {

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

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