@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.3 → 4.6.11-beta.30

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

package/scss/components/ModalConfirmEdit/_modalConfirmEdit.scss

@@ -1,113 +1,113 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use '@carbon/themes/scss/tokens' as theme;
-
-.#{$prefix}--bmrg-modal-confirm-edit {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.#{$prefix}--bmrg-modal-confirm-edit__title {
-  align-self: flex-start;
-  color: theme.$text-primary;
-  font-size: 0.875rem;
-  margin-bottom: 0.375rem;
-}
-
-.#{$prefix}--bmrg-modal-confirm-edit__section {
-  background-color: theme.$layer-accent-01;
-  border-radius: var(--cds-border-radius, 0);
-  color: theme.$text-primary;
-  width: 100%;
-}
-
-.#{$prefix}--bmrg-modal-confirm-edit__content {
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: 0.6rem;
-  align-items: center;
-}
-
-.#{$prefix}--bmrg-modal-confirm-edit__button {
-  background: none;
-  border: none;
-}
-
-.#{$prefix}--bmrg-modal-confirm-edit__icon {
-  cursor: pointer;
-  display: flex;
-  justify-content: flex-end;
-  height: 1rem;
-  flex: 1;
-  &:active {
-    transform: scale(0.9);
-  }
-  path {
-    fill: theme.$text-primary;
-  }
-}
-
-.#{$prefix}--bmrg-modal-confirm-array {
-  flex: 8;
-  margin: 0.65rem;
-}
-
-.#{$prefix}--bmrg-modal-confirm-array__content {
-  background-color: theme.$layer-accent-01;
-  height: 100%;
-  line-height: 1.1;
-  overflow-x: hidden;
-  position: relative;
-  width: 100%;
-}
-
-.#{$prefix}--bmrg-modal-confirm-array__csv {
-  flex: auto;
-  font-size: 0.875rem;
-  font-weight: 300;
-  line-height: 1.1;
-  text-align: start;
-  width: 100%;
-  word-wrap: break-word;
-}
-
-.#{$prefix}--bmrg-modal-confirm-details {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  margin: 0.65rem;
-  width: 100%;
-}
-
-.#{$prefix}--bmrg-modal-confirm-details__item {
-  display: flex;
-  justify-content: space-between;
-  max-height: 4rem;
-  overflow: hidden;
-}
-
-.#{$prefix}--bmrg-modal-confirm-details__name {
-  align-self: flex-start;
-  display: flex;
-  flex-basis: 25%;
-  font-size: 0.875rem;
-  line-height: 1.1;
-  margin-bottom: 0.6875rem;
-}
-
-.#{$prefix}--bmrg-modal-confirm-details__value {
-  align-self: flex-start;
-  display: flex;
-  flex-basis: 70%;
-  flex-wrap: wrap;
-  line-height: 1.1;
-  margin-bottom: 0.5em;
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use '@carbon/themes/scss/tokens' as theme;
+
+.#{$prefix}--bmrg-modal-confirm-edit {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.#{$prefix}--bmrg-modal-confirm-edit__title {
+  align-self: flex-start;
+  color: theme.$text-primary;
+  font-size: 0.875rem;
+  margin-bottom: 0.375rem;
+}
+
+.#{$prefix}--bmrg-modal-confirm-edit__section {
+  background-color: theme.$layer-accent-01;
+  border-radius: var(--cds-border-radius, 0);
+  color: theme.$text-primary;
+  width: 100%;
+}
+
+.#{$prefix}--bmrg-modal-confirm-edit__content {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: 0.6rem;
+  align-items: center;
+}
+
+.#{$prefix}--bmrg-modal-confirm-edit__button {
+  background: none;
+  border: none;
+}
+
+.#{$prefix}--bmrg-modal-confirm-edit__icon {
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-end;
+  height: 1rem;
+  flex: 1;
+  &:active {
+    transform: scale(0.9);
+  }
+  path {
+    fill: theme.$text-primary;
+  }
+}
+
+.#{$prefix}--bmrg-modal-confirm-array {
+  flex: 8;
+  margin: 0.65rem;
+}
+
+.#{$prefix}--bmrg-modal-confirm-array__content {
+  background-color: theme.$layer-accent-01;
+  height: 100%;
+  line-height: 1.1;
+  overflow-x: hidden;
+  position: relative;
+  width: 100%;
+}
+
+.#{$prefix}--bmrg-modal-confirm-array__csv {
+  flex: auto;
+  font-size: 0.875rem;
+  font-weight: 300;
+  line-height: 1.1;
+  text-align: start;
+  width: 100%;
+  word-wrap: break-word;
+}
+
+.#{$prefix}--bmrg-modal-confirm-details {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 0.65rem;
+  width: 100%;
+}
+
+.#{$prefix}--bmrg-modal-confirm-details__item {
+  display: flex;
+  justify-content: space-between;
+  max-height: 4rem;
+  overflow: hidden;
+}
+
+.#{$prefix}--bmrg-modal-confirm-details__name {
+  align-self: flex-start;
+  display: flex;
+  flex-basis: 25%;
+  font-size: 0.875rem;
+  line-height: 1.1;
+  margin-bottom: 0.6875rem;
+}
+
+.#{$prefix}--bmrg-modal-confirm-details__value {
+  align-self: flex-start;
+  display: flex;
+  flex-basis: 70%;
+  flex-wrap: wrap;
+  line-height: 1.1;
+  margin-bottom: 0.5em;
+}

