@elliemae/ds-basic 3.32.1-rc.7 → 3.33.0-next.0

package/dist/styles/components/packages/ds-basic/index.scss

@@ -23,7 +23,7 @@
 
 @import '../../../atom/ds-progress-indicator/src/DSProgressIndicator';
 @import '../../../legacy/ds-page-header-v1/src/DSPageHeader';
-@import '../../../legacy/ds-truncated-tooltip-text/src/DSTruncatedTooltipText';
+@import '../../../layout/ds-truncated-tooltip-text/src/DSTruncatedTooltipText';
 @import '../../../legacy/ds-toolbar-v1/src/DSToolbar';
 @import '../../../legacy/ds-time-picker/src/DSTimePicker';
 @import '../../../legacy/ds-spinner/src/DSSpinner';
@@ -31,13 +31,13 @@
 @import '../../../atom/ds-tooltip/src/v1/DSTooltip';
 @import '../../../legacy/ds-popover/src/DSPopover';
 @import '../../../legacy/ds-overlay/src/DSOverlay';
-@import '../../../legacy/ds-portal/src/DSPortal';
+@import '../../../util/ds-portal/src/DSPortal';
 @import '../../../legacy/ds-button-v1/src/DSButton';
 @import '../../../atom/ds-separator/src/DSSeparator';
 @import '../../../legacy/ds-label-value/src/DSLabelValue';
 @import '../../../legacy/ds-group-box/src/DSGroupBox';
 @import '../../../legacy/ds-text-wrapper/src/DSTextWrapper';
-@import '../../../legacy/ds-card/src/DSCard';
+@import '../../../layout/ds-card/src/DSCard';
 @import '../../../legacy/ds-button-group/src//DSButtonGroup';
 @import '../../../legacy/ds-dropdownmenu/src/DSDropdownMenu';
 @import '../../../legacy/ds-menu/src/Menu';

package/dist/styles/components/packages/ds-basic/styles/components/index.scss

@@ -21,8 +21,8 @@
 @import '../../../../legacy/ds-date-time-picker/src/DSDateTimePicker.scss';
 @import '../../../../legacy/ds-date-range-picker/src/DSDateRangePicker.scss';
 @import '../../../../legacy/ds-date-range-selector/src/DSDateRangeSelector.scss';
-@import '../../../../legacy/ds-codeeditor/src/DSCodeEditor.scss';
-@import '../../../../legacy/ds-wysiwygeditor/src/DSWYSIWYGEditor.scss';
-@import '../../../../legacy/ds-imagelibrarymodal/src/DSImageLibraryModal.scss';
+@import '../../../../util/ds-codeeditor/src/DSCodeEditor.scss';
+@import '../../../../layout/ds-wysiwygeditor/src/DSWYSIWYGEditor.scss';
+@import '../../../../util/ds-imagelibrarymodal/src/DSImageLibraryModal.scss';
 @import '../../../../layout/ds-ribbon/src/DSRibbon.scss';
 @import '../../../../legacy/ds-card-array/src/DSCardArray.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "3.32.1-rc.7",
+  "version": "3.33.0-next.0",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "files": [
@@ -36,7 +36,7 @@
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "gulp": "~4.0.2",
     "gulp-rename": "~2.0.0",
-    "@elliemae/ds-monorepo-devops": "3.32.1-rc.7"
+    "@elliemae/ds-monorepo-devops": "3.33.0-next.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/dist/styles/components/packages/ds-card/DSCard.scss

@@ -1,35 +0,0 @@
-@function separator-border($color: 200, $size: 1px) {
-  @return $size solid color(neutral, $color);
-}
-
-// ********************************************
-// container definition
-$el-container: #{$prefix}-card;
-$el-card-body: #{$prefix}-card-body;
-$el-header: #{$prefix}-card-header;
-$el-heading: #{$el-header}__heading;
-$el-pull-right: #{$el-header}__pull-right;
-
-.#{$el-container} {
-  border: 1px solid color(neutral, 050);
-  @include border-radius(0);
-  @include box-shadow(1px 1px 3px 1px rgba(0, 0, 0, 0.3));
-
-  .#{$el-header} {
-    color: color(neutral, 600);
-    padding: 6px 15px;
-    border-bottom: 1px solid transparent;
-    @include border-radius(0);
-    .#{$el-heading} {
-      color: color(neutral, 600);
-      font-family: inherit;
-      font-size: 18pt;
-    }
-    .#{$el-pull-right} {
-      float: right;
-    }
-  }
-  .#{$el-card-body} {
-    padding: 1rem;
-  }
-}

package/dist/styles/components/packages/ds-codeeditor/DSCodeEditor.scss

@@ -1 +0,0 @@
-@import './components/DSCodeEditorImpl';

package/dist/styles/components/packages/ds-codeeditor/components/DSCodeEditorImpl.scss

