@oicl/openbridge-webcomponents 0.0.15-dev-20241124190908 → 0.0.15-dev-20241125212938

package/dist/components/alert-menu-item/alert-menu-item.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 import '../button/button';
 /**
  *

package/dist/components/alert-topbar-element/alert-topbar-element.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AlertType } from '../../types';
-
 import '../alert-button/alert-button';
 import '../notification-button/notification-button';
 import '../notification-message/notification-message';

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

@@ -5,52 +5,52 @@ const compentStyle = css`.wrapper {
   height: 96px;
   width: 72px;
 }
-.wrapper button {
-    color: var(--on-normal-neutral-color);
-
-    height: 72px;
-    width: 72px;
-    border-radius: 100%;
-
-    display: flex;
-
-    align-items: center;
-    justify-content: center;
-  }
-.wrapper button {
+:is(.wrapper button) {
   border-color: var(--normal-enabled-border-color);
   background-color: var(--normal-enabled-background-color);
   border-width: 1px;
   border-style: solid;
   cursor: pointer;
 }
-.wrapper button:focus {
+:is(.wrapper button):focus {
   outline: none;
 }
-.wrapper button.activated {
+.activated:is(.wrapper button) {
   border-color: var(--normal-activated-border-color);
   background-color: var(--normal-activated-background-color);
 }
-.wrapper button:focus-visible {
+:is(.wrapper button):focus-visible {
   outline-color: hsla(211, 100%, 44%, 0.3);
   outline-width: 4px;
   outline-style: solid;
 }
-.wrapper button:hover {
+:is(.wrapper button):hover {
   border-color: var(--normal-hover-border-color);
   background-color: var(--normal-hover-background-color);
 }
-.wrapper button:active {
+:is(.wrapper button):active {
   border-color: var(--normal-pressed-border-color);
   background-color: var(--normal-pressed-background-color);
 }
-.wrapper button:disabled {
+:is(.wrapper button):disabled {
   border-color: var(--normal-disabled-border-color);
   background-color: var(--normal-disabled-background-color);
   cursor: not-allowed;
   color: var(--on-normal-disabled-color);
 }
-.wrapper button .icon {
+.wrapper button {
+    color: var(--on-normal-neutral-color);
+
+    height: 72px;
+    width: 72px;
+    border-radius: 100%;
+
+    display: flex;
+
+    align-items: center;
+    justify-content: center;
+  }
+:is(.wrapper button) .icon {
       height: 48px;
       width: 48px;
     }
@@ -84,42 +84,42 @@ const compentStyle = css`.wrapper {
     line-height: 16px;
     /* 133.333% */
   }
