@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.0 → 4.6.10-beta.1

package/scss/components/Header/_headerMenuItem.scss

@@ -1,65 +1,65 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use "../../global/utils";
-@use '@carbon/themes/scss/tokens' as theme;
-@use "../../global/themes/shell-tokens" as shell;
-
-.#{$prefix}--bmrg-header-menu-item__content {
-  display: flex;
-  align-items: center;
-  width: 12.5rem;
-  min-height: 3rem;
-  height: fit-content;
-  justify-content: space-between;
-
-  svg {
-    color: white
-  }
-
-  &.--danger {
-    .#{$prefix}--bmrg-header-menu-item__text {
-      color: theme.$support-error;
-      svg {
-        color: theme.$support-error;
-      }
-    }
-  }
-}
-
-.#{$prefix}--bmrg-header-menu-item__text {
-  align-items: center;
-  color: shell.$bmrg-header-active-text;
-  display: flex;
-  font-size: utils.rem(14px);
-  font-weight: 500;
-  line-height: utils.rem(18px);
-
-  svg {
-    margin-right: utils.rem(16px);
-  }
-}
-
-.#{$prefix}--bmrg-header-menu-user {
-  align-items: center;
-  border-bottom: utils.rem(1px) solid #4d5358;
-  color: #ffffff;
-  display: flex;
-  padding: utils.rem(16px);
-  margin-left: -1.125rem;
-  width: 15rem;
-}
-
-.#{$prefix}--bmrg-header-menu-user__name {
-  color: shell.$bmrg-theme-primary;
-  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
-  font-size: utils.rem(14px);
-  font-weight: 300;
-  line-height: utils.rem(18px);
-  margin-left: utils.rem(16px);
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use "../../global/utils";
+@use '@carbon/themes/scss/tokens' as theme;
+@use "../../global/themes/shell-tokens" as shell;
+
+.#{$prefix}--bmrg-header-menu-item__content {
+  display: flex;
+  align-items: center;
+  width: 12.5rem;
+  min-height: 3rem;
+  height: fit-content;
+  justify-content: space-between;
+
+  svg {
+    color: white
+  }
+
+  &.--danger {
+    .#{$prefix}--bmrg-header-menu-item__text {
+      color: theme.$support-error;
+      svg {
+        color: theme.$support-error;
+      }
+    }
+  }
+}
+
+.#{$prefix}--bmrg-header-menu-item__text {
+  align-items: center;
+  color: shell.$bmrg-header-active-text;
+  display: flex;
+  font-size: utils.rem(14px);
+  font-weight: 500;
+  line-height: utils.rem(18px);
+
+  svg {
+    margin-right: utils.rem(16px);
+  }
+}
+
+.#{$prefix}--bmrg-header-menu-user {
+  align-items: center;
+  border-bottom: utils.rem(1px) solid #4d5358;
+  color: #ffffff;
+  display: flex;
+  padding: utils.rem(16px);
+  margin-left: -1.125rem;
+  width: 15rem;
+}
+
+.#{$prefix}--bmrg-header-menu-user__name {
+  color: shell.$bmrg-theme-primary;
+  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-size: utils.rem(14px);
+  font-weight: 300;
+  line-height: utils.rem(18px);
+  margin-left: utils.rem(16px);
+}

package/scss/components/Header/_headerTeamSwitcher.scss

