@boomerang-io/carbon-addons-boomerang-react 4.6.14-beta.9 → 4.6.15-beta.1

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;
+}

package/scss/components/Modal/_modal.scss

@@ -1,163 +1,163 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use "../../global/utils";
-@use '@carbon/themes/scss/tokens' as theme;
-
-.#{$prefix}--bmrg-body-modal-is-open,
-.#{$prefix}--bmrg-html-modal-is-open {
-  overflow: hidden;
-}
-
-.#{$prefix}--bmrg-modal-overlay {
-  align-items: center;
-  background-color: transparent;
-  display: flex;
-  justify-content: center;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-  transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1);
-
-  &.--is-open {
-    background-color: rgba(23, 23, 23, 0.5);
-    z-index: 9999;
-  }
-
-  &.--is-closed {
-    background-color: transparent;
-  }
-}
-
-.modal-container-fix-width {
-  max-width: 43.125rem;
-  width: 100%;
-}
-
-.#{$prefix}--bmrg-modal-container {
-  background: theme.$layer-01;
-  border-radius: var(--cds-border-radius, 0);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  max-height: 36.5rem;
-  outline: none;
-  position: relative;
-  transform-origin: top center;
-  transform: translate3d(0, -24px, 0);
-  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), transform 240ms cubic-bezier(0, 0, 0.3, 1);
-
-  &.--is-open {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-
-  &.--is-closed {
-    opacity: 0;
-    transform: translate3d(0, -24px, 0);
-  }
-
-  .#{$prefix}--date-picker__input,
-  .#{$prefix}--list-box,
-  .react-autosuggest__suggestions-container,
-  .#{$prefix}--search-input,
-  .#{$prefix}--select-input,
-  .#{$prefix}--text-input,
-  .#{$prefix}--text-area,
-  .#{$prefix}--number input[type="number"],
-  .#{$prefix}--toggle-input:disabled + .#{$prefix}--toggle-input__label > .#{$prefix}--toggle__switch::before {
-    background: theme.$background;
-  }
-}
-
-// Shared styles for ModalFlow, ModalComposed, ModalFlowForm, ModalForm
-// For simplicity and backwards compatibility
-
-.#{$prefix}--bmrg-modal-flow-container,
-.#{$prefix}--bmrg-modal-composed-container {
-  &.--is-open {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-
-  &.--is-closed {
-    opacity: 0;
-    transform: translate3d(0, -24px, 0);
-  }
-
-  .#{$prefix}--modal-header {
-    margin-bottom: 1rem;
-  }
-
-  .#{$prefix}--progress {
-    padding: 0rem 1rem 1rem 1rem;
-  }
-  .#{$prefix}--progress-step {
-    flex-grow: 1;
-  }
-  .#{$prefix}--progress-line {
-    width: 100%;
-  }
-
-  .#{$prefix}--progress-label {
-    pointer-events: none;
-  }
-
-  .#{$prefix}--bmrg-modal-flow-subtitle,
-  .#{$prefix}--bmrg-modal-composed-subtitle {
-    color: theme.$text-primary;
-    font-size: utils.rem(14px);
-    min-height: utils.rem(20px);
-    letter-spacing: utils.rem(0.16px);
-    line-height: utils.rem(20px);
-    margin-top: utils.rem(12px);
-  }
-
-  .#{$prefix}--bmrg-modal-flow-form,
-  .#{$prefix}--bmrg-modal-form {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    min-height: 0;
-    .#{$prefix}--loading-overlay {
-      z-index: 1;
-    }
-    .#{$prefix}--modal-footer {
-      z-index: 2;
-    }
-
-    .#{$prefix}--modal-content {
-      flex-grow: 1;
-      padding-bottom: 4rem;
-      > * + * {
-        margin-top: 1rem;
-      }
-      .#{$prefix}--inline-notification {
-        bottom: 5rem;
-        max-width: calc(100% - 2rem);
-        padding-bottom: 0;
-        position: fixed;
-        width: calc(100% - 2rem);
-      }
-    }
-
-    .#{$prefix}--modal-content--overflow-indicator {
-      bottom: 7rem;
-    }
-  }
-  .#{$prefix}--bmrg-modal-flow-form__title,
-  .#{$prefix}--bmrg-modal-form__title {
-    color: theme.$text-primary;
-    font-size: utils.rem(14px);
-    letter-spacing: utils.rem(0.16px);
-    line-height: utils.rem(20px);
-    padding: 0 1rem 1rem;
-  }
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use "../../global/utils";
+@use '@carbon/themes/scss/tokens' as theme;
+
+.#{$prefix}--bmrg-body-modal-is-open,
+.#{$prefix}--bmrg-html-modal-is-open {
+  overflow: hidden;
+}
+
+.#{$prefix}--bmrg-modal-overlay {
+  align-items: center;
+  background-color: transparent;
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1);
+
+  &.--is-open {
+    background-color: rgba(23, 23, 23, 0.5);
+    z-index: 9999;
+  }
+
+  &.--is-closed {
+    background-color: transparent;
+  }
+}
+
+.modal-container-fix-width {
+  max-width: 43.125rem;
+  width: 100%;
+}
+
+.#{$prefix}--bmrg-modal-container {
+  background: theme.$layer-01;
+  border-radius: var(--cds-border-radius, 0);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  max-height: 36.5rem;
+  outline: none;
+  position: relative;
+  transform-origin: top center;
+  transform: translate3d(0, -24px, 0);
+  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), transform 240ms cubic-bezier(0, 0, 0.3, 1);
+
+  &.--is-open {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  &.--is-closed {
+    opacity: 0;
+    transform: translate3d(0, -24px, 0);
+  }
+
+  .#{$prefix}--date-picker__input,
+  .#{$prefix}--list-box,
+  .react-autosuggest__suggestions-container,
+  .#{$prefix}--search-input,
+  .#{$prefix}--select-input,
+  .#{$prefix}--text-input,
+  .#{$prefix}--text-area,
+  .#{$prefix}--number input[type="number"],
+  .#{$prefix}--toggle-input:disabled + .#{$prefix}--toggle-input__label > .#{$prefix}--toggle__switch::before {
+    background: theme.$background;
+  }
+}
+
+// Shared styles for ModalFlow, ModalComposed, ModalFlowForm, ModalForm
+// For simplicity and backwards compatibility
+
+.#{$prefix}--bmrg-modal-flow-container,
+.#{$prefix}--bmrg-modal-composed-container {
+  &.--is-open {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  &.--is-closed {
+    opacity: 0;
+    transform: translate3d(0, -24px, 0);
+  }
+
+  .#{$prefix}--modal-header {
+    margin-bottom: 1rem;
+  }
+
+  .#{$prefix}--progress {
+    padding: 0rem 1rem 1rem 1rem;
+  }
+  .#{$prefix}--progress-step {
+    flex-grow: 1;
+  }
+  .#{$prefix}--progress-line {
+    width: 100%;
+  }
+
+  .#{$prefix}--progress-label {
+    pointer-events: none;
+  }
+
+  .#{$prefix}--bmrg-modal-flow-subtitle,
+  .#{$prefix}--bmrg-modal-composed-subtitle {
+    color: theme.$text-primary;
+    font-size: utils.rem(14px);
+    min-height: utils.rem(20px);
+    letter-spacing: utils.rem(0.16px);
+    line-height: utils.rem(20px);
+    margin-top: utils.rem(12px);
+  }
+
+  .#{$prefix}--bmrg-modal-flow-form,
+  .#{$prefix}--bmrg-modal-form {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    min-height: 0;
+    .#{$prefix}--loading-overlay {
+      z-index: 1;
+    }
+    .#{$prefix}--modal-footer {
+      z-index: 2;
+    }
+
+    .#{$prefix}--modal-content {
+      flex-grow: 1;
+      padding-bottom: 4rem;
+      > * + * {
+        margin-top: 1rem;
+      }
+      .#{$prefix}--inline-notification {
+        bottom: 5rem;
+        max-width: calc(100% - 2rem);
+        padding-bottom: 0;
+        position: fixed;
+        width: calc(100% - 2rem);
+      }
+    }
+
+    .#{$prefix}--modal-content--overflow-indicator {
+      bottom: 7rem;
+    }
+  }
+  .#{$prefix}--bmrg-modal-flow-form__title,
+  .#{$prefix}--bmrg-modal-form__title {
+    color: theme.$text-primary;
+    font-size: utils.rem(14px);
+    letter-spacing: utils.rem(0.16px);
+    line-height: utils.rem(20px);
+    padding: 0 1rem 1rem;
+  }
+}