@boomerang-io/carbon-addons-boomerang-react 4.6.13-beta.4 → 4.6.14-beta.0

package/scss/components/Header/_header.scss

@@ -1,179 +1,179 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-@use "@carbon/react/scss/motion";
-@use "../../global/config" as *;
-@use "../../global/utils";
-@use "../../global/themes/shell-tokens" as shell;
-@use '@carbon/themes/scss/tokens' as theme;
-
-// Necessary for the Boomerang theme to work
-:root {
-  .#{$prefix}--header {
-    background: shell.$bmrg-theme-background !important;
-    border-block-end-color: shell.$bmrg-theme-border;
-
-    .#{$prefix}--header__name {
-      color: shell.$bmrg-theme-primary;
-      &:focus {
-        border-color: var(--cds-border-interactive);
-      }
-    }
-
-    .#{$prefix}--header__action {
-      border-radius: 0 !important;
-
-      svg,
-      path {
-        fill: shell.$bmrg-theme-primary !important;
-      }
-
-      &:focus {
-        box-shadow: none;
-      }
-    }
-
-    // Background overrides
-    .#{$prefix}--header__global {
-      .#{$prefix}--modal-close {
-        svg {
-          path {
-            fill: shell.$bmrg-theme-primary !important;
-          }
-        }
-      }
-    }
-    .#{$prefix}--side-nav,
-    .#{$prefix}--header-panel {
-      background: shell.$bmrg-theme-background !important;
-    }
-
-    .#{$prefix}--header__action[aria-expanded="true"] {
-      background-color: shell.$bmrg-theme-active-icon;
-    }
-
-    .#{$prefix}--header__menu-item--current::after {
-      background-color: shell.$bmrg-accent;
-    }
-
-    // Global action buttion
-    .#{$prefix}--header__action--active {
-      background-color: shell.$bmrg-theme-active;
-    }
-
-    // Side nav overrides
-    .#{$prefix}--side-nav__item--active .#{$prefix}--side-nav__submenu[aria-expanded="false"]::before {
-      background-color: shell.$bmrg-accent;
-    }
-
-    .#{$prefix}--header__nav::before {
-      background-color: shell.$bmrg-theme-border;
-    }
-
-    .#{$prefix}--side-nav__link--current::before {
-      background-color: shell.$bmrg-accent;
-    }
-    .#{$prefix}--bmrg-header-drop-down {
-      background: shell.$bmrg-theme-background;
-      border-top: shell.$bmrg-theme-menu-border;
-
-      a.#{$prefix}--header__menu-item {
-        color: shell.$bmrg-theme-primary !important;
-        background-color: shell.$bmrg-theme-menu-background !important;
-        &:hover {
-          color: shell.$bmrg-theme-primary !important;
-          background-color: shell.$bmrg-theme-menu-hover !important;
-        }
-        span {
-          color: shell.$bmrg-theme-primary !important;
-          svg,
-          path {
-            fill: shell.$bmrg-theme-primary !important;
-          }
-        }
-      }
-    }
-
-    .#{$prefix}--bmrg-header-notifications-badge__icon-container {
-      position: relative;
-      display: flex;
-    }
-
-    .#{$prefix}--bmrg-header-notifications-badge__icon-badge {
-      position: absolute;
-      top: -1px;
-      right: -8px;
-      background-color: theme.$support-error-inverse;
-      color: theme.$text-on-color;
-      border-radius: 50%;
-      width: 15px;
-      height: 15px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size: 10px;
-    }
-    .#{$prefix}--bmrg-header-instance-switcher .cds--bmrg-header-drop-down a.cds--header__menu-item {
-      padding: 10px 15px !important;
-      border-bottom: 1px solid lightgrey !important;
-    }
-
-    .instance-checkmark-style-container {
-      display: flex;
-      justify-content: space-between;
-      width: 13rem;
-    }
-    // span, p, a, div {
-    //   color: shell.$bmrg-theme-primary;
-    //   &:hover {
-    //     color: shell.$bmrg-theme-primary !important;
-    //   }
-    // }
-  }
-}
-
-.#{$prefix}--side-nav__item {
-  a.#{$prefix}--header__menu-item {
-    color: shell.$bmrg-theme-primary !important;
-    // background-color: shell.$bmrg-theme-background;
-    &:hover {
-      color: shell.$bmrg-theme-primary !important;
-    }
-  }
-}
-
-a.#{$prefix}--header__menu-item {
-  color: shell.$bmrg-theme-primary !important;
-  background-color: shell.$bmrg-theme-background !important;
-  &:hover {
-    color: shell.$bmrg-theme-primary !important;
-    background-color: shell.$bmrg-theme-active !important;
-  }
-}
-a.#{$prefix}--side-nav__link {
-  color: shell.$bmrg-theme-secondary;
-  &--current {
-    span,
-    p {
-      color: shell.$bmrg-theme-primary;
-    }
-  }
-  &:hover {
-    .#{$prefix}--side-nav__link-text {
-      color: shell.$bmrg-theme-primary;
-    }
-    span,
-    p {
-      color: shell.$bmrg-theme-primary;
-    }
-  }
-  .#{$prefix}--side-nav__link-text {
-    color: shell.$bmrg-theme-secondary;
-  }
-  svg {
-    fill: shell.$bmrg-theme-primary;
-  }
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+@use "@carbon/react/scss/motion";
+@use "../../global/config" as *;
+@use "../../global/utils";
+@use "../../global/themes/shell-tokens" as shell;
+@use '@carbon/themes/scss/tokens' as theme;
+
+// Necessary for the Boomerang theme to work
+:root {
+  .#{$prefix}--header {
+    background: shell.$bmrg-theme-background !important;
+    border-block-end-color: shell.$bmrg-theme-border;
+
+    .#{$prefix}--header__name {
+      color: shell.$bmrg-theme-primary;
+      &:focus {
+        border-color: var(--cds-border-interactive);
+      }
+    }
+
+    .#{$prefix}--header__action {
+      border-radius: 0 !important;
+
+      svg,
+      path {
+        fill: shell.$bmrg-theme-primary !important;
+      }
+
+      &:focus {
+        box-shadow: none;
+      }
+    }
+
+    // Background overrides
+    .#{$prefix}--header__global {
+      .#{$prefix}--modal-close {
+        svg {
+          path {
+            fill: shell.$bmrg-theme-primary !important;
+          }
+        }
+      }
+    }
+    .#{$prefix}--side-nav,
+    .#{$prefix}--header-panel {
+      background: shell.$bmrg-theme-background !important;
+    }
+
+    .#{$prefix}--header__action[aria-expanded="true"] {
+      background-color: shell.$bmrg-theme-active-icon;
+    }
+
+    .#{$prefix}--header__menu-item--current::after {
+      background-color: shell.$bmrg-accent;
+    }
+
+    // Global action buttion
+    .#{$prefix}--header__action--active {
+      background-color: shell.$bmrg-theme-active;
+    }
+
+    // Side nav overrides
+    .#{$prefix}--side-nav__item--active .#{$prefix}--side-nav__submenu[aria-expanded="false"]::before {
+      background-color: shell.$bmrg-accent;
+    }
+
+    .#{$prefix}--header__nav::before {
+      background-color: shell.$bmrg-theme-border;
+    }
+
+    .#{$prefix}--side-nav__link--current::before {
+      background-color: shell.$bmrg-accent;
+    }
+    .#{$prefix}--bmrg-header-drop-down {
+      background: shell.$bmrg-theme-background;
+      border-top: shell.$bmrg-theme-menu-border;
+
+      a.#{$prefix}--header__menu-item {
+        color: shell.$bmrg-theme-primary !important;
+        background-color: shell.$bmrg-theme-menu-background !important;
+        &:hover {
+          color: shell.$bmrg-theme-primary !important;
+          background-color: shell.$bmrg-theme-menu-hover !important;
+        }
+        span {
+          color: shell.$bmrg-theme-primary !important;
+          svg,
+          path {
+            fill: shell.$bmrg-theme-primary !important;
+          }
+        }
+      }
+    }
+
+    .#{$prefix}--bmrg-header-notifications-badge__icon-container {
+      position: relative;
+      display: flex;
+    }
+
+    .#{$prefix}--bmrg-header-notifications-badge__icon-badge {
+      position: absolute;
+      top: -1px;
+      right: -8px;
+      background-color: theme.$support-error-inverse;
+      color: theme.$text-on-color;
+      border-radius: 50%;
+      width: 15px;
+      height: 15px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 10px;
+    }
+    .#{$prefix}--bmrg-header-instance-switcher .cds--bmrg-header-drop-down a.cds--header__menu-item {
+      padding: 10px 15px !important;
+      border-bottom: 1px solid lightgrey !important;
+    }
+
+    .instance-checkmark-style-container {
+      display: flex;
+      justify-content: space-between;
+      width: 13rem;
+    }
+    // span, p, a, div {
+    //   color: shell.$bmrg-theme-primary;
+    //   &:hover {
+    //     color: shell.$bmrg-theme-primary !important;
+    //   }
+    // }
+  }
+}
+
+.#{$prefix}--side-nav__item {
+  a.#{$prefix}--header__menu-item {
+    color: shell.$bmrg-theme-primary !important;
+    // background-color: shell.$bmrg-theme-background;
+    &:hover {
+      color: shell.$bmrg-theme-primary !important;
+    }
+  }
+}
+
+a.#{$prefix}--header__menu-item {
+  color: shell.$bmrg-theme-primary !important;
+  background-color: shell.$bmrg-theme-background !important;
+  &:hover {
+    color: shell.$bmrg-theme-primary !important;
+    background-color: shell.$bmrg-theme-active !important;
+  }
+}
+a.#{$prefix}--side-nav__link {
+  color: shell.$bmrg-theme-secondary;
+  &--current {
+    span,
+    p {
+      color: shell.$bmrg-theme-primary;
+    }
+  }
+  &:hover {
+    .#{$prefix}--side-nav__link-text {
+      color: shell.$bmrg-theme-primary;
+    }
+    span,
+    p {
+      color: shell.$bmrg-theme-primary;
+    }
+  }
+  .#{$prefix}--side-nav__link-text {
+    color: shell.$bmrg-theme-secondary;
+  }
+  svg {
+    fill: shell.$bmrg-theme-primary;
+  }
+}

