@oicl/openbridge-webcomponents 0.0.10 → 0.0.12

package/CHANGELOG.md

@@ -4,15 +4,54 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.0.12](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/compare/v0.0.10...v0.0.12)
+
+- react-demo: show usage of slots [`#158`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/158)
+- Demo: responsive alert list [`#147`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/147)
+- Release 0.0.10 [`#146`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/146)
+- updated generated files [`1f2bdea`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/commit/1f2bdea4f0a5c632b71a8c8b9aedef5adbc0f61f)
+
 #### [v0.0.10](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/compare/v0.0.9...v0.0.10)
 
-- feat: update colors in css [`#145`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/145)
-- feat[lines]: add lines (pipe) [`#144`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/144)
+> 5 April 2024
+
+- feat: update colors [`#145`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/145)
+- feat: add lines [`#144`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/144)
 - feat[slider]: no input slider [`#142`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/142)
-- fix[topbar]: padding when inactive [`#89`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/issues/89)
-- demo: alarm blink on condensed top menu [`#98`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/98)
-- demo: fix background color [`#102`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/102)
+- build(deps-dev): bump vite from 4.5.3 to 5.2.7 in /packages/openbridge-webcomponents [`#141`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/141)
+- build(deps-dev): bump @vue/tsconfig from 0.4.0 to 0.5.1 in /packages/vue-demo [`#130`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/130)
+- build(deps-dev): bump tsx from 3.14.0 to 4.7.1 in /packages/openbridge-webcomponents [`#129`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/129)
+- build(deps-dev): bump @vue/eslint-config-prettier from 8.0.0 to 9.0.0 in /packages/vue-demo [`#132`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/132)
+- build(deps-dev): bump @vue/test-utils from 2.4.4 to 2.4.5 [`#137`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/137)
+- build(deps-dev): bump @storybook/addon-interactions from 8.0.0 to 8.0.5 [`#140`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/140)
+- build(deps-dev): bump eslint-plugin-vue from 9.22.0 to 9.24.0 [`#133`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/133)
+- build(deps-dev): bump vue-tsc from 1.8.27 to 2.0.7 [`#134`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/134)
+- build(deps-dev): bump express from 4.18.3 to 4.19.2 [`#138`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/138)
+- build(deps-dev): bump @types/react-dom from 18.2.21 to 18.2.23 [`#139`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/139)
+- chore: add playwright test to vue demo [`#127`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/127)
+- chore: remove depricated svg export [`#126`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/126)
+- build(deps-dev): update deps [`#125`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/125)
+- build(deps-dev): bump @storybook/addon-essentials from 7.6.17 to 8.0.1 [`#120`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/120)
+- chore: upgrade storybook [`#124`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/124)
+- build(deps-dev): bump vite from 4.5.2 to 5.1.6 in /packages/vue-demo [`#117`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/117)
+- build(deps-dev): bump @types/node from 18.19.22 to 20.11.29 [`#122`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/122)
+- build(deps-dev): bump @vitejs/plugin-vue from 3.2.0 to 5.0.4 [`#121`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/121)
+- build(deps-dev): bump @typescript-eslint/parser in /packages/react-demo [`#116`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/116)
+- build(deps-dev): bump typescript in /packages/vue-demo [`#110`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/110)
+- build(deps-dev): bump postcss-mixins from 9.0.4 to 10.0.0 [`#119`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/119)
+- build(deps-dev): bump @typescript-eslint/eslint-plugin [`#123`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/123)
+- Create dependabot.yml [`#106`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/106)
+- build(deps-dev): bump the npm_and_yarn group across 1 directory with 1 update [`#105`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/105)
+- build(deps-dev): bump the npm_and_yarn group across 1 directory with 1 update [`#104`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/104)
+- build(deps-dev): bump follow-redirects from 1.15.5 to 1.15.6 [`#103`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/103)
+- demo: fix background color wrapper [`#102`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/102)
 - demo: minimize alert on no alert [`#101`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/101)