@@ -0,0 +1,165 @@
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+
+@use "../../global/config" as *;
+@use '@carbon/themes/scss/tokens' as theme;
+@use "../../global/utils";
+@use "../../global/themes/shell-tokens" as shell;
+
+:root {
+  .#{$prefix}--header-dropdown-menu {
+    list-style: none;
+    width: 15rem;
+
+    .#{$prefix}--header__menu-title {
+      display: flex;
+      font-weight: 700;
+      justify-content: space-between;
+      overflow: hidden;
+      width: 100%;
+
+      .#{$prefix}--header__menu-arrow {
+        min-height: 1rem;
+        min-width: 1rem;
+      }
+
+      &[aria-expanded="true"] {
+        background-color: var(--cds-layer-hover-01) !important;
+      }
+    }
+
+    .#{$prefix}--header__menu {
+      box-shadow: none;
+      width: 18.5625rem;
+
+      .#{$prefix}--bmrg-header-drop-down {
+        position: absolute;
+        max-height: 48rem;
+        overflow-y: auto;
+        margin-right: 3.5625rem;
+        width: 18.5625rem;
+
+        a.#{$prefix}--header__menu-item {
+          cursor: pointer;
+          width: 100%;
+
+          .#{$prefix}--text-truncate--end {
+            width: 100%;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-text-icon {
+          align-items: center;
+          display: flex;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-text {
+          display: -webkit-box;
+          line-clamp: 2;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-icon {
+          min-height: 1rem;
+          min-width: 1rem;
+          margin-left: 0.5rem;
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-container {
+          .#{$prefix}--header-dropdown-menu-item {
+            align-items: center;
+            display: flex;
+            justify-content: space-between;
+          }
+
+          .#{$prefix}--header__menu-item[aria-selected="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-account-container {
+          .#{$prefix}--header-dropdown-menu-item-account {
+            align-items: center;
+            display: flex;
+            justify-content: space-between;
+
+            .#{$prefix}--header-dropdown-menu-item-account-icons {
+              align-items: center;
+              display: flex;
+              padding-left: 0.5rem;
+            }
+
+            .#{$prefix}--header-dropdown-menu-item-account-group-icon {
+              min-height: 1rem;
+              min-width: 1rem;
+              margin-right: 0.5rem;
+            }
+
+            .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
+              min-height: 1rem;
+              min-width: 1rem;
+              transition: transform 150ms ease-in-out;
+              transform: rotate(0deg);
+            }
+          }
+
+          .#{$prefix}--header__menu-item[aria-expanded="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+
+            .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
+              transform: rotate(180deg);
+            }
+          }
+
+          .#{$prefix}--header__menu-item[aria-selected="true"] {
+            background-color: var(--cds-layer-hover-01) !important;
+          }
+        }
+
+        .#{$prefix}--header-dropdown-menu-item-account-submenu {
+          max-height: 0;
+          overflow: hidden;
+          opacity: 0;
+          transition: max-height 150ms ease-in-out, opacity 150ms ease-in-out;
+
+          &[aria-expanded="true"] {
+            max-height: 40rem;
+            opacity: 1;
+            overflow-y: auto;
+          }
+        }
+
+        .#{$prefix}--header-team-switcher-create-team-button-container {
+          border-bottom: 0.0625rem solid var(--cds-border-subtle-00);
+        }
+
+        .#{$prefix}--header-team-switcher-create-team-button {
+          cursor: pointer;
+          display: flex;
+          justify-content: space-between;
+          padding: 0;
+          width: 100%;
+
+          .#{$prefix}--header-team-switcher-create-team-button-text {
+            color: var(--cds-link-primary) !important;
+          }
+
+          .#{$prefix}--header-team-switcher-create-team-button-icon {
+            height: 1rem;
+            width: 1rem;
+
+            path {
+              fill: var(--cds-link-primary) !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/scss/components/Header/_userRequests.scss

@@ -1,36 +1,36 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use '@carbon/themes/scss/tokens' as theme;
-@use '../../global/themes/shell-tokens' as shell;
-@use "../../global/config" as *;
-
-.#{$prefix}--bmrg-requests {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 3rem;
-}
-
-.#{$prefix}--bmrg-requests__title {
-  color: shell.$bmrg-header-active-text;
-  font-size: 0.875rem;
-  font-weight: 600;
-  line-height: 1.125rem;
-  margin-left: 1rem;
-
-  &.#{$prefix}--bmrg-requests-empty__title {
-    font-weight: initial;
-  }
-}
-
-.#{$prefix}--bmrg-requests__text {
-  color: shell.$bmrg-header-active-text;
-  font-size: 0.825rem;
-  line-height: 1.125rem;
-  margin-left: 1rem;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use '@carbon/themes/scss/tokens' as theme;
+@use '../../global/themes/shell-tokens' as shell;
+@use "../../global/config" as *;
+
+.#{$prefix}--bmrg-requests {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 3rem;
+}
+
+.#{$prefix}--bmrg-requests__title {
+  color: shell.$bmrg-header-active-text;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.125rem;
+  margin-left: 1rem;
+
+  &.#{$prefix}--bmrg-requests-empty__title {
+    font-weight: initial;
+  }
+}
+
+.#{$prefix}--bmrg-requests__text {
+  color: shell.$bmrg-header-active-text;
+  font-size: 0.825rem;
+  line-height: 1.125rem;
+  margin-left: 1rem;
+}