package/scss/components/Notifications/_notifications.scss

@@ -1,57 +1,57 @@
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-
-
-@use "../../global/config" as *;
-@use '@carbon/themes/scss/tokens' as theme;
-
-.#{$prefix}--bmrg-toastify-container {
-  .Toastify__toast {
-    border-radius: var(--cds-border-radius, 0);
-    padding: 0 !important;
-    & > svg {
-      position: absolute;
-      right: 1rem;
-      top: 1.375rem;
-    }
-  }
-
-  .Toastify__toast-body {
-    margin: 0 !important;
-    padding: 0 !important;
-  }
-
-  .Toastify__toast-container {
-    height: auto !important;
-    width: auto !important;
-  }
-}
-
-.Toastify--animate {
-  animation-duration: 0.5s !important;
-}
-
-.#{$prefix}--bmrg-toast-notification-container {
-  .#{$prefix}--toast-notification {
-    box-shadow: none;
-    height: 100%;
-    margin-bottom: 0;
-    max-width: 24rem;
-    width: 100%;
-  }
-
-  .#{$prefix}--toast-notification__details {
-    margin-right: 3rem;
-  }
-
-  .#{$prefix}--toast-notification__icon {
-    margin-top: 1.375rem;
-  }
-
-  .#{$prefix}--toast-notification:first-child {
-    margin-top: 0;
-  }
-}
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+
+
+@use "../../global/config" as *;
+@use '@carbon/themes/scss/tokens' as theme;
+
+.#{$prefix}--bmrg-toastify-container {
+  .Toastify__toast {
+    border-radius: var(--cds-border-radius, 0);
+    padding: 0 !important;
+    & > svg {
+      position: absolute;
+      right: 1rem;
+      top: 1.375rem;
+    }
+  }
+
+  .Toastify__toast-body {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  .Toastify__toast-container {
+    height: auto !important;
+    width: auto !important;
+  }
+}
+
+.Toastify--animate {
+  animation-duration: 0.5s !important;
+}
+
+.#{$prefix}--bmrg-toast-notification-container {
+  .#{$prefix}--toast-notification {
+    box-shadow: none;
+    height: 100%;
+    margin-bottom: 0;
+    max-width: 24rem;
+    width: 100%;
+  }
+
+  .#{$prefix}--toast-notification__details {
+    margin-right: 3rem;
+  }
+
+  .#{$prefix}--toast-notification__icon {
+    margin-top: 1.375rem;
+  }
+
+  .#{$prefix}--toast-notification:first-child {
+    margin-top: 0;
+  }
+}