+- fix[topbar]: inactive padding [`#99`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/99)
+- fix: alarm blink on condensed top menu [`#98`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/98)
+- format [`#97`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/97)
+- Release 0.0.9 [`#96`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/96)
+- fix[topbar]: inactive padding (#99) [`#89`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/issues/89)
+- Release 0.0.10 [`1ce788b`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/commit/1ce788bfb21e644cda5998985ba6a0b2db251833)
 
 #### [v0.0.9](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/compare/v0.0.8...v0.0.9)
 
@@ -23,6 +62,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - feat[rich-button]: added info mode [`#93`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/93)
 - chore: add google analytics to storybook [`#92`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/92)
 - build: add pwa to vue demo [`#90`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/pull/90)
+- Release 0.0.9 [`d9439ae`](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/commit/d9439ae7e12e618fa8eff9f93f5310f3800af8eb)
 
 #### [v0.0.8](https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents/compare/v0.0.7...v0.0.8)
 

package/custom-elements.json

@@ -38310,6 +38310,96 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/alert-icon/alert-icon.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "AlertIconNames",
+          "default": "Object.keys(mapping)"
+        },
+        {
+          "kind": "class",
+          "description": "Icon used for alerts and notification with blinking effect",
+          "name": "ObcAlertIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "blinkValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "This value should alternate between true and false to make the icon blink.",
+              "attribute": "blink-value"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "AlertIconName"
+              },
+              "default": "'alarm-unack'",
+              "description": "Name of the icon.",
+              "attribute": "name"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "blink-value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "This value should alternate between true and false to make the icon blink.",
+              "fieldName": "blinkValue"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "AlertIconName"
+              },
+              "default": "'alarm-unack'",
+              "description": "Name of the icon.",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-alert-icon",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AlertIconNames",
+          "declaration": {
+            "name": "AlertIconNames",
+            "module": "src/components/alert-icon/alert-icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ObcAlertIcon",
+          "declaration": {
+            "name": "ObcAlertIcon",
+            "module": "src/components/alert-icon/alert-icon.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-alert-icon",
+          "declaration": {
+            "name": "ObcAlertIcon",
+            "module": "src/components/alert-icon/alert-icon.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/alert-button/alert-button.ts",
@@ -38467,96 +38557,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/alert-icon/alert-icon.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "AlertIconNames",
-          "default": "Object.keys(mapping)"
-        },
-        {
-          "kind": "class",
-          "description": "Icon used for alerts and notification with blinking effect",
-          "name": "ObcAlertIcon",
-          "members": [
-            {
-              "kind": "field",
-              "name": "blinkValue",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "This value should alternate between true and false to make the icon blink.",
-              "attribute": "blink-value"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "AlertIconName"
-              },
-              "default": "'alarm-unack'",
-              "description": "Name of the icon.",
-              "attribute": "name"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "blink-value",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "This value should alternate between true and false to make the icon blink.",
-              "fieldName": "blinkValue"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "AlertIconName"
-              },
-              "default": "'alarm-unack'",
-              "description": "Name of the icon.",
-              "fieldName": "name"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "obc-alert-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AlertIconNames",
-          "declaration": {
-            "name": "AlertIconNames",
-            "module": "src/components/alert-icon/alert-icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ObcAlertIcon",
-          "declaration": {
-            "name": "ObcAlertIcon",
-            "module": "src/components/alert-icon/alert-icon.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "obc-alert-icon",
-          "declaration": {
-            "name": "ObcAlertIcon",
-            "module": "src/components/alert-icon/alert-icon.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/alert-menu/alert-menu.ts",
@@ -38781,91 +38781,181 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/alert-topbar-element/alert-topbar-element.ts",
+      "path": "src/components/app-button/app-button.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Element that displays the alert in topbar\nUse the element in the alerts slot in topbar",
-          "name": "ObcAlertTopbarElement",
-          "slots": [
-            {
-              "description": "The message to display in the alert element of type `obc-notification-message-item`",
-              "name": ""
-            },
-            {
-              "description": "The message to display when there are no alerts",
-              "name": "empty"
-            }
-          ],
+          "description": "",
+          "name": "ObcAppButton",
           "members": [
             {
               "kind": "field",
-              "name": "nAlerts",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Number of alerts.",
-              "attribute": "n-alerts"
-            },
-            {
-              "kind": "field",
-              "name": "alertType",
+              "name": "label",
               "type": {
-                "text": "AlertType"
+                "text": "string"
               },
-              "description": "Type of alert.",
-              "attribute": "alert-type"
+              "default": "'Button'",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "blinkAlarmValue",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
-              "attribute": "blink-alarm-value"
+              "attribute": "checked"
             },
             {
               "kind": "field",
-              "name": "blinkWarningValue",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "This value should alternate between true and false to make the icon blink.",
-              "attribute": "blink-warning-value"
-            },
+              "default": "'normal'",
+              "attribute": "size"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "showAck",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "If the ack button should be shown.",
-              "attribute": "show-ack"
+              "default": "'Button'",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "alertMuted",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If the alert is muted.",
-              "attribute": "alert-muted"
+              "fieldName": "checked"
             },
             {
-              "kind": "field",
-              "name": "minimized",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "If the alert is minimized.",
-              "attribute": "minimized"
+              "default": "'normal'",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-app-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcAppButton",
+          "declaration": {
+            "name": "ObcAppButton",
+            "module": "src/components/app-button/app-button.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-app-button",
+          "declaration": {
+            "name": "ObcAppButton",
+            "module": "src/components/app-button/app-button.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/alert-topbar-element/alert-topbar-element.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Element that displays the alert in topbar\nUse the element in the alerts slot in topbar",
+          "name": "ObcAlertTopbarElement",
+          "slots": [
+            {
+              "description": "The message to display in the alert element of type `obc-notification-message-item`",
+              "name": ""
+            },
+            {
+              "description": "The message to display when there are no alerts",
+              "name": "empty"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "nAlerts",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of alerts.",
+              "attribute": "n-alerts"
+            },
+            {
+              "kind": "field",
+              "name": "alertType",
+              "type": {
+                "text": "AlertType"
+              },
+              "description": "Type of alert.",
+              "attribute": "alert-type"
+            },
+            {
+              "kind": "field",
+              "name": "blinkAlarmValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
+              "attribute": "blink-alarm-value"
+            },
+            {
+              "kind": "field",
+              "name": "blinkWarningValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "This value should alternate between true and false to make the icon blink.",
+              "attribute": "blink-warning-value"
+            },
+            {
+              "kind": "field",
+              "name": "showAck",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If the ack button should be shown.",
+              "attribute": "show-ack"
+            },
+            {
+              "kind": "field",
+              "name": "alertMuted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If the alert is muted.",
+              "attribute": "alert-muted"
+            },
+            {
+              "kind": "field",
+              "name": "minimized",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If the alert is minimized.",
+              "attribute": "minimized"
             },
             {
               "kind": "field",
@@ -39010,90 +39100,197 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/app-button/app-button.ts",
+      "path": "src/components/breadcrumb/breadcrumb.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ObcAppButton",
+          "name": "ObcBreadcrumb",
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "items",
+              "default": "[]"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcBreadcrumb",
+          "declaration": {
+            "name": "ObcBreadcrumb",
+            "module": "src/components/breadcrumb/breadcrumb.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-breadcrumb",
+          "declaration": {
+            "name": "ObcBreadcrumb",
+            "module": "src/components/breadcrumb/breadcrumb.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/brilliance-menu/brilliance-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcBrillianceMenu",
+          "members": [
+            {
+              "kind": "field",
+              "name": "palette",
               "type": {
-                "text": "string"
+                "text": "String"
               },
-              "default": "'Button'",
-              "attribute": "label"
+              "default": "'day'",
+              "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
+              "attribute": "palette"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "brightness",
               "type": {
-                "text": "boolean"
+                "text": "Number"
+              },
+              "default": "50",
+              "description": "The brightness value",
+              "attribute": "brightness"
+            },
+            {
+              "kind": "field",
+              "name": "showAutoBrightness",
+              "type": {
+                "text": "Boolean"
               },
               "default": "false",
-              "attribute": "checked"
+              "description": "Show the auto brightness toggle",
+              "attribute": "show-auto-brightness"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "showAutoPalette",
               "type": {
-                "text": "string"
+                "text": "Boolean"
               },
-              "default": "'normal'",
-              "attribute": "size"
+              "default": "false",
+              "description": "Show the auto palette toggle",
+              "attribute": "show-auto-palette"
+            },
+            {
+              "kind": "method",
+              "name": "onPaletteChanged",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBrightnessChanged",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "palette-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the palette is changed"
+            },
+            {
+              "name": "brightness-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the brightness is changed"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "palette",
               "type": {
-                "text": "string"
+                "text": "String"
               },
-              "default": "'Button'",
-              "fieldName": "label"
+              "default": "'day'",
+              "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
+              "fieldName": "palette"
             },
             {
-              "name": "checked",
+              "name": "brightness",
               "type": {
-                "text": "boolean"
+                "text": "Number"
+              },
+              "default": "50",
+              "description": "The brightness value",
+              "fieldName": "brightness"
+            },
+            {
+              "name": "show-auto-brightness",
+              "type": {
+                "text": "Boolean"
               },
               "default": "false",
-              "fieldName": "checked"
+              "description": "Show the auto brightness toggle",
+              "fieldName": "showAutoBrightness"
             },
             {
-              "name": "size",
+              "name": "show-auto-palette",
               "type": {
-                "text": "string"
+                "text": "Boolean"
               },
-              "default": "'normal'",
-              "fieldName": "size"
+              "default": "false",
+              "description": "Show the auto palette toggle",
+              "fieldName": "showAutoPalette"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "obc-app-button",
+          "tagName": "obc-brilliance-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ObcAppButton",
+          "name": "ObcBrillianceMenu",
           "declaration": {
-            "name": "ObcAppButton",
-            "module": "src/components/app-button/app-button.ts"
+            "name": "ObcBrillianceMenu",
+            "module": "src/components/brilliance-menu/brilliance-menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "obc-app-button",
+          "name": "obc-brilliance-menu",
           "declaration": {
-            "name": "ObcAppButton",
-            "module": "src/components/app-button/app-button.ts"
+            "name": "ObcBrillianceMenu",
+            "module": "src/components/brilliance-menu/brilliance-menu.ts"
           }
         }
       ]
@@ -39157,197 +39354,107 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/breadcrumb/breadcrumb.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ObcBreadcrumb",
-          "members": [
-            {
-              "kind": "field",
-              "name": "items",
-              "default": "[]"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "obc-breadcrumb",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ObcBreadcrumb",
-          "declaration": {
-            "name": "ObcBreadcrumb",
-            "module": "src/components/breadcrumb/breadcrumb.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "obc-breadcrumb",
-          "declaration": {
-            "name": "ObcBreadcrumb",
-            "module": "src/components/breadcrumb/breadcrumb.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/brilliance-menu/brilliance-menu.ts",
+      "path": "src/components/card-list-button/card-list-button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ObcBrillianceMenu",
+          "name": "ObcCardListButton",
           "members": [
             {
               "kind": "field",
-              "name": "palette",
+              "name": "icon",
               "type": {
-                "text": "String"
+                "text": "string"
               },
-              "default": "'day'",
-              "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
-              "attribute": "palette"
+              "default": "'01-placeholder'",
+              "attribute": "icon"
             },
             {
               "kind": "field",
-              "name": "brightness",
+              "name": "variant",
               "type": {
-                "text": "Number"
+                "text": "string"
               },
-              "default": "50",
-              "description": "The brightness value",
-              "attribute": "brightness"
+              "default": "'normal'",
+              "attribute": "variant"
             },
             {
               "kind": "field",
-              "name": "showAutoBrightness",
+              "name": "leadingIcon",
               "type": {
-                "text": "Boolean"
+                "text": "NodeListOf<HTMLElement>"
               },
-              "default": "false",
-              "description": "Show the auto brightness toggle",
-              "attribute": "show-auto-brightness"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "showAutoPalette",
-              "type": {
-                "text": "Boolean"
-              },
-              "default": "false",
-              "description": "Show the auto palette toggle",
-              "attribute": "show-auto-palette"
-            },
-            {
-              "kind": "method",
-              "name": "onPaletteChanged",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onBrightnessChanged",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "palette-changed",
+              "name": "trailingIcon",
               "type": {
-                "text": "CustomEvent"
+                "text": "NodeListOf<HTMLElement>"
               },
-              "description": "Fires when the palette is changed"
+              "privacy": "private"
             },
             {
-              "name": "brightness-changed",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fires when the brightness is changed"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "palette",
+              "kind": "field",
+              "name": "hasIconLeading",
               "type": {
-                "text": "String"
+                "text": "boolean"
               },
-              "default": "'day'",
-              "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
-              "fieldName": "palette"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "brightness",
+              "kind": "field",
+              "name": "hasIconTrailing",
               "type": {
-                "text": "Number"
+                "text": "boolean"
               },
-              "default": "50",
-              "description": "The brightness value",
-              "fieldName": "brightness"
-            },
+              "privacy": "private",
+              "default": "false"
+            }
+          ],
+          "attributes": [
             {
-              "name": "show-auto-brightness",
+              "name": "icon",
               "type": {
-                "text": "Boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Show the auto brightness toggle",
-              "fieldName": "showAutoBrightness"
+              "default": "'01-placeholder'",
+              "fieldName": "icon"
             },
             {
-              "name": "show-auto-palette",
+              "name": "variant",
               "type": {
-                "text": "Boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Show the auto palette toggle",
-              "fieldName": "showAutoPalette"
+              "default": "'normal'",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "obc-brilliance-menu",
+          "tagName": "obc-card-list-button",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ObcBrillianceMenu",
+          "name": "ObcCardListButton",
           "declaration": {
-            "name": "ObcBrillianceMenu",
-            "module": "src/components/brilliance-menu/brilliance-menu.ts"
+            "name": "ObcCardListButton",
+            "module": "src/components/card-list-button/card-list-button.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "obc-brilliance-menu",
+          "name": "obc-card-list-button",
           "declaration": {
-            "name": "ObcBrillianceMenu",
-            "module": "src/components/brilliance-menu/brilliance-menu.ts"
+            "name": "ObcCardListButton",
+            "module": "src/components/card-list-button/card-list-button.ts"
           }
         }
       ]
@@ -39540,113 +39647,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/card-list-button/card-list-button.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ObcCardListButton",
-          "members": [
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "'01-placeholder'",
-              "attribute": "icon"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "string"
-              },
-              "default": "'normal'",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "leadingIcon",
-              "type": {
-                "text": "NodeListOf<HTMLElement>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "trailingIcon",
-              "type": {
-                "text": "NodeListOf<HTMLElement>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasIconLeading",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasIconTrailing",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "'01-placeholder'",
-              "fieldName": "icon"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "string"
-              },
-              "default": "'normal'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "obc-card-list-button",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ObcCardListButton",
-          "declaration": {
-            "name": "ObcCardListButton",
-            "module": "src/components/card-list-button/card-list-button.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "obc-card-list-button",
-          "declaration": {
-            "name": "ObcCardListButton",
-            "module": "src/components/card-list-button/card-list-button.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/clock/clock.ts",
@@ -40369,129 +40369,129 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/notification-message-item/notification-message-item.ts",
+      "path": "src/components/notification-message/notification-message.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ObcNotificationMessageItem",
+          "name": "ObcNotificationMessage",
           "members": [
             {
               "kind": "field",
-              "name": "time",
+              "name": "large",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'2021-01-01T11:11:11.111Z'",
-              "attribute": "time"
+              "default": "false",
+              "attribute": "large"
+            },
+            {
+              "kind": "field",
+              "name": "empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "empty"
             }
           ],
           "attributes": [
             {
-              "name": "time",
+              "name": "large",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'2021-01-01T11:11:11.111Z'",
-              "fieldName": "time"
+              "default": "false",
+              "fieldName": "large"
+            },
+            {
+              "name": "empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "empty"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "obc-notification-message-item",
+          "tagName": "obc-notification-message",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ObcNotificationMessageItem",
+          "name": "ObcNotificationMessage",
           "declaration": {
-            "name": "ObcNotificationMessageItem",
-            "module": "src/components/notification-message-item/notification-message-item.ts"
+            "name": "ObcNotificationMessage",
+            "module": "src/components/notification-message/notification-message.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "obc-notification-message-item",
+          "name": "obc-notification-message",
           "declaration": {
-            "name": "ObcNotificationMessageItem",
-            "module": "src/components/notification-message-item/notification-message-item.ts"
+            "name": "ObcNotificationMessage",
+            "module": "src/components/notification-message/notification-message.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/notification-message/notification-message.ts",
+      "path": "src/components/notification-message-item/notification-message-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ObcNotificationMessage",
+          "name": "ObcNotificationMessageItem",
           "members": [
             {
               "kind": "field",
-              "name": "large",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "large"
-            },
-            {
-              "kind": "field",
-              "name": "empty",
+              "name": "time",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "empty"
+              "default": "'2021-01-01T11:11:11.111Z'",
+              "attribute": "time"
             }
           ],
           "attributes": [
             {
-              "name": "large",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "large"
-            },
-            {
-              "name": "empty",
+              "name": "time",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "empty"
+              "default": "'2021-01-01T11:11:11.111Z'",
+              "fieldName": "time"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "obc-notification-message",
+          "tagName": "obc-notification-message-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ObcNotificationMessage",
+          "name": "ObcNotificationMessageItem",
           "declaration": {
-            "name": "ObcNotificationMessage",
-            "module": "src/components/notification-message/notification-message.ts"
+            "name": "ObcNotificationMessageItem",
+            "module": "src/components/notification-message-item/notification-message-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "obc-notification-message",
+          "name": "obc-notification-message-item",
           "declaration": {
-            "name": "ObcNotificationMessage",
-            "module": "src/components/notification-message/notification-message.ts"
+            "name": "ObcNotificationMessageItem",
+            "module": "src/components/notification-message-item/notification-message-item.ts"
           }
         }
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "repository": {
     "type": "git",