package/scss/components/ImageModal/_imageModal.scss

@@ -1,51 +1,51 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use "../../global/utils";
-@use "../../global/themes/shell-tokens" as shell;
-
-// .#{$prefix}--bmrg-image-modal-container {
-
-// }
-
-.#{$prefix}--bmrg-image-modal {
-  height: auto !important;
-  max-height: calc(100vh - 4rem) !important;
-  max-width: calc(100vw - 4rem);
-
-  .#{$prefix}--popover {
-    display: none !important;
-  }
-}
-
-.#{$prefix}--bmrg-image-modal__image {
-  &:hover {
-    box-shadow: 0 0.25rem 0.25rem 0 #00000040;
-  }
-}
-
-.#{$prefix}--bmrg-image-modal__open-image {
-  border: solid 0.3125rem var(--cds-bmrg-theme-background);
-  max-height: calc(100vh - 4rem) !important;
-}
-
-.#{$prefix}--bmrg-image-modal__close {
-  margin: 0.3125rem;
-  position: absolute;
-  right: 0;
-
-  svg {
-    fill: var(--cds-field-01) !important;
-  }
-}
-
-.#{$prefix}--bmrg-image-modal__trigger {
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use "../../global/utils";
+@use "../../global/themes/shell-tokens" as shell;
+
+// .#{$prefix}--bmrg-image-modal-container {
+
+// }
+
+.#{$prefix}--bmrg-image-modal {
+  height: auto !important;
+  max-height: calc(100vh - 4rem) !important;
+  max-width: calc(100vw - 4rem);
+
+  .#{$prefix}--popover {
+    display: none !important;
+  }
+}
+
+.#{$prefix}--bmrg-image-modal__image {
+  &:hover {
+    box-shadow: 0 0.25rem 0.25rem 0 #00000040;
+  }
+}
+
+.#{$prefix}--bmrg-image-modal__open-image {
+  border: solid 0.3125rem var(--cds-bmrg-theme-background);
+  max-height: calc(100vh - 4rem) !important;
+}
+
+.#{$prefix}--bmrg-image-modal__close {
+  margin: 0.3125rem;
+  position: absolute;
+  right: 0;
+
+  svg {
+    fill: var(--cds-field-01) !important;
+  }
+}
+
+.#{$prefix}--bmrg-image-modal__trigger {
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}

package/scss/components/MemberBar/_memberBar.scss