-.wrapper.checked button {
-      color: var(--on-selected-active-color);
-    }
-.wrapper.checked button {
+:is(.wrapper.checked button) {
   border-color: var(--selected-enabled-border-color);
   background-color: var(--selected-enabled-background-color);
   border-width: 1px;
   border-style: solid;
   cursor: pointer;
 }
-.wrapper.checked button:focus {
+:is(.wrapper.checked button):focus {
   outline: none;
 }
-.wrapper.checked button.activated {
+.activated:is(.wrapper.checked button) {
   border-color: var(--selected-activated-border-color);
   background-color: var(--selected-activated-background-color);
 }
-.wrapper.checked button:focus-visible {
+:is(.wrapper.checked button):focus-visible {
   outline-color: hsla(211, 100%, 44%, 0.3);
   outline-width: 4px;
   outline-style: solid;
 }
-.wrapper.checked button:hover {
+:is(.wrapper.checked button):hover {
   border-color: var(--selected-hover-border-color);
   background-color: var(--selected-hover-background-color);
 }
-.wrapper.checked button:active {
+:is(.wrapper.checked button):active {
   border-color: var(--selected-pressed-border-color);
   background-color: var(--selected-pressed-background-color);
 }
-.wrapper.checked button:disabled {
+:is(.wrapper.checked button):disabled {
   border-color: var(--selected-disabled-border-color);
   background-color: var(--selected-disabled-background-color);
   cursor: not-allowed;
   color: var(--on-selected-disabled-color);
 }
+.wrapper.checked button {
+      color: var(--on-selected-active-color);
+    }
 .wrapper.checked .label {
       font-family: 'Noto Sans';
       font-size: 12px;

package/dist/components/app-button/app-button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcAppButton extends LitElement {
     label: string;
     checked: boolean;

package/dist/components/app-menu/app-menu.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 import '../input/input';
 import '../app-button/app-button';
 import '../../icons/icon-01-search';

package/dist/components/badge/badge.css.js

@@ -44,15 +44,12 @@ const compentStyle = css`* {
             /* 150% */
         }
 
-.wrapper.type-regular {
-        color: var(--on-normal-neutral-color);
-    }
-
 .wrapper.type-regular {
     border-color: var(--normal-enabled-border-color);
     background-color: var(--normal-enabled-background-color);
     border-width: 1px;
     border-style: solid;
+        color: var(--on-normal-neutral-color);
 }
 
 .wrapper.type-alarm {

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

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

package/dist/components/badge/badge.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare enum BadgeSize {
     regular = "regular",
     large = "large"

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 import '../../icons/icon-02-chevron-right';
 export interface BreadcrumbItem {
     label: string;

package/dist/components/brilliance-menu/brilliance-menu.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 import '../icon-button/icon-button';
 import '../slider/slider';
 import '../toggle-switch/toggle-switch';

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

@@ -58,9 +58,6 @@ const iconStyle = css`.wrapper {
     padding-left: 8px;
     padding-right: 8px;
   }
-.wrapper.variant-normal {
-    color: var(--on-normal-active-color);
-  }
 .wrapper.variant-normal {
   cursor: pointer;
 }
@@ -97,16 +94,15 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-normal-disabled-color);
 }
+.wrapper.variant-normal {
+    color: var(--on-normal-active-color);
+}
 .wrapper.variant-normal .icon {
       color: var(--on-normal-neutral-color);
     }
 .wrapper.variant-normal:disabled .icon {
       color: var(--on-normal-disabled-color);
     }
-.wrapper.variant-flat {
-    color: var(--on-flat-active-color);
-
-  }
 .wrapper.variant-flat {
   cursor: pointer;
 }
@@ -143,15 +139,15 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-flat-disabled-color);
 }
+.wrapper.variant-flat {
+    color: var(--on-flat-active-color);
+}
 .wrapper.variant-flat .icon {
       color: var(--on-flat-neutral-color);
     }
 .wrapper.variant-flat:disabled .icon {
       color: var(--on-flat-disabled-color);
     }
-.wrapper.variant-raised {
-    color: var(--on-raised-active-color);
-  }
 .wrapper.variant-raised {
   cursor: pointer;
 }
@@ -188,23 +184,15 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-raised-disabled-color);
 }
+.wrapper.variant-raised {
+    color: var(--on-raised-active-color);
+}
 .wrapper.variant-raised .icon {
       color: var(--on-raised-neutral-color);
     }
 .wrapper.variant-raised:disabled .icon {
       color: var(--on-raised-disabled-color);
     }
-.wrapper.variant-check:not(.checked) {
-    /* UI/Body */
-    font-family: 'Noto Sans';
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 370;
-    line-height: 24px;
-    /* 150% */
-    text-decoration: none;
-    color: var(--on-indent-active-color);
-  }
 .wrapper.variant-check:not(.checked) {
   cursor: pointer;
 }
@@ -241,22 +229,23 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-indent-disabled-color);
 }
+.wrapper.variant-check:not(.checked) {
+    /* UI/Body */
+    font-family: 'Noto Sans';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 370;
+    line-height: 24px;
+    /* 150% */
+    text-decoration: none;
+    color: var(--on-indent-active-color);
+}
 .wrapper.variant-check:not(.checked) .icon {
       color: var(--on-indent-neutral-color);
     }
 .wrapper.variant-check:not(.checked):disabled .icon {
       color: var(--on-indent-disabled-color);
     }
-.wrapper.variant-check.checked {
-    /* UI/Body-Active */
-    font-family: Noto Sans;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 650;
-    line-height: 24px;
-    /* 150% */
-    color: var(--on-selected-active-color);
-  }
 .wrapper.variant-check.checked {
   cursor: pointer;
 }
@@ -293,6 +282,16 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-selected-disabled-color);
 }
