@elliemae/ds-basic 3.18.0-next.1 → 3.18.0-next.10

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.
Files changed (9) hide show
  1. package/dist/css/dimsum.css +6 -116
  2. package/dist/css/dimsum.min.css +3 -2
  3. package/dist/css/dimsum.min.css.map +1 -1
  4. package/dist/styles/components/index.scss +0 -1
  5. package/dist/styles/components/packages/ds-basic/styles/components/index.scss +23 -24
  6. package/dist/styles/components/packages/ds-basic/styles/dist-index.scss +0 -1
  7. package/dist/styles/dist-index.scss +0 -1
  8. package/package.json +2 -2
  9. package/dist/styles/components/packages/ds-comments/DSComments.scss +0 -163
package/dist/styles/components/index.scss CHANGED
@@ -70,4 +70,3 @@
70
70
  @import 'packages/ds-imagelibrarymodal/DSImageLibraryModal';
71
71
  @import 'packages/ds-wizard/DSWizard';
72
72
  @import 'packages/ds-card-array/DSCardArray';
73
- @import 'packages/ds-comments/DSComments';
package/dist/styles/components/packages/ds-basic/styles/components/index.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "../../src/index";
1
+ @import '../../src/index';
2
2
 
3
3
  // FOR NOW PLEASE ALSO UPDATE ../dist-index.scss
4
4
 
@@ -6,26 +6,25 @@
6
6
  // todo: this can work for compiled scss but not if a user uses this index as scss on another component
7
7
  // we need to rethink how the styles are imported, maybe using css modules
8
8
  // or even styled component so we have styles more modularized
9
- @import "~react-dates/lib/css/_datepicker.css";
10
- @import "../../../ds-shuttle/src/DSShuttle.scss";
11
- @import "../../../ds-filterbar/src/DSFilterBar.scss";
12
- @import "../../../ds-modal/src/DSModal.scss";
13
- @import "../../../ds-modal-slide/src/DSModalSlide.scss";
14
- @import "../../../ds-datagrids/src/DataGrids.scss";
15
- @import "../../../ds-treeview/src/Tree";
16
- @import "../../../ds-query-builder/src/DSQueryBuilder.scss";
17
- @import "../../../ds-search-field/src/DSSearchField.scss";
18
- @import "../../../ds-date-time-recurrence-picker/src/DSDateTimeRecurrenceSelector.scss";
19
- @import "../../../ds-number-range-field/src/DSNumberRangeField.scss";
20
- @import "../../../ds-date-picker/src/DSDatePicker.scss";
21
- @import "../../../ds-date-time-picker/src/DSDateTimePicker.scss";
22
- @import "../../../ds-date-range-picker/src/DSDateRangePicker.scss";
23
- @import "../../../ds-date-range-selector/src/DSDateRangeSelector.scss";
24
- @import "../../../ds-codeeditor/src/DSCodeEditor.scss";
25
- @import "../../../ds-wysiwygeditor/src/DSWYSIWYGEditor.scss";
26
- @import "../../../ds-imagelibrarymodal/src/DSImageLibraryModal.scss";
27
- @import "../../../ds-uploader/src/DSUploader.scss";
28
- @import "../../../ds-ribbon/src/DSRibbon.scss";
29
- @import "../../../ds-wizard/src/DSWizard.scss";
30
- @import "../../../ds-card-array/src/DSCardArray.scss";
31
- @import "../../../ds-comments/src/DSComments.scss";
9
+ @import '~react-dates/lib/css/_datepicker.css';
10
+ @import '../../../ds-shuttle/src/DSShuttle.scss';
11
+ @import '../../../ds-filterbar/src/DSFilterBar.scss';
12
+ @import '../../../ds-modal/src/DSModal.scss';
13
+ @import '../../../ds-modal-slide/src/DSModalSlide.scss';
14
+ @import '../../../ds-datagrids/src/DataGrids.scss';
15
+ @import '../../../ds-treeview/src/Tree';
16
+ @import '../../../ds-query-builder/src/DSQueryBuilder.scss';
17
+ @import '../../../ds-search-field/src/DSSearchField.scss';
18
+ @import '../../../ds-date-time-recurrence-picker/src/DSDateTimeRecurrenceSelector.scss';
19
+ @import '../../../ds-number-range-field/src/DSNumberRangeField.scss';
20
+ @import '../../../ds-date-picker/src/DSDatePicker.scss';
21
+ @import '../../../ds-date-time-picker/src/DSDateTimePicker.scss';
22
+ @import '../../../ds-date-range-picker/src/DSDateRangePicker.scss';
23
+ @import '../../../ds-date-range-selector/src/DSDateRangeSelector.scss';
24
+ @import '../../../ds-codeeditor/src/DSCodeEditor.scss';
25
+ @import '../../../ds-wysiwygeditor/src/DSWYSIWYGEditor.scss';
26
+ @import '../../../ds-imagelibrarymodal/src/DSImageLibraryModal.scss';
27
+ @import '../../../ds-uploader/src/DSUploader.scss';
28
+ @import '../../../ds-ribbon/src/DSRibbon.scss';
29
+ @import '../../../ds-wizard/src/DSWizard.scss';
30
+ @import '../../../ds-card-array/src/DSCardArray.scss';
package/dist/styles/components/packages/ds-basic/styles/dist-index.scss CHANGED
@@ -70,4 +70,3 @@
70
70
  @import 'packages/ds-imagelibrarymodal/DSImageLibraryModal';