package/scss/components/Header/_headerAppSwitcher.scss

@@ -1,117 +1,117 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use '@carbon/themes/scss/tokens' as theme;
-@use "../../global/utils";
-@use "../../global/themes/shell-tokens" as shell;
-
-.#{$prefix}--bmrg-header-switcher-panel {
-  overflow-y: auto;
-}
-
-.#{$prefix}--bmrg-header-switcher {
-  background: shell.$bmrg-theme-background;
-  height: 100%;
-  padding: 1rem 0;
-
-  &.--is-loading {
-    padding: 1rem;
-  }
-
-  &.--is-hidden {
-    display: none;
-  }
-
-  &.--is-empty {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    h1 {
-      font-size: 1rem;
-      font-weight: 300;
-    }
-    p {
-      font-size: 0.75rem;
-      font-weight: 300;
-      line-height: 0.9375rem;
-    }
-  }
-}
-
-.#{$prefix}--bmrg-header-switcher__skeleton {
-  background-color: shell.$bmrg-theme-loading-01 !important;
-  height: 2rem;
-  
-  &::before {
-    background-color: shell.$bmrg-theme-loading-02 !important;
-  }
-}
-
-.#{$prefix}--side-nav__submenu:disabled {
-  cursor: not-allowed;
-  color: theme.$text-disabled;
-  &:hover {
-    background-color: initial;
-    color: theme.$text-disabled;
-  }
-  > span {
-    margin-right: 1rem;
-  }
-}
-
-.#{$prefix}--bmrg-header-team {
-  position: relative;
-
-  &.--is-loading {
-    .#{$prefix}--side-nav__icon {
-      visibility: hidden;
-    }
-  }
-
-  .#{$prefix}--inline-loading {
-    min-height: 1rem;
-    position: absolute;
-    right: 0.5rem;
-    top: 0.5rem;
-    width: fit-content;
-  }
-
-  .#{$prefix}--side-nav__link {
-    gap: 0.5rem;
-    justify-content: space-between;
-    svg, path {
-      fill: shell.$bmrg-theme-primary !important;
-      min-width: 1rem;
-    }
-  }
-
-  .#{$prefix}--side-nav__link-text {
-    align-items: center;
-    display: flex;
-    gap: 0.5rem;
-    justify-content: space-between;
-    width: 100%;
-    > span {
-      @include utils.text-overflow-ellipsis();
-    }
-  }
-}
-
-.#{$prefix}--bmrg-header-team__service {
-  display: flex;
-  justify-content: space-between;
-}
-
-.#{$prefix}--bmrg-header-team__message {
-  color: theme.$text-secondary;
-  font-size: 0.75rem;
-  letter-spacing: 0.02rem;
-  line-height: 1rem;
-  padding: 0.5rem 2rem 1rem;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use '@carbon/themes/scss/tokens' as theme;
+@use "../../global/utils";
+@use "../../global/themes/shell-tokens" as shell;
+
+.#{$prefix}--bmrg-header-switcher-panel {
+  overflow-y: auto;
+}
+
+.#{$prefix}--bmrg-header-switcher {
+  background: shell.$bmrg-theme-background;
+  height: 100%;
+  padding: 1rem 0;
+
+  &.--is-loading {
+    padding: 1rem;
+  }
+
+  &.--is-hidden {
+    display: none;
+  }
+
+  &.--is-empty {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    h1 {
+      font-size: 1rem;
+      font-weight: 300;
+    }
+    p {
+      font-size: 0.75rem;
+      font-weight: 300;
+      line-height: 0.9375rem;
+    }
+  }
+}
+
+.#{$prefix}--bmrg-header-switcher__skeleton {
+  background-color: shell.$bmrg-theme-loading-01 !important;
+  height: 2rem;
+  
+  &::before {
+    background-color: shell.$bmrg-theme-loading-02 !important;
+  }
+}
+
+.#{$prefix}--side-nav__submenu:disabled {
+  cursor: not-allowed;
+  color: theme.$text-disabled;
+  &:hover {
+    background-color: initial;
+    color: theme.$text-disabled;
+  }
+  > span {
+    margin-right: 1rem;
+  }
+}
+
+.#{$prefix}--bmrg-header-team {
+  position: relative;
+
+  &.--is-loading {
+    .#{$prefix}--side-nav__icon {
+      visibility: hidden;
+    }
+  }
+
+  .#{$prefix}--inline-loading {
+    min-height: 1rem;
+    position: absolute;
+    right: 0.5rem;
+    top: 0.5rem;
+    width: fit-content;
+  }
+
+  .#{$prefix}--side-nav__link {
+    gap: 0.5rem;
+    justify-content: space-between;
+    svg, path {
+      fill: shell.$bmrg-theme-primary !important;
+      min-width: 1rem;
+    }
+  }
+
+  .#{$prefix}--side-nav__link-text {
+    align-items: center;
+    display: flex;
+    gap: 0.5rem;
+    justify-content: space-between;
+    width: 100%;
+    > span {
+      @include utils.text-overflow-ellipsis();
+    }
+  }
+}
+
+.#{$prefix}--bmrg-header-team__service {
+  display: flex;
+  justify-content: space-between;
+}
+
+.#{$prefix}--bmrg-header-team__message {
+  color: theme.$text-secondary;
+  font-size: 0.75rem;
+  letter-spacing: 0.02rem;
+  line-height: 1rem;
+  padding: 0.5rem 2rem 1rem;
+}