+.wrapper.variant-check.checked {
+    /* UI/Body-Active */
+    font-family: Noto Sans;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 650;
+    line-height: 24px;
+    /* 150% */
+    color: var(--on-selected-active-color);
+}
 .wrapper.variant-check.checked .icon {
       color: var(--on-selected-neutral-color);
     }

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

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

package/dist/components/button/button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcButton extends LitElement {
     icon: string;
     variant: string;

package/dist/components/card-list-button/card-list-button.css.js

@@ -17,7 +17,6 @@ const iconStyle = css`.wrapper {
   width: 100%;
   padding-left: 24px;
   padding-right: 24px;
-  color: var(--on-flat-active-color);
 
 }
 .wrapper {
@@ -59,6 +58,10 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-flat-disabled-color);
 
+}
+.wrapper {
+  color: var(--on-flat-active-color);
+
 }
 .wrapper .icon {
     color: var(--on-flat-neutral-color);

package/dist/components/card-list-button/card-list-button.css.js.map

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

package/dist/components/card-list-button/card-list-button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcCardListButton extends LitElement {
     icon: string;
     variant: string;

package/dist/components/clock/clock.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 import '../icon-button/icon-button';
 export declare class ObcClock extends LitElement {
     date: string;

package/dist/components/context-menu/context-menu.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcContextMenu extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

package/dist/components/divider/divider.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcDivider extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

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

@@ -42,9 +42,6 @@ const iconStyle = css`.wrapper {
     height: 24px;
     width: 24px;
   }
-.wrapper.variant-normal {
-    color: var(--on-normal-neutral-color);
-  }
 .wrapper.variant-normal {
   cursor: pointer;
 }
@@ -81,12 +78,12 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-normal-disabled-color);
 }
+.wrapper.variant-normal {
+    color: var(--on-normal-neutral-color);
+}
 .wrapper.variant-normal.active-color {
       color: var(--on-normal-active-color);
     }
-.wrapper.variant-flat {
-    color: var(--on-flat-neutral-color);
-  }
 .wrapper.variant-flat {
   cursor: pointer;
 }
@@ -123,12 +120,12 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-flat-disabled-color);
 }
+.wrapper.variant-flat {
+    color: var(--on-flat-neutral-color);
+}
 .wrapper.variant-flat.active-color {
       color: var(--on-flat-active-color);
     }
-.wrapper.variant-raised {
-    color: var(--on-raised-active-color);
-  }
 .wrapper.variant-raised {
   cursor: pointer;
 }
@@ -165,6 +162,9 @@ const iconStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-raised-disabled-color);
 }
+.wrapper.variant-raised {
+    color: var(--on-raised-active-color);
+}
 .wrapper.variant-raised.active-color {
       color: var(--on-raised-active-color);
     }

