halleyx-ui-framework 4.1.8 → 4.2.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 (67) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/es/index.css +1 -1
  4. package/dist/es/index.js +1 -1
  5. package/dist/src/assets/icon-style.css +1 -1
  6. package/dist/src/assets/icons/icon-style(old).css +1 -1
  7. package/dist/src/assets/icons/icon-style.css +1 -1
  8. package/dist/src/assets/styles/accordion.scss +99 -99
  9. package/dist/src/assets/styles/base.scss +2 -1
  10. package/dist/src/assets/styles/breadcrumb.scss +15 -15
  11. package/dist/src/assets/styles/buttons.scss +4 -4
  12. package/dist/src/assets/styles/calendar.scss +343 -346
  13. package/dist/src/assets/styles/cards.scss +17 -16
  14. package/dist/src/assets/styles/colorPicker.scss +15 -15
  15. package/dist/src/assets/styles/colorpalette.scss +138 -139
  16. package/dist/src/assets/styles/common/var.scss +213 -215
  17. package/dist/src/assets/styles/componentlayout.scss +126 -128
  18. package/dist/src/assets/styles/contextMenu.scss +46 -47
  19. package/dist/src/assets/styles/customdropdown.scss +113 -115
  20. package/dist/src/assets/styles/dashboard.scss +764 -770
  21. package/dist/src/assets/styles/dataview.scss +203 -206
  22. package/dist/src/assets/styles/divider.scss +8 -8
  23. package/dist/src/assets/styles/dottedPagination.scss +1 -1
  24. package/dist/src/assets/styles/draggables.scss +36 -39
  25. package/dist/src/assets/styles/drawer.scss +68 -53
  26. package/dist/src/assets/styles/errorpage.scss +61 -64
  27. package/dist/src/assets/styles/fileupload.scss +199 -205
  28. package/dist/src/assets/styles/fonts.scss +14 -14
  29. package/dist/src/assets/styles/icon.scss +1 -1
  30. package/dist/src/assets/styles/imagegallery.scss +169 -167
  31. package/dist/src/assets/styles/importProgress.scss +1 -1
  32. package/dist/src/assets/styles/index.scss +18 -17
  33. package/dist/src/assets/styles/inputfields.scss +44 -46
  34. package/dist/src/assets/styles/inputitems.scss +315 -318
  35. package/dist/src/assets/styles/label.scss +48 -54
  36. package/dist/src/assets/styles/loaders.scss +1 -1
  37. package/dist/src/assets/styles/mixins/_var.scss +31 -37
  38. package/dist/src/assets/styles/mixins/functions.scss +7 -7
  39. package/dist/src/assets/styles/modalwindow.scss +100 -103
  40. package/dist/src/assets/styles/newtable.scss +10 -23
  41. package/dist/src/assets/styles/objectViewer.scss +80 -80
  42. package/dist/src/assets/styles/pagination.scss +6 -6
  43. package/dist/src/assets/styles/rating.scss +2 -2
  44. package/dist/src/assets/styles/scrollbar.scss +14 -14
  45. package/dist/src/assets/styles/search.scss +162 -169
  46. package/dist/src/assets/styles/select.scss +455 -480
  47. package/dist/src/assets/styles/sidebar.scss +2 -3
  48. package/dist/src/assets/styles/signup.scss +118 -128
  49. package/dist/src/assets/styles/slideControl.scss +1 -0
  50. package/dist/src/assets/styles/source_content.scss +13 -13
  51. package/dist/src/assets/styles/speeddial.scss +152 -163
  52. package/dist/src/assets/styles/style.css.map +12 -12
  53. package/dist/src/assets/styles/switch.scss +177 -189
  54. package/dist/src/assets/styles/tablev2.scss +140 -143
  55. package/dist/src/assets/styles/tabs.scss +48 -49
  56. package/dist/src/assets/styles/tag.scss +3 -3
  57. package/dist/src/assets/styles/texteditor.scss +165 -172
  58. package/dist/src/assets/styles/timeline.scss +384 -400
  59. package/dist/src/assets/styles/tooltip.scss +52 -72
  60. package/dist/src/assets/styles/tree.scss +13 -15
  61. package/dist/src/assets/styles/treeSelect.scss +8 -8
  62. package/dist/src/assets/styles/variables.scss +9 -9
  63. package/dist/src/assets/styles/visualbuilder.scss +362 -366
  64. package/dist/umd/index.umd.css +1 -1
  65. package/dist/umd/index.umd.js +1 -1
  66. package/dist/umd/index.umd.js.map +1 -1
  67. package/package.json +1 -1
