halleyx-ui-framework 4.1.7 → 4.1.9

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 (67) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/es/index.js +1 -1
  4. package/dist/src/assets/icon-style.css +1 -1
  5. package/dist/src/assets/icons/icon-style(old).css +1 -1
  6. package/dist/src/assets/icons/icon-style.css +1 -1
  7. package/dist/src/assets/styles/accordion.scss +99 -99
  8. package/dist/src/assets/styles/base.scss +6 -1
  9. package/dist/src/assets/styles/breadcrumb.scss +15 -15
  10. package/dist/src/assets/styles/buttons.scss +4 -4
  11. package/dist/src/assets/styles/calendar.scss +343 -346
  12. package/dist/src/assets/styles/cards.scss +17 -16
  13. package/dist/src/assets/styles/colorPicker.scss +15 -15
  14. package/dist/src/assets/styles/colorpalette.scss +138 -139
  15. package/dist/src/assets/styles/common/var.scss +258 -31
  16. package/dist/src/assets/styles/componentlayout.scss +126 -128
  17. package/dist/src/assets/styles/contextMenu.scss +46 -47
  18. package/dist/src/assets/styles/customdropdown.scss +113 -115
  19. package/dist/src/assets/styles/dashboard.scss +764 -770
  20. package/dist/src/assets/styles/dataview.scss +203 -206
  21. package/dist/src/assets/styles/divider.scss +8 -8
  22. package/dist/src/assets/styles/dottedPagination.scss +1 -1
  23. package/dist/src/assets/styles/draggables.scss +36 -39
  24. package/dist/src/assets/styles/drawer.scss +68 -53
  25. package/dist/src/assets/styles/errorpage.scss +61 -64
  26. package/dist/src/assets/styles/fileupload.scss +199 -205
  27. package/dist/src/assets/styles/fonts.scss +29 -9
  28. package/dist/src/assets/styles/icon.scss +1 -1
  29. package/dist/src/assets/styles/imagegallery.scss +169 -167
  30. package/dist/src/assets/styles/importProgress.scss +1 -1
  31. package/dist/src/assets/styles/index.scss +21 -0
  32. package/dist/src/assets/styles/inputfields.scss +44 -46
  33. package/dist/src/assets/styles/inputitems.scss +315 -318
  34. package/dist/src/assets/styles/label.scss +48 -54
  35. package/dist/src/assets/styles/loaders.scss +1 -1
  36. package/dist/src/assets/styles/mixins/_var.scss +31 -37
  37. package/dist/src/assets/styles/mixins/functions.scss +7 -7
  38. package/dist/src/assets/styles/modalwindow.scss +100 -103
  39. package/dist/src/assets/styles/newtable.scss +10 -23
  40. package/dist/src/assets/styles/objectViewer.scss +80 -80
  41. package/dist/src/assets/styles/pagination.scss +12 -6
  42. package/dist/src/assets/styles/rating.scss +2 -2
  43. package/dist/src/assets/styles/scrollbar.scss +14 -14
  44. package/dist/src/assets/styles/search.scss +162 -169
  45. package/dist/src/assets/styles/select.scss +455 -480
  46. package/dist/src/assets/styles/sidebar.scss +14 -2
  47. package/dist/src/assets/styles/signup.scss +118 -128
  48. package/dist/src/assets/styles/slideControl.scss +1 -0
  49. package/dist/src/assets/styles/source_content.scss +13 -13
  50. package/dist/src/assets/styles/speeddial.scss +152 -163
  51. package/dist/src/assets/styles/style.css.map +12 -12
  52. package/dist/src/assets/styles/switch.scss +177 -189
  53. package/dist/src/assets/styles/tablev2.scss +140 -143
  54. package/dist/src/assets/styles/tabs.scss +48 -49
  55. package/dist/src/assets/styles/tag.scss +3 -3
  56. package/dist/src/assets/styles/texteditor.scss +165 -172
  57. package/dist/src/assets/styles/timeline.scss +384 -400
  58. package/dist/src/assets/styles/tooltip.scss +52 -72
  59. package/dist/src/assets/styles/tree.scss +13 -15
  60. package/dist/src/assets/styles/treeSelect.scss +8 -8
  61. package/dist/src/assets/styles/variables.scss +9 -9
  62. package/dist/src/assets/styles/visualbuilder.scss +362 -366
  63. package/dist/umd/index.umd.js +1 -1
  64. package/dist/umd/index.umd.js.map +1 -1
  65. package/package.json +1 -1
  66. package/dist/es/index.css +0 -1
  67. package/dist/umd/index.umd.css +0 -1