71
71
  @import 'packages/ds-wizard/DSWizard';
72
72
  @import 'packages/ds-card-array/DSCardArray';
73
- @import 'packages/ds-comments/DSComments';
package/dist/styles/dist-index.scss CHANGED
@@ -70,4 +70,3 @@
70
70
  @import 'packages/ds-imagelibrarymodal/DSImageLibraryModal';
71
71
  @import 'packages/ds-wizard/DSWizard';
72
72
  @import 'packages/ds-card-array/DSCardArray';
73
- @import 'packages/ds-comments/DSComments';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-basic",
3
- "version": "3.18.0-next.1",
3
+ "version": "3.18.0-next.10",
4
4
  "license": "MIT",
5
5
  "description": "EllieMae UI Design System Library",
6
6
  "files": [
@@ -54,6 +54,6 @@
54
54
  "prebuild": "exit 0",
55
55
  "build": "pnpm run build:css",
56
56
  "dev": "exit 0",
57
- "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
57
+ "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
58
58
  }
59
59
  }
package/dist/styles/components/packages/ds-comments/DSComments.scss DELETED
@@ -1,163 +0,0 @@
1
- $comments: #{$prefix}-comments;
2
- $comments-wrapper: #{$comments}__comments;
3
- $comments-area: #{$comments}__area;
4
- $wrapper-width: calc(#{space(xl)} * 7);
5
- $comment-area-height: space(xxl) * 2.03;
6
-
7
- .#{$comments-wrapper} {
8
- width: $wrapper-width;
9
- display: flex;
10
- align-items: flex-end;
11
- &-scroll {
12
- overflow-x: scroll;
13
- height: 100%;
14
- padding: 1px;
15
- &--not-scroll {
16
- display: flex;
17
- flex-direction: column;
18
- align-items: flex-end;
19
- justify-content: flex-end;
20
- }
21
- }
22
- padding-bottom: $comment-area-height;
23
- position: relative;
24
- .#{$comments-area} {
25
- position: absolute;
26
- bottom: 0;
27
- left: 1;
28
- }
29
- }
30
-
31
- // comment area
32
-
33
- .#{$comments-area} {
34
- border-top: solid 1px color(neutral, 100);
35
- padding: space(xs) space(m);
36
- height: $comment-area-height;
37
-
38
- width: calc(#{space(xl)} * 7 - 2px);
39
- }
40
-
41
- // counter
42
- $counter: #{$comments}__counter;
43
- .#{$counter} {
44
- text-align: right;
45
- padding: space(xxs);
46
- span {
47
- margin: 0 space(xxs) * 0.3;
48
- }
49
- }
50
-
51
- // submit
52
- $submit: #{$comments}__submit-wrapper;
53
- .#{$submit} {
54
- padding: space(xs) 0;
55
- display: flex;
56
- justify-content: space-between;
57
- flex-wrap: wrap;
58
- // align-items: center;
59
- }
60
-
61
- // card wrapper
62
-
63
- $card-wrapper: #{$comments}__comment-card-wrapper;
64
- .#{$card-wrapper} {
65
- min-height: space(xxl) * 1.18;
66
- min-width: space(xxl) * 3.82;
67
- padding-left: space(m);
68
- padding-right: space(m);
69
- width: 100%;
70
- &:focus {
71
- outline: none;
72
- position: relative;
73
-
74
- &:after {
75
- content: '';
76
- // z-index: 10;
77
- position: absolute;
78
- top: 0;
79
- left: 0;
80
- width: 100%;
81
- height: 100%;
82
- pointer-events: none;
83
- @include dsFocus();
84
- }
85
- }
86
- &--borderBottom{
87
- border-top: solid 0 color(neutral, 100);
88
- border-bottom: solid 1px color(neutral, 100);
89
- margin-bottom: space(s);
90
- }
91
- }
92
-
93
- // card empty
94
-
95
- $card-empty: #{$comments}__comment-empty;
96
- $card-empty-icon: #{$comments}__comment-empty-icon;
97
- $card-empty-label: #{$comments}__comment-empty-label;
98
-
99
- .#{$card-empty} {
100
- @extend .#{$card-wrapper};
101
- width: $wrapper-width;
102
- text-align: center;
103
- }
104
-
105
- .#{$card-empty-icon} {
106
- padding: space(s) space(m);
107
- svg, svg:not([fill]) {
108
- fill: color(neutral, 200);
109
- }
110
- }
111
-
112
- .#{$card-empty-label} {
113
- padding: 0 space(m) space(s) space(m);
114
- color: color(neutral, 500);
115
- }
116
-
117
- // header
118
- $header: #{$comments}__comment-card-header;
119
- $header-left: #{$comments}__comment-card-left;
120
- $header-name: #{$comments}__comment-card-name;
121
- $header-data: #{$comments}__comment-card-data;
122
-
123
- .#{$header} {
124
- border-top: solid 1px color(neutral, 100);
125
- display: flex;
126
- padding: space(xxs) space(xxs) space(xxs) space(xs);
127
- &--borderBottom{
128
- border-top: solid 0 color(neutral, 100);
129
- }
130
- }
131
- .#{$header-left} {
132
- flex: 1;
133
- }
134
- .#{$header-name} {
135
- font-size: font-size(500);
136
- font-weight: font-weight(semibold);
137
- color: color(neutral, 700);
138
- padding-bottom: space(xxs) * 0.5;
139
- }
140
- .#{$header-data} {
141
- font-size: font-size(300);
142
- font-weight: font-weight(light);
143
- color: color(neutral, 500);
144
- span {
145
- padding: 0 space(xxs);
146
- }
147
- }
148
-
149
- // content
150
- $content: #{$comments}__comment-card-content;
151
- .#{$content} {
152
- padding: 0 space(xs) space(xs) space(xs);
153
- font-size: font-size(400);
154
- font-weight: font-weight(normal);
155
- line-height: 1.3;
156
- color: color(neutral, 500);
157
- button {
158
- display: inline-block;
159
- height: auto;
160
- padding-left: space(xs);
161
- padding-right: space(xs);
162
- }
163
- }