halleyx-ui-framework 4.4.9 → 4.5.0

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 (6) hide show
  1. package/dist/es/index.css +1 -1
  2. package/dist/src/assets/styles/index.scss +1 -1
  3. package/dist/umd/index.umd.css +1 -1
  4. package/package.json +1 -1
  5. package/dist/src/assets/styles/dropdowncontainer.scss +0 -169
  6. package/dist/src/assets/styles/gridComponent.scss +0 -254
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "halleyx-ui-framework",
3
- "version": "4.4.9",
3
+ "version": "4.5.0",
4
4
  "private": false,
5
5
  "author": "Team Halleyx",
6
6
  "description": "The Halleyx UI Framework is a Vue 3 component framework.",
package/dist/src/assets/styles/dropdowncontainer.scss DELETED
@@ -1,169 +0,0 @@
1
- .custom-dropdown1 {
2
- width: 100%;
3
- height: 37px;
4
- position: relative;
5
- display: flex;
6
- font-size: 16px;
7
- align-items: center;
8
- border: 1px solid var(--hlx-border-color);
9
- border-radius: 5px;
10
- background-color: white;
11
- // margin-top:20px;
12
- color: var(--hlx-text-color-primary);
13
- font-family: var(--hlx-font-type-content);
14
- cursor: pointer;
15
- &:hover {
16
- border: 1px solid var(--hlx-color-primary);
17
- .custom-label {
18
- color: var(--hlx-color-primary);
19
- }
20
- }
21
- .customerror {
22
- position: absolute;
23
- font-size: 12px;
24
- color: var(--hlx-color-error);
25
- top: 35px;
26
- left: 1px;
27
- }
28
- .custom-placeholder {
29
- width: 95%;
30
- height: 35px;
31
- align-items: center;
32
- display: flex;
33
- // justify-content: center;
34
- text-align: left;
35
- white-space: nowrap;
36
- overflow: hidden;
37
- text-overflow: ellipsis;
38
- border: none;
39
- font-size: 14px;
40
- cursor: pointer;
41
- }
42
- &-input {
43
- width: 95%;
44
- height: 35px;
45
- text-align: left;
46
- white-space: nowrap;
47
- overflow: hidden;
48
- text-overflow: ellipsis;
49
- border: none;
50
- font-size: 14px;
51
- cursor: pointer;
52
- padding: 10px 0px;
53
- padding-right: 0px;
54
- border-top-left-radius: 4px;
55
- border-bottom-left-radius: 4px;
56
- }
57
- i {
58
- height: 30px;
59
- // width:5%;
60
- padding-right: 7px;
61
- display: flex;
62
- align-items: center;
63
- border-top-right-radius: 4px;
64
- border-bottom-right-radius: 4px;
65
- }
66
- .custom-label-input {
67
- width: 95%;
68
- height: 35px;
69
- text-align: left;
70
- display: flex;
71
- font: var(--hlx-font-type-content);
72
- // justify-content: center;
73
- align-items: center;
74
- white-space: nowrap;
75
- overflow: hidden;
76
- text-overflow: ellipsis;
77
- border: none;
78
- font-size: 14px;
79
- cursor: pointer;
80
- }
81
- .icon-angle-down-regular,
82
- .icon-angle-up-regular {
83
- // width:5%;
84
- // position:absolute;
85
- // right:20px;
86
- // top:10px;
87
- font-size: 14px;
88
- cursor: pointer;
89
- }
90
- .custom-dropdown1-whole-container{
91
- position: absolute;
92
- width: 100%;
93
- border: none !important;
94
- // top:45px;
95
- // left:0px;
96
- // border: 1px solid var(--hlx-border-color);
97
- // height: auto;
98
- // max-height: 200px;
99
- color: var(--hlx-text-color-primary);
100
- background-color: white;
101
- font-family: var(--hlx-font-type-content);
102
- z-index: 100000000;
103
-
104
- .customdropdown-option-container1 {
105
- width: 100%;
106
- overflow-y: auto;
107
- overflow-x: hidden;
108
- height: auto;
109
- max-height: 160px;
110
- position: fixed;
111
- background: white;
112
- max-width: max-content;
113
- border: 1px solid #d8d8d8;
114
- border-radius: 5px;
115
- }
116
- .fixed-footer1{
117
- height:35px;
118
- width:100%;
119
- border-top: 1px solid var(--hlx-border-color);
120
- // padding: 10px;
121
- padding-left: 10px;
122
- display: flex;
123
- }
124
- }
125
- .no-data-option1 {
126
- display: flex;
127
- justify-content: center;
128
- align-items: center;
129
- height: 30px;
130
- font-size: 14px;
131
- width:100%;
132
- }
133
- .option1 {
134
- font-family: var(--hlx-font-type-content);
135
- width: 100%;
136
- height: 30px;
137
- text-align: left;
138
- display: flex;
139
- align-items: center;
140
- cursor: pointer;
141
- &:hover {
142
- color: white;
143
- background-color: var(--hlx-color-primary-light);
144
- }
145
- .option-value1 {
146
- font-family: var(--hlx-font-type-content);
147
- margin: 0;
148
- padding-top: 4px;
149
- padding-left: 10px;
150
- width: 100%;
151
- font-size: 14px;
152
- height: 30px;
153
- cursor: pointer;
154
- white-space: nowrap;
155
- overflow: hidden;
156
- text-overflow: ellipsis
157
- }
158
- }
159
- }
160
-
161
-
162
-
163
- .hlxTableV2 th, .hlxTableV2 td {
164
- /* padding: 4px 8px; */
165
- padding-right: 8px !important;
166
- padding-left: 8px !important;
167
- padding-top: 0px !important;
168
- padding-bottom: 0px !important;
169
- }
package/dist/src/assets/styles/gridComponent.scss DELETED
@@ -1,254 +0,0 @@
1
- .crud-container {
2
- width: 100px;
3
- height: 100%;
4
- .crud-container-margin {
5
- margin-top: 61px;
6
-
7
- .crud-item {
8
- height: 41px;
9
- display: flex;
10
- justify-content: center;
11
- align-items: center;
12
-
13
- .add {
14
- border-radius: 20px;
15
- height: 20px;
16
- width: 20px;
17
- border: 1px solid #54bd95;
18
- color: #54bd95;
19
- cursor: pointer;
20
- margin-right: 10px;
21
- align-items: center;
22
- justify-content: center;
23
- display: flex;
24
- }
25
- .delete {
26
- height: 20px;
27
- width: 20px;
28
- color: #ff5050;
29
- font-size: 20px;
30
- margin-bottom: 4px;
31
- i {
32
- cursor: pointer;
33
- }
34
- }
35
- }
36
- }
37
- }
38
- .grid-table-component {
39
- width: calc(100% - 100px);
40
- .hlxTableV2 {
41
- overflow-y: hidden !important;
42
- }
43
- th {
44
- padding-right: 0px !important;
45
- }
46
- td {
47
- padding: 0px !important;
48
- }
49
- .columndrag {
50
- height: 16px;
51
- width: 40px;
52
- background: white;
53
- border: 1px solid #dad1d1;
54
- position: fixed;
55
- border-radius: 16px;
56
- cursor: -webkit-grab;
57
- cursor: grab;
58
- display: none;
59
- flex-direction: column;
60
-
61
- .rotate {
62
- transform: rotate(90deg);
63
- }
64
- }
65
- .drag-icon-vertical {
66
- cursor: pointer;
67
- }
68
- .column-drag-container {
69
- position: relative;
70
- height: 100%;
71
- }
72
-
73
- .add-column-left,
74
- .add-column-right {
75
- height: 60px;
76
- top: 0;
77
- width: 5px;
78
- z-index: 10000;
79
- cursor: pointer;
80
-
81
- .add-column-icon {
82
- position: fixed;
83
- width: 20px;
84
- display: none;
85
- // top: 42px;
86
- // right: 425px;
87
- background-color: #54bd95;
88
- z-index: 10000;
89
- border-radius: 100px;
90
- height: 20px;
91
- align-items: center;
92
- justify-content: center;
93
- color: white;
94
- }
95
- }
96
- .add-column-left {
97
- margin-left: -8px;
98
- }
99
- .thead-container {
100
- display: flex;
101
- justify-content: space-between;
102
- width: 100%;
103
- align-items: center;
104
- }
105
- .input-column-name,
106
- .output-column-name {
107
- display: flex;
108
- flex-direction: column;
109
- align-items: flex-start;
110
-
111
- .column-name {
112
- height: 20px;
113
- }
114
-
115
- .data-type {
116
- font-size: 12px;
117
- }
118
- }
119
-
120
- .rowdraggable-icon {
121
- height: 25px;
122
- width: 14px;
123
- background: white;
124
- display: none;
125
- border: 1px solid #dad1d1;
126
- position: absolute;
127
- left: 18px;
128
- margin-top: 7px;
129
- border-radius: 16px;
130
- cursor: -webkit-grab;
131
- cursor: grab;
132
- }
133
-
134
- .row-drag-icon-container {
135
- display: flex;
136
- width: 100%;
137
- justify-content: center;
138
- align-items: center;
139
- }
140
- .row-cell {
141
- display: flex;
142
- }
143
- .input-row-dropdown-container {
144
- width: 50%;
145
- padding: 0 10px;
146
- }
147
- .input-row-input-container {
148
- border-left: 1px solid #d8d8d8;
149
- width: 50%;
150
- box-sizing: border-box;
151
-
152
- .manual-string,
153
- .manual-number {
154
- height: 40px;
155
- border: 1px solid transparent;
156
- box-sizing: border-box;
157
- padding: 0 10px;
158
- align-items: center;
159
- display: flex;
160
- justify-content: center;
161
- .input-text,
162
- .input-number {
163
- border: none;
164
- outline: none;
165
- font-size: 14px;
166
- height: 20px;
167
- font-family: OpenSans;
168
- width: 100%;
169
- }
170
- }
171
-
172
- .manual-between {
173
- height: 40px;
174
- box-sizing: border-box;
175
- align-items: center;
176
- display: flex;
177
- justify-content: center;
178
- .left-between {
179
- height: 40px;
180
- padding: 5px;
181
- display: flex;
182
- align-items: center;
183
- justify-content: center;
184
- .left-between-input {
185
- border: none;
186
- outline: none;
187
- font-size: 14px;
188
- height: 20px;
189
- font-family: OpenSans;
190
- width: 100%;
191
- }
192
- }
193
- .between-seperator {
194
- height: 40px;
195
- border-right: 1px solid #d8d8d8;
196
- }
197
- .right-between {
198
- height: 40px;
199
- padding: 5px;
200
- display: flex;
201
- align-items: center;
202
- justify-content: center;
203
- .right-between-input {
204
- border: none;
205
- outline: none;
206
- font-size: 14px;
207
- height: 20px;
208
- font-family: OpenSans;
209
- width: 100%;
210
- }
211
- }
212
- }
213
-
214
- .manual-boolean {
215
- height: 40px;
216
- border: 1px solid transparent;
217
- box-sizing: border-box;
218
- padding: 0 10px;
219
- align-items: center;
220
- display: flex;
221
- justify-content: center;
222
- }
223
- }
224
- .output-cell-container {
225
- width: 100%;
226
- align-items: center;
227
- display: flex;
228
-
229
- .output-manual-string,
230
- .output-manual-number,
231
- .output-manual-boolean,
232
- .output-ref,
233
- .output-computed {
234
- width: 100%;
235
- height: 40px;
236
- border: 1px solid transparent;
237
- box-sizing: border-box;
238
- padding: 0 10px;
239
- align-items: center;
240
- display: flex;
241
- justify-content: center;
242
-
243
- .string-input,
244
- .number-output {
245
- border: none;
246
- outline: none;
247
- font-size: 14px;
248
- height: 20px;
249
- font-family: OpenSans;
250
- width: 100%;
251
- }
252
- }
253
- }
254
- }