@@ -1,69 +0,0 @@
-$el-container: #{$prefix}-code-editor;
-$el-file-name: #{$el-container}-file-name;
-$el-find-replace-btn: #{$el-container}-find-replace-btn;
-$el-next-back-btn: #{$el-container}-next-back-btn;
-$el-find: #{$el-container}-find;
-$el-replace: #{$el-container}-replace;
-$el-replace-btns: #{$el-container}-replace-btns;
-$options-group: #{$el-container}-options-group;
-
-// dimsum components
-$ds-checkbox: #{$prefix}-form-element-checkbox;
-
-.#{$el-file-name} {
-	padding-bottom: space(s);
-	border-bottom: 1px solid color(neutral, 050);
-}
-
-.#{$el-find-replace-btn} {
-    display: flex;
-    margin-top: space(s);
-    margin-bottom: space(s);
-
-    .em-ds-button:first-child {
-    	margin-right: space(s);
-    }
-}
-
-.#{$el-next-back-btn},
-.#{$el-replace-btns} {
-	display: flex;
-}
-
-.#{$el-replace},
-.#{$el-replace-btns} {
-	margin-top: space(s);
-}
-
-.#{$el-replace-btns} {
-	margin-bottom: space(s);
-	.em-ds-button:first-child {
-    	margin-right: space(s);
-    }
-}
-
-.#{$el-find} {
-	align-items: baseline;
-	.em-ds-input {
-		margin-right: space(xs);
-	}
-	.em-ds-form-element-checkbox {
-		flex: 0.5;
-
-		.em-ds-form-element-checkbox__input-button {
-			margin-right: space(xs);
-		}
-	}
-}
-
-.#{$options-group} {
-	padding: 0 space(xs);
-	display: flex;
-	.#{$ds-checkbox}:not(:last-child) {
-		margin-right: space(s);
-	}
-}
-
-.ace_editor {
-	width: 100% !important;
-}

package/dist/styles/components/packages/ds-imagelibrarymodal/DSImageLibraryModal.scss

@@ -1,86 +0,0 @@
-// TODO: Create global variables to be imported/reused
-
-// ********************************************
-// container definition
-$el-container: #{$prefix}-modal;
-
-// ********************************************
-// elements
-$el-body: #{$el-container}__body;
-$el-body-wrapper: #{$el-container}__body-wrapper;
-
-.#{$el-container}-image-library {
-  .#{$el-body} {
-    padding: 0px;
-    overflow-y: hidden;
-  }
-  .#{$el-body-wrapper} {
-    padding: 0px;
-  }
-  .wrapper {
-    display: flex;
-    .col-1 {
-      flex: 3;
-      margin: space(s) 0;
-      overflow-y: auto;
-      height: 60vh;
-      .title {
-        font-size: font-size(600);
-        font-weight: font-weight(semibold);
-        position: sticky;
-        padding: 0 space(s) space(s);
-        top: 0;
-        background-color: white;
-      }
-      .imglibmodal-element {
-        padding: space(xs) 0;
-        outline-style: none;
-        .content {
-          padding: 0 space(s);
-        }
-        &:hover {
-          background-color: color(neutral, 100);
-          cursor: pointer;
-        }
-        &:focus {
-          background-color: color(brand-primary, 200);
-        }
-      }
-    }
-    .col-2 {
-      flex: 5;
-      border-left: 1px solid #ebedf0;
-      padding: space(s);
-      height: 65vh;
-      .title {
-        text-align: center;
-        font-size: font-size(600);
-      }
-      img, .#{$el-icon}, .#{$spinner-container} {
-        margin: auto;
-        width: 100%;
-        height: 85%;
-        padding: space(s);
-        max-height: 85%;
-        object-fit: contain;
-        display: flex;
-        justify-content: center;
-      }
-      .info {
-        display: flex;
-        flex-direction: column;
-        height: 5vh;
-        justify-content: space-between;
-        .label {
-          color: color(neutral, 500);
-          padding-left: space(s);
-          padding-right: space(xs);
-          font-weight: font-weight(regular);
-        }
-        .value {
-          font-weight: font-weight(semibold);
-        }
-      }
-    }
-  }
-}

package/dist/styles/components/packages/ds-portal/DSPortal.scss

@@ -1,10 +0,0 @@
-// ********************************************
-// container definition
-$el-container: #{$prefix}-portal;
-
-.#{$el-container} {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-}

package/dist/styles/components/packages/ds-truncated-tooltip-text/DSTruncatedTooltipText.scss

@@ -1,15 +0,0 @@
-// ********************************************
-// container definition
-$el-container: #{$prefix}-truncated-tooltip-text;
-
-.#{$el-container} {
-  display: flex;
-  min-width: 0;
-
-  &__text {
-    white-space: nowrap;
-    overflow: hidden;
-    display: inline-block;
-    max-width: 100%;
-  }
-}

package/dist/styles/components/packages/ds-wysiwygeditor/DSWYSIWYGEditor.scss

@@ -1,2 +0,0 @@
-@import './components/DSWYSIWYGEditorImpl';
-@import './components/InsertFieldModal';