package/dist/src/assets/styles/switch.scss CHANGED
@@ -1,231 +1,219 @@
1
1
  .switch-containerr-regular {
2
- // width: -moz-fit-content;
3
- width: fit-content;
4
- // padding: 14px 16px 14px 16px;
5
- border: 1px solid var(--hlx-color-primary);
6
- box-sizing: border-box;
7
- border-radius: 8px;
2
+ // width: -moz-fit-content;
3
+ width: fit-content;
4
+ // padding: 14px 16px 14px 16px;
5
+ border: 1px solid var(--hlx-color-primary);
6
+ box-sizing: border-box;
7
+ border-radius: 8px;
8
+ display: flex;
9
+ flex-direction: row;
10
+ height: 38px;
11
+ .switch-item-regular input[type='radio'] {
12
+ position: absolute;
13
+ opacity: 0;
14
+ width: 0;
15
+ height: 0;
16
+ }
17
+
18
+ .switch-item-regular input[type='radio']:checked + label {
19
+ background-color: #007aff;
20
+ color: #fff;
21
+ }
22
+
23
+ .switch-item-regular {
24
+ padding: 10px 14px 10px 14px;
25
+ background: var(--hlx-color-white);
26
+ text-align: center;
27
+ cursor: pointer;
28
+ border-radius: 7px;
8
29
  display: flex;
9
30
  flex-direction: row;
10
- height: 38px;
11
- .switch-item-regular input[type="radio"] {
12
- position: absolute;
13
- opacity: 0;
14
- width: 0;
15
- height: 0;
16
- }
17
-
18
-
19
- .switch-item-regular input[type="radio"]:checked + label {
20
- background-color: #007aff;
21
- color: #fff;
22
- }
23
-
24
- .switch-item-regular {
25
- padding: 10px 14px 10px 14px;
26
- background: var(--hlx-color-white);
27
- text-align: center;
28
- cursor: pointer;
29
- border-radius: 7px;
31
+ align-items: center;
32
+ justify-content: center;
33
+
34
+ font-size: 14px;
35
+ color: var(--hlx-text-color-primary);
36
+ // width: 100%;
37
+
38
+ .content-regular {
30
39
  display: flex;
40
+ cursor: pointer;
41
+ font-size: 14px;
31
42
  flex-direction: row;
32
43
  align-items: center;
33
44
  justify-content: center;
34
-
35
- font-size: 14px;
36
- color: var(--hlx-text-color-primary);
37
- // width: 100%;
38
-
39
- .content-regular{
40
- display: flex;
41
- cursor: pointer;
42
- font-size: 14px;
43
- flex-direction: row;
44
- align-items: center;
45
- justify-content: center;
46
- i{
47
- font-size: var(--hlx-icon-size-sm);
48
- margin-right: 8px;
45
+ i {
46
+ font-size: var(--hlx-icon-size-sm);
47
+ margin-right: 8px;
49
48
  }
50
- }
51
-
52
- }
53
- .noborder{
54
- border: none;
55
- }
56
- .border{
57
- border-right: 1px solid var(--hlx-color-primary);
58
- border-top-right-radius: 0px;
59
- border-bottom-right-radius: 0px;
60
- // border: none;
61
- }
62
- .selected-switch-regular{
63
- color: var(--hlx-color-white);
64
- background: var(--hlx-color-primary);
65
-
66
-
67
- }
68
- .noradius{
69
- border-radius:0
70
- }
71
- .radius{
72
- }
73
- .noleftradius{
74
- border-top-left-radius: 0px;
75
- border-bottom-left-radius: 0px;
76
49
  }
77
50
  }
51
+ .noborder {
52
+ border: none;
53
+ }
54
+ .border {
55
+ border-right: 1px solid var(--hlx-color-primary);
56
+ border-top-right-radius: 0px;
57
+ border-bottom-right-radius: 0px;
58
+ // border: none;
59
+ }
60
+ .selected-switch-regular {
61
+ color: var(--hlx-color-white);
62
+ background: var(--hlx-color-primary);
63
+ }
64
+ .noradius {
65
+ border-radius: 0;
66
+ }
67
+ // .radius {
68
+ // }
69
+ .noleftradius {
70
+ border-top-left-radius: 0px;
71
+ border-bottom-left-radius: 0px;
72
+ }
73
+ }
78
74
  .switch-containerr-tab-top {
79
- // width: -moz-fit-content;
80
- width: fit-content;
81
- // padding: 14px 16px 14px 16px;
82
- // border-top: 1px solid var(--hlx-border-color);
83
- box-sizing: border-box;
75
+ // width: -moz-fit-content;
76
+ width: fit-content;
77
+ // padding: 14px 16px 14px 16px;
78
+ // border-top: 1px solid var(--hlx-border-color);
79
+ box-sizing: border-box;
80
+ border-radius: 6px;
81
+ display: flex;
82
+ flex-direction: row;
83
+ height: 38px;
84
+ .switch-item-tab-top {
85
+ padding: 10px 14px 10px 14px;
86
+ background: var(--hlx-color-white);
87
+ text-align: center;
88
+ cursor: pointer;
84
89
  border-radius: 6px;
85
90
  display: flex;
86
91
  flex-direction: row;
87
- height: 38px;
88
- .switch-item-tab-top {
89
- padding: 10px 14px 10px 14px;
90
- background: var(--hlx-color-white);
91
- text-align: center;
92
- cursor: pointer;
93
- border-radius: 6px;
92
+ align-items: center;
93
+ justify-content: center;
94
+
95
+ font-size: 14px;
96
+ color: var(--hlx-text-color-primary);
97
+ // width: 100%;
98
+
99
+ .content-tab-top {
94
100
  display: flex;
101
+ font-size: 14px;
95
102
  flex-direction: row;
103
+ cursor: pointer;
96
104
  align-items: center;
97
105
  justify-content: center;
98
-
99
- font-size: 14px;
100
- color: var(--hlx-text-color-primary);
101
- // width: 100%;
102
-
103
-
104
- .content-tab-top{
105
- display: flex;
106
- font-size: 14px;
107
- flex-direction: row;
108
- cursor: pointer;
109
- align-items: center;
110
- justify-content: center;
111
- i{
112
- font-size: var(--hlx-icon-size-sm);
113
- margin-right: 8px;
106
+ i {
107
+ font-size: var(--hlx-icon-size-sm);
108
+ margin-right: 8px;
114
109
  }
115
- input[type="radio"] {
110
+ input[type='radio'] {
116
111
  position: absolute;
117
112
  opacity: 0;
118
113
  width: 0;
119
114
  height: 0;
120
115
  }
121
- }
122
-
123
- }
124
- .noborder{
125
- border: none;
126
- }
127
- // .border{
128
- // border-right: 1px solid var(--hlx-color-primary);
129
- // border-top-right-radius: 0px;
130
- // border-bottom-right-radius: 0px;
131
- // // border: none;
132
- // }
133
- .selected-switch-tab-top{
134
- color: var(--hlx-color-primary);
135
- border-top: 2px solid var(--hlx-color-primary);
136
- border-top-right-radius: 0px;
137
- border-top-left-radius: 0px;
138
- // background: var(--hlx-color-primary);
139
-
140
-
141
- }
142
- .noradius{
143
- border-radius:0
144
- }
145
- .radius{
146
- }
147
- .noleftradius{
148
- border-top-left-radius: 0px;
149
- border-bottom-left-radius: 0px;
150
116
  }
151
117
  }
118
+ .noborder {
119
+ border: none;
120
+ }
121
+ // .border{
122
+ // border-right: 1px solid var(--hlx-color-primary);
123
+ // border-top-right-radius: 0px;
124
+ // border-bottom-right-radius: 0px;
125
+ // // border: none;
126
+ // }
127
+ .selected-switch-tab-top {
128
+ color: var(--hlx-color-primary);
129
+ border-top: 2px solid var(--hlx-color-primary);
130
+ border-top-right-radius: 0px;
131
+ border-top-left-radius: 0px;
132
+ // background: var(--hlx-color-primary);
133
+ }
134
+ .noradius {
135
+ border-radius: 0;
136
+ }
137
+ // .radius {
138
+ // }
139
+ .noleftradius {
140
+ border-top-left-radius: 0px;
141
+ border-bottom-left-radius: 0px;
142
+ }
143
+ }
152
144
  .switch-containerr-tab-bottom {
153
- // width: -moz-fit-content;
154
- width: fit-content;
155
- // padding: 14px 16px 14px 16px;
156
- // border-bottom: 1px solid var(--hlx-border-color);
157
- box-sizing: border-box;
158
- border-radius: 6px;
145
+ // width: -moz-fit-content;
146
+ width: fit-content;
147
+ // padding: 14px 16px 14px 16px;
148
+ // border-bottom: 1px solid var(--hlx-border-color);
149
+ box-sizing: border-box;
150
+ border-radius: 6px;
151
+ display: flex;
152
+ flex-direction: row;
153
+ height: 38px;
154
+ .switch-item-tab-bottom {
155
+ padding: 10px 14px 10px 14px;
156
+ background: var(--hlx-color-white);
157
+ text-align: center;
158
+ cursor: pointer;
159
+ // border-radius: 6px;
159
160
  display: flex;
160
161
  flex-direction: row;
161
- height: 38px;
162
- .switch-item-tab-bottom {
163
- padding: 10px 14px 10px 14px;
164
- background: var(--hlx-color-white);
165
- text-align: center;
166
- cursor: pointer;
167
- // border-radius: 6px;
162
+ align-items: center;
163
+ justify-content: center;
164
+
165
+ font-size: 14px;
166
+ color: var(--hlx-text-color-primary);
167
+ border-bottom: 2px solid transparent;
168
+ // width: 100%;
169
+
170
+ .content-tab-bottom {
168
171
  display: flex;
172
+ cursor: pointer;
173
+ font-size: 14px;
169
174
  flex-direction: row;
170
175
  align-items: center;
171
176
  justify-content: center;
172
-
173
- font-size: 14px;
174
- color: var(--hlx-text-color-primary);
175
- border-bottom: 2px solid transparent;
176
- // width: 100%;
177
-
178
- .content-tab-bottom{
179
- display: flex;
180
- cursor: pointer;
181
- font-size: 14px;
182
- flex-direction: row;
183
- align-items: center;
184
- justify-content: center;
185
- i{
186
- font-size: var(--hlx-icon-size-sm);
187
- margin-right: 8px;
177
+ i {
178
+ font-size: var(--hlx-icon-size-sm);
179
+ margin-right: 8px;
188
180
  }
189
- input[type="radio"] {
181
+ input[type='radio'] {
190
182
  position: absolute;
191
183
  opacity: 0;
192
184
  width: 0;
193
185
  height: 0;
194
186
  }
195
- }
196
-
197
- }
198
- .noborder{
199
- border: none;
200
- }
201
- // .border{
202
- // border-right: 1px solid var(--hlx-color-primary);
203
- // border-top-right-radius: 0px;
204
- // border-bottom-right-radius: 0px;
205
- // // border: none;
206
- // }
207
- .selected-switch-tab-bottom{
208
- color: var(--hlx-color-primary);
209
- border-bottom: 2px solid var(--hlx-color-primary);
210
- border-top-right-radius: 0px;
211
- border-top-left-radius: 0px;
212
-
213
-
214
- }
215
- .noradius{
216
- border-radius:0
217
- }
218
- .radius{
219
- }
220
- .noleftradius{
221
- border-top-left-radius: 0px;
222
- border-bottom-left-radius: 0px;
223
187
  }
224
188
  }
189
+ .noborder {
190
+ border: none;
191
+ }
192
+ // .border{
193
+ // border-right: 1px solid var(--hlx-color-primary);
194
+ // border-top-right-radius: 0px;
195
+ // border-bottom-right-radius: 0px;
196
+ // // border: none;
197
+ // }
198
+ .selected-switch-tab-bottom {
199
+ color: var(--hlx-color-primary);
200
+ border-bottom: 2px solid var(--hlx-color-primary);
201
+ border-top-right-radius: 0px;
202
+ border-top-left-radius: 0px;
203
+ }
204
+ .noradius {
205
+ border-radius: 0;
206
+ }
207
+ // .radius {
208
+ // }
209
+ .noleftradius {
210
+ border-top-left-radius: 0px;
211
+ border-bottom-left-radius: 0px;
212
+ }
213
+ }
225
214
 
226
-
227
- .switchselectvalue{
228
- border:none;
229
- background-color: var(--hlx-color-primary) !important;
230
- color: var(--hlx-color-white) !important;
231
- }
215
+ .switchselectvalue {
216
+ border: none;
217
+ background-color: var(--hlx-color-primary) !important;
218
+ color: var(--hlx-color-white) !important;
219
+ }