package/scss/components/Header/_headerMenu.scss

@@ -1,30 +1,30 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use '@carbon/themes/scss/tokens' as theme;
-@use "@carbon/react/scss/motion";
-@use "../../global/config" as *;
-@use "../../global/themes/shell-tokens" as shell;
-
-.#{$prefix}--header__action[aria-expanded="true"] {
-  background: shell.$bmrg-header-menu-options-top-border;
-  svg {
-    fill: var(--cds-text-on-color, #ffffff) !important;
-  }
-}
-
-.#{$prefix}--bmrg-header-drop-down {
-  animation: fade-in motion.$duration-moderate-01 motion.motion("standard");
-  background: shell.$bmrg-tertiary;
-  border-top: 0.375rem solid shell.$bmrg-header-menu-options-top-border;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  right: 0;
-  top: 100%;
-  width: 15rem;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use '@carbon/themes/scss/tokens' as theme;
+@use "@carbon/react/scss/motion";
+@use "../../global/config" as *;
+@use "../../global/themes/shell-tokens" as shell;
+
+.#{$prefix}--header__action[aria-expanded="true"] {
+  background: shell.$bmrg-header-menu-options-top-border;
+  svg {
+    fill: var(--cds-text-on-color, #ffffff) !important;
+  }
+}
+
+.#{$prefix}--bmrg-header-drop-down {
+  animation: fade-in motion.$duration-moderate-01 motion.motion("standard");
+  background: shell.$bmrg-tertiary;
+  border-top: 0.375rem solid shell.$bmrg-header-menu-options-top-border;
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  right: 0;
+  top: 100%;
+  width: 15rem;
+}