@elliemae/ds-basic 3.25.0-rc.1 → 3.26.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7169,117 +7169,6 @@ body.ReactModal__Body--open {
7169
7169
  .em-ds-modal-v2__modal-footer-actions .action-confirm {
7170
7170
  margin-left: 0.61538rem; }
7171
7171
 
7172
- @keyframes overlayAnimation {
7173
- 0% {
7174
- background: rgba(37, 41, 47, 0); }
7175
- 100% {
7176
- background: rgba(37, 41, 47, 0.25); } }
7177
-
7178
- @keyframes overlayAnimationOut {
7179
- 0% {
7180
- background: rgba(37, 41, 47, 0.25); }
7181
- 100% {
7182
- background: rgba(37, 41, 47, 0); } }
7183
-
7184
- @keyframes contentAnimationOut {
7185
- 0% {
7186
- transform: translateX(0); }
7187
- 100% {
7188
- transform: translateX(100%); } }
7189
-
7190
- @keyframes contentAnimationIn {
7191
- 0% {
7192
- transform: translateX(100%); }
7193
- 100% {
7194
- transform: translateX(0); } }
7195
-
7196
- .em-ds-modal-slide__wrapper {
7197
- position: absolute;
7198
- display: flex;
7199
- height: calc(var(--height, 100%) * 1px);
7200
- width: 100%;
7201
- overflow: hidden;
7202
- top: 0;
7203
- z-index: 10; }
7204
-
7205
- .em-ds-modal-slide__overlay {
7206
- height: 100%;
7207
- width: 100%;
7208
- background: rgba(37, 41, 47, 0.25);
7209
- display: flex;
7210
- animation: overlayAnimation calc(var(--fade-in, 500) * 1ms) linear; }
7211
- .em-ds-modal-slide__overlay--disappearing {
7212
- animation: overlayAnimationOut calc(var(--fade-out, 500) * 1ms) linear; }
7213
-
7214
- .em-ds-modal-slide__overlay--showing {
7215
- display: flex;
7216
- height: 100%; }
7217
-
7218
- .em-ds-modal-slide__content {
7219
- height: calc(var(--height, 100%) * 1px);
7220
- background: #ffffff;
7221
- -ms-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
7222
- -o-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
7223
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19);
7224
- width: calc(var(--width, 50) * 1%);
7225
- margin-left: auto;
7226
- align-items: center;
7227
- flex-direction: column;
7228
- display: flex;
7229
- overflow-y: auto;
7230
- border: 1px solid #b0b9c8;
7231
- border-left: 2px solid #b0b9c8;
7232
- animation: contentAnimationIn calc(var(--fade-in, 500) * 0.5ms) linear; }
7233
- .em-ds-modal-slide__content--disappearing {
7234
- animation: contentAnimationOut calc(var(--fade-out, 500) * 1ms) linear; }
7235
- .em-ds-modal-slide__content .em-ds-separator-wrapper {
7236
- margin-top: unset; }
7237
-
7238
- .em-ds-modal-slide__actual-content {
7239
- display: flex;
7240
- flex-direction: column; }
7241
-
7242
- .em-ds-modal-slide__header-left-side {
7243
- width: 100%;
7244
- display: flex;
7245
- flex-direction: row;
7246
- text-align: left;
7247
- padding: 0.61538rem 1.23077rem 0.61538rem 0;
7248
- height: 3.69231rem; }
7249
- .em-ds-modal-slide__header-left-side .em-ds-button .em-ds-icon {
7250
- fill: #1e79c2; }
7251
- .em-ds-modal-slide__header-left-side .close-button {
7252
- padding-left: 18px; }
7253
-
7254
- .em-ds-modal-slide__footer-wrapper {
7255
- width: 100%;
7256
- display: flex;
7257
- flex-direction: row;
7258
- text-align: left;
7259
- align-items: center;
7260
- justify-content: flex-end;
7261
- padding: 0.61538rem 1.23077rem 0.61538rem 0;
7262
- height: 3.69231rem; }
7263
- .em-ds-modal-slide__footer-wrapper .em-ds-button {
7264
- margin-left: 1.23077rem; }
7265
-
7266
- .em-ds-modal-slide__header {
7267
- padding: 0 1.23077rem;
7268
- display: flex;
7269
- flex-direction: column;
7270
- justify-content: center; }
7271
- .em-ds-modal-slide__header .em-ds-modal-slide__title {
7272
- font-size: 1.3846rem;
7273
- color: #353c46; }
7274
-
7275
- .em-ds-modal-slide__wrapper .em-ds-modal-v2__modal-wrapper {
7276
- flex: 1;
7277
- padding: 1.84615rem 0; }
7278
-
7279
- .em-ds-modal-slide__wrapper .em-ds-modal-v2__modal-title {
7280
- max-width: 80%;
7281
- margin: 0 auto; }
7282
-
7283
7172
  .em-ds-modal-v2 .em-ds-modal-slide__content .em-ds-modal-v2__modal-wrapper {
7284
7173
  display: flex;
7285
7174
  flex-direction: column; }