@@ -1,99 +1,99 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use '@carbon/themes/scss/tokens' as theme;
-@use "../../global/config" as *;
-@use "../../global/utils";
-
-.#{$prefix}--bmrg-member-bar {
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  border-bottom: 0.0625rem solid theme.$background-active;
-  cursor: pointer;
-  display: flex;
-  height: 3.56rem;
-  justify-content: space-between;
-  padding: 0.5rem 1rem 0.5rem 1rem;
-  width: 100%;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &:hover {
-    background-color: theme.$background-active;
-  }
-
-  &:focus {
-    @include utils.focus-outline();
-  }
-  &.#{$prefix}--bmrg-member-bar--detail {
-    cursor: initial;
-    &:hover {
-      background-color: inherit;
-    }
-  }
-
-  .#{$prefix}--bmrg-avatar {
-    path {
-      fill: theme.$text-primary;
-    }
-  }
-}
-
-.#{$prefix}--bmrg-member-bar__user {
-  align-items: center;
-  display: flex;
-}
-
-.#{$prefix}--bmrg-member-bar__data {
-  align-items: flex-start;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-left: 1rem;
-}
-
-.#{$prefix}--bmrg-member-bar__name {
-  color: theme.$text-primary;
-  font-size: 0.87rem;
-  line-height: 1.125rem;
-  margin-bottom: 0.25rem;
-}
-
-.#{$prefix}--bmrg-member-bar__email {
-  color: theme.$text-secondary;
-  font-size: 0.75rem;
-  line-height: 0.93rem;
-}
-
-.#{$prefix}--bmrg-member-bar__close-icon {
-  fill: theme.$support-error-inverse;
-  height: 1.25rem;
-  width: 1.25rem;
-  margin-left: 1rem;
-}
-
-.#{$prefix}--bmrg-member-bar__partner-text {
-  color: theme.$text-secondary;
-  font-size: 0.75rem;
-  letter-spacing: 0.02rem;
-  line-height: 0.9375rem;
-}
-
-.#{$prefix}--bmrg-member-bar__partner-not-allowed-text {
-  color: theme.$support-error;
-  font-size: 0.75rem;
-  letter-spacing: 0.02rem;
-  line-height: 0.9375rem;
-}
-
-.#{$prefix}--bmrg-member-bar__right-section {
-  align-items: center;
-  display: flex;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use '@carbon/themes/scss/tokens' as theme;
+@use "../../global/config" as *;
+@use "../../global/utils";
+
+.#{$prefix}--bmrg-member-bar {
+  align-items: center;
+  background-color: transparent;
+  border: none;
+  border-bottom: 0.0625rem solid theme.$background-active;
+  cursor: pointer;
+  display: flex;
+  height: 3.56rem;
+  justify-content: space-between;
+  padding: 0.5rem 1rem 0.5rem 1rem;
+  width: 100%;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:hover {
+    background-color: theme.$background-active;
+  }
+
+  &:focus {
+    @include utils.focus-outline();
+  }
+  &.#{$prefix}--bmrg-member-bar--detail {
+    cursor: initial;
+    &:hover {
+      background-color: inherit;
+    }
+  }
+
+  .#{$prefix}--bmrg-avatar {
+    path {
+      fill: theme.$text-primary;
+    }
+  }
+}
+
+.#{$prefix}--bmrg-member-bar__user {
+  align-items: center;
+  display: flex;
+}
+
+.#{$prefix}--bmrg-member-bar__data {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-left: 1rem;
+}
+
+.#{$prefix}--bmrg-member-bar__name {
+  color: theme.$text-primary;
+  font-size: 0.87rem;
+  line-height: 1.125rem;
+  margin-bottom: 0.25rem;
+}
+
+.#{$prefix}--bmrg-member-bar__email {
+  color: theme.$text-secondary;
+  font-size: 0.75rem;
+  line-height: 0.93rem;
+}
+
+.#{$prefix}--bmrg-member-bar__close-icon {
+  fill: theme.$support-error-inverse;
+  height: 1.25rem;
+  width: 1.25rem;
+  margin-left: 1rem;
+}
+
+.#{$prefix}--bmrg-member-bar__partner-text {
+  color: theme.$text-secondary;
+  font-size: 0.75rem;
+  letter-spacing: 0.02rem;
+  line-height: 0.9375rem;
+}
+
+.#{$prefix}--bmrg-member-bar__partner-not-allowed-text {
+  color: theme.$support-error;
+  font-size: 0.75rem;
+  letter-spacing: 0.02rem;
+  line-height: 0.9375rem;
+}
+
+.#{$prefix}--bmrg-member-bar__right-section {
+  align-items: center;
+  display: flex;
+}