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

package/dist/components/date-item/date-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;
+}
 
 :host {
   display: flex;
@@ -30,71 +29,71 @@ const componentStyle = css`
   }
 
 .wrapper.size-small {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.size-small:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.size-small .date-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);
 }
 
 .wrapper.size-small.activated .date-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) {
 
 .wrapper.size-small:hover .date-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));
+  }
 }
 
 .wrapper.size-small:active .date-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);
 }
 
 .wrapper.size-small:focus-visible .date-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.size-small:disabled .date-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.size-small.disabled .date-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.size-small:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small {
@@ -136,71 +135,71 @@ const componentStyle = css`
 /* isToday without checked: amplified styling */
 
 .wrapper.size-small.isToday:not(.checked) {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.size-small.isToday:not(.checked):focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.size-small.isToday:not(.checked) .date-container {
-            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);
 }
 
 .wrapper.size-small.isToday.activated:not(.checked) .date-container {
-            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) {
 
 .wrapper.size-small.isToday:not(.checked):hover .date-container {
-                        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));
+  }
 }
 
 .wrapper.size-small.isToday:not(.checked):active .date-container {
-            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);
 }
 
 .wrapper.size-small.isToday:not(.checked):focus-visible .date-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.size-small.isToday:not(.checked):disabled .date-container {
-            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;
 }
 
 .wrapper.size-small.isToday.disabled:not(.checked) .date-container {
-            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;
 }
 
 .wrapper.size-small.isToday:not(.checked):disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small.isToday.disabled:not(.checked) {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small.isToday:not(.checked) .date {
@@ -227,71 +226,71 @@ const componentStyle = css`
 /* checked: selected styling */
 
 .wrapper.size-small.checked {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper.size-small.checked:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.size-small.checked .date-container {
-            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.size-small.checked.activated .date-container {
-            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.size-small.checked:hover .date-container {
-                        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.size-small.checked:active .date-container {
-            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.size-small.checked:focus-visible .date-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.size-small.checked:disabled .date-container {
-            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.size-small.checked.disabled .date-container {
-            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.size-small.checked:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small.checked.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.size-small.checked .date {
@@ -332,59 +331,59 @@ const componentStyle = css`
   }
 
 .wrapper.size-large {
-            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.size-large:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper.size-large.activated {
-            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.size-large:hover {
-                        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.size-large:active {
-            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.size-large: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;
 }
 
 .wrapper.size-large:disabled {
-            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.size-large.disabled {
-            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;
 }
 
 /* Keyboard press visual feedback */

package/dist/components/date-item/date-item.css.js.map

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

package/dist/components/divider/divider.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 {
   width: 1px;
   height: 24px;

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

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