package/dist/components/icon-button/icon-button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcIconButton extends LitElement {
     variant: string;
     size: string;

package/dist/components/input/input.css.js

@@ -22,11 +22,6 @@ input {
   /* 150% */
   text-decoration: none;
   appearance: none;
-  width: 100%;
-  height: 32px;
-  border-radius: 6px;
-  padding-right: 8px;
-  padding-left: 8px;
 }
 
 input {
@@ -69,6 +64,14 @@ input:disabled {
   color: var(--on-normal-disabled-color);
 }
 
+input {
+  width: 100%;
+  height: 32px;
+  border-radius: 6px;
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
 input ::placeholder {
     color: var(--on-normal-neutral-color, rgba(0, 0, 0, 0.55));
   }
@@ -85,7 +88,7 @@ input ::placeholder {
     padding-left: 40px;
   }
 
-.squared  input {
+.squared input {
     border-radius: 0;
   }
 

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

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

package/dist/components/input/input.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 type HTMLInputTypeAttribute = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
 export declare class ObcInput extends LitElement {
     value: string;

package/dist/components/navigation-item/navigation-item.css.js

@@ -4,23 +4,6 @@ const compentStyle = css`.wrapper {
   align-items: center;
   height: 48px;
   width: 100%;
-  color: var(--on-flat-active-color);
-
-  /* UI/Body */
-
-  font-family: 'Noto Sans';
-
-  font-size: 16px;
-
-  font-style: normal;
-
-  font-weight: 370;
-
-  line-height: 24px;
-
-  /* 150% */
-
-  text-decoration: none;
 }
 .wrapper:focus-visible {
     outline-offset: -4px;
@@ -58,14 +41,25 @@ const compentStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-flat-disabled-color);
 }
-.wrapper.checked {
-    /* UI/Body-Active */
-    font-family: Noto Sans;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 650;
-    line-height: 24px;
-  }
+.wrapper {
+  color: var(--on-flat-active-color);
+
+  /* UI/Body */
+
+  font-family: 'Noto Sans';
+
+  font-size: 16px;
+
+  font-style: normal;
+
+  font-weight: 370;
+
+  line-height: 24px;
+
+  /* 150% */
+
+  text-decoration: none;
+}
 .wrapper.checked {
   border-color: var(--amplified-enabled-border-color);
   background-color: var(--amplified-enabled-background-color);
@@ -99,8 +93,15 @@ const compentStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-amplified-disabled-color);
 }
-
-/* 150% */
+.wrapper.checked {
+    /* UI/Body-Active */
+    font-family: Noto Sans;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 650;
+    line-height: 24px;
+    /* 150% */
+}
 .wrapper.checked .icon {
       color: var(--instrument-enhanced-secondary-color);
     }

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

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

package/dist/components/navigation-item/navigation-item.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcNavigationItem extends LitElement {
     label: string;
     href: string | undefined;

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

@@ -22,12 +22,12 @@ const compentStyle = css`.wrapper {
         flex: 0;
     }
 
-.wrapper .footer .logo {
+:is(.wrapper .footer) .logo {
             height: 96px;
             width: 100%;
         }
 
-.wrapper .footer nav {
+:is(.wrapper .footer) nav {
             border-bottom: 1px solid var(--border-outline-color, rgba(0, 0, 0, 0.08));
         }
 

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcNavigationMenu extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

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

@@ -19,13 +19,6 @@ const componentStyle = css`* {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-family: 'Noto Sans';
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 570;
-  line-height: 1.5rem;
-  /* 150% */
-  color: var(--on-normal-active-color);
 }
 
 .wrapper {
@@ -72,6 +65,16 @@ const componentStyle = css`* {
   color: var(--on-normal-disabled-color);
 }
 
+.wrapper {
+  font-family: 'Noto Sans';
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 570;
+  line-height: 1.5rem;
+  /* 150% */
+  color: var(--on-normal-active-color);
+}
+
 .wrapper.icon {
     color: var(--on-normal-neutral-color);
   }

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-button/notification-button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcNotificationButton extends LitElement {
     openRight: boolean;
     openLeft: boolean;

package/dist/components/notification-message/notification-message.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcNotificationMessage extends LitElement {
     large: boolean;
     empty: boolean;

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

@@ -29,7 +29,7 @@ const compentStyle = css`.wrapper {
         color: var(--element-inactive-color, rgba(0, 0, 0, 0.42));
     }
 
-.wrapper .time .time-divider {
+:is(.wrapper .time) .time-divider {
         position: relative;
         top: -1px;
        }

package/dist/components/notification-message-item/notification-message-item.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ObcNotificationMessageItem extends LitElement {
     time: string;
     render(): import('lit-html').TemplateResult<1>;