package/dist/src/assets/styles/search.scss CHANGED
@@ -1,195 +1,188 @@
1
-
2
-
3
- .box{
1
+ .box {
4
2
  margin: 10px;
5
- }
6
- .search-container {
3
+ }
4
+ .search-container {
7
5
  font-family: var(--hlx-font-type-content);
8
- width: 100%;
9
- // margin-right: 50px;
6
+ width: 100%;
7
+ // margin-right: 50px;
8
+ height: 38px;
9
+ .search-1 {
10
+ // margin: 30px;
11
+ padding: 9px 12px 9px 12px;
12
+ background: white;
10
13
  height: 38px;
11
- .search-1 {
12
- // margin: 30px;
13
- padding: 9px 12px 9px 12px;
14
- background: white;
14
+ width: 100%;
15
+ position: relative;
16
+ display: flex;
17
+ flex-direction: row;
18
+ align-items: center;
19
+ justify-content: space-between;
20
+ border: solid 1px var(--hlx-border-color);
21
+ border-radius: 20px;
22
+ &:hover {
23
+ border: 1px solid var(--hlx-color-primary);
24
+ }
25
+ input {
26
+ display: block;
27
+ width: 90%;
28
+ height: 20px;
29
+ color: var(--hlx-text-color-primary);
30
+ background: transparent;
31
+ transition: all 0.3s ease;
32
+ // padding: 6px 0 6px 0px;
33
+ outline: none;
34
+ border: none;
35
+ font-size: 14px;
36
+ }
37
+ input::placeholder {
38
+ font-size: 14px;
39
+ }
40
+
41
+ .icon-1 {
42
+ .icon-search-regular {
43
+ font-size: var(--hlx-icon-size-md);
44
+ color: var(--hlx-border-color);
45
+ }
46
+ }
47
+ }
48
+ .search-1:hover > div > .icon-search-regular {
49
+ color: var(--hlx-color-primary);
50
+ }
51
+
52
+ .search-1 > input:focus + div > .icon-search-regular {
53
+ color: var(--hlx-color-primary-dark);
54
+ }
55
+ .search-1:focus-within {
56
+ border: 1px solid var(--hlx-color-primary-dark);
57
+ }
58
+
59
+ .search-2 {
60
+ // margin: 30px;
61
+ width: 100%;
62
+ position: relative;
63
+ display: flex;
64
+ flex-direction: row;
65
+ align-items: center;
66
+
67
+ input {
68
+ display: block;
69
+ width: 95%;
15
70
  height: 38px;
16
- width: 100%;
17
- position: relative;
18
- display: flex;
19
- flex-direction: row;
20
- align-items: center;
21
- justify-content: space-between;
71
+ color: var(--hlx-text-color-primary);
72
+ background: transparent;
73
+ transition: all 0.3s ease;
74
+ padding: 10px 12px;
75
+ font-size: 14px;
76
+ outline: none;
22
77
  border: solid 1px var(--hlx-border-color);
23
78
  border-radius: 20px;
24
79
  &:hover {
25
80
  border: 1px solid var(--hlx-color-primary);
26
81
  }
27
- input {
28
- display: block;
29
- width: 90%;
30
- height: 20px;
31
- color: var(--hlx-text-color-primary);
32
- background: transparent;
33
- transition: all 0.3s ease;
34
- // padding: 6px 0 6px 0px;
35
- outline: none;
36
- border: none;
37
- font-size: 14px
82
+ &:focus {
83
+ border: 1px solid var(--hlx-color-primary-dark);
38
84
  }
39
- input::placeholder {
40
- font-size: 14px
41
- }
42
-
43
-
44
- .icon-1 {
45
- .icon-search-regular {
46
- font-size: var(--hlx-icon-size-md);
47
- color: var(--hlx-border-color);
48
- }
49
- }
50
-
51
85
  }
52
- .search-1:hover > div > .icon-search-regular{
53
- color: var(--hlx-color-primary)
54
- }
55
-
56
- .search-1 >input:focus + div > .icon-search-regular{
57
- color: var(--hlx-color-primary-dark)
86
+ input:hover + label {
87
+ background: var(--hlx-color-primary);
58
88
  }
59
- .search-1:focus-within{
60
- border: 1px solid var(--hlx-color-primary-dark);
89
+ input:focus + label {
90
+ background: var(--hlx-color-primary-dark);
61
91
  }
62
-
63
- .search-2 {
64
- // margin: 30px;
65
- width: 100%;
66
- position: relative;
92
+ .icon-2 {
93
+ width: 38px;
94
+ height: 38px;
95
+ margin-left: 10px;
96
+ border-radius: 100%;
97
+ background: var(--hlx-border-color-dark);
67
98
  display: flex;
68
- flex-direction: row;
69
99
  align-items: center;
70
-
71
- input {
72
- display: block;
73
- width: 95%;
74
- height: 38px;
75
- color: var(--hlx-text-color-primary);
76
- background: transparent;
77
- transition: all 0.3s ease;
78
- padding: 10px 12px;
79
- font-size: 14px;
80
- outline: none;
81
- border: solid 1px var(--hlx-border-color);
82
- border-radius: 20px;
83
- &:hover {
84
- border: 1px solid var(--hlx-color-primary);
85
- }
86
- &:focus {
87
- border: 1px solid var(--hlx-color-primary-dark);
88
- }
89
- }
90
- input:hover + label{
91
- background: var(--hlx-color-primary)
92
- }
93
- input:focus + label{
94
- background: var(--hlx-color-primary-dark)
95
- }
96
- .icon-2 {
97
- width: 38px;
98
- height: 38px;
99
- margin-left: 10px;
100
- border-radius: 100%;
101
- background: var(--hlx-border-color-dark);
102
- display: flex;
103
- align-items: center;
104
- justify-content: center;
105
- .icon-search-regular {
106
- font-size: var(--hlx-icon-size-sm);
107
- color: #fff;
108
- }
109
-
100
+ justify-content: center;
101
+ .icon-search-regular {
102
+ font-size: var(--hlx-icon-size-sm);
103
+ color: #fff;
110
104
  }
111
105
  }
112
-
113
-
114
- .search-3 {
115
- // margin: 30px;
116
- width: 100%;
117
- position: relative;
118
- display: flex;
119
- flex-direction: row;
120
- align-items: center;
121
-
122
- input {
123
- display: block;
124
- width: 95%;
125
- height: 38px;
126
- color: var(--hlx-text-color-primary);
127
- background: transparent;
128
- transition: all 0.3s ease;
129
- padding: 10px 12px;
130
- font-size: 14px;
131
- outline: none;
132
- border: solid 1px var(--hlx-border-color);
106
+ }
107
+
108
+ .search-3 {
109
+ // margin: 30px;
110
+ width: 100%;
111
+ position: relative;
112
+ display: flex;
113
+ flex-direction: row;
114
+ align-items: center;
115
+
116
+ input {
117
+ display: block;
118
+ width: 95%;
119
+ height: 38px;
120
+ color: var(--hlx-text-color-primary);
121
+ background: transparent;
122
+ transition: all 0.3s ease;
123
+ padding: 10px 12px;
124
+ font-size: 14px;
125
+ outline: none;
126
+ border: solid 1px var(--hlx-border-color);
127
+ border-right: none;
128
+ border-radius: 20px 0 0 20px;
129
+ &:hover {
130
+ border: 1px solid var(--hlx-color-primary);
133
131
  border-right: none;
134
- border-radius: 20px 0 0 20px;
135
- &:hover {
136
- border: 1px solid var(--hlx-color-primary);
137
- border-right: none;
138
- }
139
- &:focus {
140
- border: 1px solid var(--hlx-color-primary-dark);
141
- border-right: none;
142
- }
143
- }
144
- input:hover + img{
145
- content:url('https://components.halleyx.com/img/search3_hover.svg');
146
132
  }
147
- input:focus + img{
148
- content:url('https://components.halleyx.com/img/search3_active.svg');
133
+ &:focus {
134
+ border: 1px solid var(--hlx-color-primary-dark);
135
+ border-right: none;
149
136
  }
137
+ }
138
+ input:hover + img {
139
+ content: url('https://components.halleyx.com/img/search3_hover.svg');
140
+ }
141
+ input:focus + img {
142
+ content: url('https://components.halleyx.com/img/search3_active.svg');
143
+ }
150
144
 
151
- img{
152
- position: relative;
153
- right: 12px;
154
- }
145
+ img {
146
+ position: relative;
147
+ right: 12px;
148
+ }
155
149
 
156
- .search-3img{
157
- content:url('https://components.halleyx.com/img/search3.svg');
158
- }
159
- // .mycircle{
160
- // width: 38px;
161
- // height: 38px;
162
- // border: 1px solid var(--hlx-border-color);
163
- // border-radius: 50%;
164
- // border-bottom-color: transparent;
165
- // border-right-color: transparent;
166
- // position: relative;
167
- // right: 20px;
168
- // transform: rotate(-46deg);
169
- // }
170
- .icon-3 {
171
- width: 38px;
172
- height: 38px;
173
- position: relative;
174
- right: 45px;
175
- // margin-left: 10px;
176
- border-radius: 100%;
177
- background: var(--hlx-border-color);
178
- display: flex;
179
- align-items: center;
180
- justify-content: center;
181
- .icon-search-regular {
182
- font-size: var(--hlx-icon-size-md);
183
- color: #fff;
184
- }
150
+ .search-3img {
151
+ content: url('https://components.halleyx.com/img/search3.svg');
152
+ }
153
+ // .mycircle{
154
+ // width: 38px;
155
+ // height: 38px;
156
+ // border: 1px solid var(--hlx-border-color);
157
+ // border-radius: 50%;
158
+ // border-bottom-color: transparent;
159
+ // border-right-color: transparent;
160
+ // position: relative;
161
+ // right: 20px;
162
+ // transform: rotate(-46deg);
163
+ // }
164
+ .icon-3 {
165
+ width: 38px;
166
+ height: 38px;
167
+ position: relative;
168
+ right: 45px;
169
+ // margin-left: 10px;
170
+ border-radius: 100%;
171
+ background: var(--hlx-border-color);
172
+ display: flex;
173
+ align-items: center;
174
+ justify-content: center;
175
+ .icon-search-regular {
176
+ font-size: var(--hlx-icon-size-md);
177
+ color: #fff;
185
178
  }
186
179
  }
187
180
  }
181
+ }
188
182
 
189
-
190
- input[type="search"]::-webkit-search-decoration,
191
- input[type="search"]::-webkit-search-cancel-button,
192
- input[type="search"]::-webkit-search-results-button,
193
- input[type="search"]::-webkit-search-results-decoration {
194
- -webkit-appearance:none;
195
- }
183
+ input[type='search']::-webkit-search-decoration,
184
+ input[type='search']::-webkit-search-cancel-button,
185
+ input[type='search']::-webkit-search-results-button,
186
+ input[type='search']::-webkit-search-results-decoration {
187
+ -webkit-appearance: none;
188
+ }