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

package/dist/integration-systems/integration-button/integration-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;
+}
 
 * {
   box-sizing: border-box;
@@ -31,71 +30,71 @@ const compentStyle = css`
 }
 
 .touch-target {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .touch-target:focus {
-            outline: none;
+  outline: none;
 }
 
 .touch-target .content-container {
-            border-color: var(--integration-normal-enabled-border-color);
-            background-color: var(--integration-normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--integration-normal-enabled-border-color);
-            --base-background-color: var(--integration-normal-enabled-background-color);
+  border-color: var(--integration-normal-enabled-border-color);
+  background-color: var(--integration-normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--integration-normal-enabled-border-color);
+  --base-background-color: var(--integration-normal-enabled-background-color);
 }
 
 .touch-target.activated .content-container {
-            border-color: var(--integration-normal-activated-border-color);
-            background-color: var(--integration-normal-activated-background-color);
-            --base-border-color: var(--integration-normal-activated-border-color);
-            --base-background-color: var(--integration-normal-activated-background-color);
+  border-color: var(--integration-normal-activated-border-color);
+  background-color: var(--integration-normal-activated-background-color);
+  --base-border-color: var(--integration-normal-activated-border-color);
+  --base-background-color: var(--integration-normal-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .touch-target:hover .content-container {
-                        border-color: color-mix(in srgb, var(--integration-normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--integration-normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--integration-normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--integration-normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .touch-target:active .content-container {
-            border-color: var(--integration-normal-pressed-border-color);
-            background-color: var(--integration-normal-pressed-background-color);
+  border-color: var(--integration-normal-pressed-border-color);
+  background-color: var(--integration-normal-pressed-background-color);
 }
 
 .touch-target:focus-visible .content-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;
 }
 
 .touch-target:disabled .content-container {
-            border-color: var(--integration-normal-disabled-border-color);
-            background-color: var(--integration-normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-normal-disabled-color) !important;
+  border-color: var(--integration-normal-disabled-border-color);
+  background-color: var(--integration-normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-normal-disabled-color) !important;
 }
 
 .touch-target.disabled .content-container {
-            border-color: var(--integration-normal-disabled-border-color);
-            background-color: var(--integration-normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-normal-disabled-color) !important;
+  border-color: var(--integration-normal-disabled-border-color);
+  background-color: var(--integration-normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-normal-disabled-color) !important;
 }
 
 .touch-target:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target {
@@ -386,71 +385,71 @@ const compentStyle = css`
     }
 
 .touch-target.variant-normal {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .touch-target.variant-normal:focus {
-            outline: none;
+  outline: none;
 }
 
 .touch-target.variant-normal .content-container {
-            border-color: var(--integration-normal-enabled-border-color);
-            background-color: var(--integration-normal-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--integration-normal-enabled-border-color);
-            --base-background-color: var(--integration-normal-enabled-background-color);
+  border-color: var(--integration-normal-enabled-border-color);
+  background-color: var(--integration-normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--integration-normal-enabled-border-color);
+  --base-background-color: var(--integration-normal-enabled-background-color);
 }
 
 .touch-target.variant-normal.activated .content-container {
-            border-color: var(--integration-normal-activated-border-color);
-            background-color: var(--integration-normal-activated-background-color);
-            --base-border-color: var(--integration-normal-activated-border-color);
-            --base-background-color: var(--integration-normal-activated-background-color);
+  border-color: var(--integration-normal-activated-border-color);
+  background-color: var(--integration-normal-activated-background-color);
+  --base-border-color: var(--integration-normal-activated-border-color);
+  --base-background-color: var(--integration-normal-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .touch-target.variant-normal:hover .content-container {
-                        border-color: color-mix(in srgb, var(--integration-normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--integration-normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--integration-normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--integration-normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .touch-target.variant-normal:active .content-container {
-            border-color: var(--integration-normal-pressed-border-color);
-            background-color: var(--integration-normal-pressed-background-color);
+  border-color: var(--integration-normal-pressed-border-color);
+  background-color: var(--integration-normal-pressed-background-color);
 }
 
 .touch-target.variant-normal:focus-visible .content-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;
 }
 
 .touch-target.variant-normal:disabled .content-container {
-            border-color: var(--integration-normal-disabled-border-color);
-            background-color: var(--integration-normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-normal-disabled-color) !important;
+  border-color: var(--integration-normal-disabled-border-color);
+  background-color: var(--integration-normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-normal-disabled-color) !important;
 }
 
 .touch-target.variant-normal.disabled .content-container {
-            border-color: var(--integration-normal-disabled-border-color);
-            background-color: var(--integration-normal-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-normal-disabled-color) !important;
+  border-color: var(--integration-normal-disabled-border-color);
+  background-color: var(--integration-normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-normal-disabled-color) !important;
 }
 
 .touch-target.variant-normal:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.variant-normal.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.variant-normal:disabled {
@@ -462,71 +461,71 @@ const compentStyle = css`
     }
 
 .touch-target.variant-flat {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .touch-target.variant-flat:focus {
-            outline: none;
+  outline: none;
 }
 
 .touch-target.variant-flat .content-container {
-            border-color: var(--integration-flat-enabled-border-color);
-            background-color: var(--integration-flat-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--integration-flat-enabled-border-color);
-            --base-background-color: var(--integration-flat-enabled-background-color);
+  border-color: var(--integration-flat-enabled-border-color);
+  background-color: var(--integration-flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--integration-flat-enabled-border-color);
+  --base-background-color: var(--integration-flat-enabled-background-color);
 }
 
 .touch-target.variant-flat.activated .content-container {
-            border-color: var(--integration-flat-activated-border-color);
-            background-color: var(--integration-flat-activated-background-color);
-            --base-border-color: var(--integration-flat-activated-border-color);
-            --base-background-color: var(--integration-flat-activated-background-color);
+  border-color: var(--integration-flat-activated-border-color);
+  background-color: var(--integration-flat-activated-background-color);
+  --base-border-color: var(--integration-flat-activated-border-color);
+  --base-background-color: var(--integration-flat-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .touch-target.variant-flat:hover .content-container {
-                        border-color: color-mix(in srgb, var(--integration-flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--integration-flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--integration-flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--integration-flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .touch-target.variant-flat:active .content-container {
-            border-color: var(--integration-flat-pressed-border-color);
-            background-color: var(--integration-flat-pressed-background-color);
+  border-color: var(--integration-flat-pressed-border-color);
+  background-color: var(--integration-flat-pressed-background-color);
 }
 
 .touch-target.variant-flat:focus-visible .content-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;
 }
 
 .touch-target.variant-flat:disabled .content-container {
-            border-color: var(--integration-flat-disabled-border-color);
-            background-color: var(--integration-flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-flat-disabled-color) !important;
+  border-color: var(--integration-flat-disabled-border-color);
+  background-color: var(--integration-flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-flat-disabled-color) !important;
 }
 
 .touch-target.variant-flat.disabled .content-container {
-            border-color: var(--integration-flat-disabled-border-color);
-            background-color: var(--integration-flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-flat-disabled-color) !important;
+  border-color: var(--integration-flat-disabled-border-color);
+  background-color: var(--integration-flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-flat-disabled-color) !important;
 }
 
 .touch-target.variant-flat:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.variant-flat.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.variant-flat:disabled {
@@ -538,71 +537,71 @@ const compentStyle = css`
     }
 
 .touch-target.selected {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .touch-target.selected:focus {
-            outline: none;
+  outline: none;
 }
 
 .touch-target.selected .content-container {
-            border-color: var(--integration-selected-enabled-border-color);
-            background-color: var(--integration-selected-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--integration-selected-enabled-border-color);
-            --base-background-color: var(--integration-selected-enabled-background-color);
+  border-color: var(--integration-selected-enabled-border-color);
+  background-color: var(--integration-selected-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--integration-selected-enabled-border-color);
+  --base-background-color: var(--integration-selected-enabled-background-color);
 }
 
 .touch-target.selected.activated .content-container {
-            border-color: var(--integration-selected-activated-border-color);
-            background-color: var(--integration-selected-activated-background-color);
-            --base-border-color: var(--integration-selected-activated-border-color);
-            --base-background-color: var(--integration-selected-activated-background-color);
+  border-color: var(--integration-selected-activated-border-color);
+  background-color: var(--integration-selected-activated-background-color);
+  --base-border-color: var(--integration-selected-activated-border-color);
+  --base-background-color: var(--integration-selected-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .touch-target.selected:hover .content-container {
-                        border-color: color-mix(in srgb, var(--integration-selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--integration-selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--integration-selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--integration-selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .touch-target.selected:active .content-container {
-            border-color: var(--integration-selected-pressed-border-color);
-            background-color: var(--integration-selected-pressed-background-color);
+  border-color: var(--integration-selected-pressed-border-color);
+  background-color: var(--integration-selected-pressed-background-color);
 }
 
 .touch-target.selected:focus-visible .content-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;
 }
 
 .touch-target.selected:disabled .content-container {
-            border-color: var(--integration-selected-disabled-border-color);
-            background-color: var(--integration-selected-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-selected-disabled-color) !important;
+  border-color: var(--integration-selected-disabled-border-color);
+  background-color: var(--integration-selected-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-selected-disabled-color) !important;
 }
 
 .touch-target.selected.disabled .content-container {
-            border-color: var(--integration-selected-disabled-border-color);
-            background-color: var(--integration-selected-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--integration-on-selected-disabled-color) !important;
+  border-color: var(--integration-selected-disabled-border-color);
+  background-color: var(--integration-selected-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--integration-on-selected-disabled-color) !important;
 }
 
 .touch-target.selected:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.selected.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .touch-target.selected {

package/dist/integration-systems/integration-button/integration-button.css.js.map

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