halleyx-ui-framework 11.7.43 → 11.7.45

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 (172) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.js +9 -9
  3. package/dist/es/index.css +1 -1
  4. package/dist/es/index.js +9 -9
  5. package/dist/locales/staticData.js +125 -0
  6. package/dist/src/assets/locales/staticData.js +125 -0
  7. package/dist/src/assets/styles/accordion.css +81 -0
  8. package/dist/src/assets/styles/accordion.css.map +1 -0
  9. package/dist/src/assets/styles/accordion.scss +2 -2
  10. package/dist/src/assets/styles/alert.css +210 -0
  11. package/dist/src/assets/styles/alert.css.map +1 -0
  12. package/dist/src/assets/styles/alert.scss +0 -1
  13. package/dist/src/assets/styles/badge.css +33 -0
  14. package/dist/src/assets/styles/badge.css.map +1 -0
  15. package/dist/src/assets/styles/base.css +198 -0
  16. package/dist/src/assets/styles/base.css.map +1 -0
  17. package/dist/src/assets/styles/base.scss +0 -3
  18. package/dist/src/assets/styles/breadcrumb.css +57 -0
  19. package/dist/src/assets/styles/breadcrumb.css.map +1 -0
  20. package/dist/src/assets/styles/breadcrumb.scss +13 -102
  21. package/dist/src/assets/styles/buttonGroup.css +155 -0
  22. package/dist/src/assets/styles/buttonGroup.css.map +1 -0
  23. package/dist/src/assets/styles/buttons.css +431 -0
  24. package/dist/src/assets/styles/buttons.css.map +1 -0
  25. package/dist/src/assets/styles/calendar.css +322 -0
  26. package/dist/src/assets/styles/calendar.css.map +1 -0
  27. package/dist/src/assets/styles/calendar.scss +1 -5
  28. package/dist/src/assets/styles/calendarfilter.css +114 -0
  29. package/dist/src/assets/styles/calendarfilter.css.map +1 -0
  30. package/dist/src/assets/styles/cards.css +71 -0
  31. package/dist/src/assets/styles/cards.css.map +1 -0
  32. package/dist/src/assets/styles/cascader.css +84 -0
  33. package/dist/src/assets/styles/cascader.css.map +1 -0
  34. package/dist/src/assets/styles/cascader.scss +18 -146
  35. package/dist/src/assets/styles/colorPicker.css +15 -0
  36. package/dist/src/assets/styles/colorPicker.css.map +1 -0
  37. package/dist/src/assets/styles/colorpalette.css +137 -0
  38. package/dist/src/assets/styles/colorpalette.css.map +1 -0
  39. package/dist/src/assets/styles/colorpalette.scss +15 -19
  40. package/dist/src/assets/styles/componentlayout.css +210 -0
  41. package/dist/src/assets/styles/componentlayout.css.map +1 -0
  42. package/dist/src/assets/styles/contextMenu.css +53 -0
  43. package/dist/src/assets/styles/contextMenu.css.map +1 -0
  44. package/dist/src/assets/styles/customdropdown.css +110 -0
  45. package/dist/src/assets/styles/customdropdown.css.map +1 -0
  46. package/dist/src/assets/styles/dashboard.css +1817 -0
  47. package/dist/src/assets/styles/dashboard.css.map +1 -0
  48. package/dist/src/assets/styles/dataview.css +232 -0
  49. package/dist/src/assets/styles/dataview.css.map +1 -0
  50. package/dist/src/assets/styles/dataview.scss +2 -4
  51. package/dist/src/assets/styles/datepicker.css +116 -0
  52. package/dist/src/assets/styles/datepicker.css.map +1 -0
  53. package/dist/src/assets/styles/datepicker.scss +4 -289
  54. package/dist/src/assets/styles/divider.css +10 -0
  55. package/dist/src/assets/styles/divider.css.map +1 -0
  56. package/dist/src/assets/styles/dottedPagination.css +40 -0
  57. package/dist/src/assets/styles/dottedPagination.css.map +1 -0
  58. package/dist/src/assets/styles/draggables.css +53 -0
  59. package/dist/src/assets/styles/draggables.css.map +1 -0
  60. package/dist/src/assets/styles/drawer.css +149 -0
  61. package/dist/src/assets/styles/drawer.css.map +1 -0
  62. package/dist/src/assets/styles/drawer.scss +1 -1
  63. package/dist/src/assets/styles/errorpage.css +67 -0
  64. package/dist/src/assets/styles/errorpage.css.map +1 -0
  65. package/dist/src/assets/styles/fileupload.css +296 -0
  66. package/dist/src/assets/styles/fileupload.css.map +1 -0
  67. package/dist/src/assets/styles/fileupload.scss +2 -2
  68. package/dist/src/assets/styles/filterandsearch.css +172 -0
  69. package/dist/src/assets/styles/filterandsearch.css.map +1 -0
  70. package/dist/src/assets/styles/filterandsearch.scss +0 -10
  71. package/dist/src/assets/styles/fonts.css +90 -0
  72. package/dist/src/assets/styles/fonts.css.map +1 -0
  73. package/dist/src/assets/styles/fonts.scss +6 -6
  74. package/dist/src/assets/styles/icon.css +1416 -0
  75. package/dist/src/assets/styles/icon.css.map +1 -0
  76. package/dist/src/assets/styles/icon.scss +1 -1
  77. package/dist/src/assets/styles/imagegallery.css +186 -0
  78. package/dist/src/assets/styles/imagegallery.css.map +1 -0
  79. package/dist/src/assets/styles/importProgress.css +45 -0
  80. package/dist/src/assets/styles/importProgress.css.map +1 -0
  81. package/dist/src/assets/styles/importProgress.scss +1 -1
  82. package/dist/src/assets/styles/index.css +11896 -0
  83. package/dist/src/assets/styles/index.css.map +1 -0
  84. package/dist/src/assets/styles/index.scss +1 -1
  85. package/dist/src/assets/styles/inputfields.css +388 -0
  86. package/dist/src/assets/styles/inputfields.css.map +1 -0
  87. package/dist/src/assets/styles/inputfields.scss +25 -205
  88. package/dist/src/assets/styles/inputitems.css +409 -0
  89. package/dist/src/assets/styles/inputitems.css.map +1 -0
  90. package/dist/src/assets/styles/inputitems.scss +17 -101
  91. package/dist/src/assets/styles/label.css +72 -0
  92. package/dist/src/assets/styles/label.css.map +1 -0
  93. package/dist/src/assets/styles/label.scss +193 -2
  94. package/dist/src/assets/styles/loaders.css +125 -0
  95. package/dist/src/assets/styles/loaders.css.map +1 -0
  96. package/dist/src/assets/styles/modalwindow.css +93 -0
  97. package/dist/src/assets/styles/modalwindow.css.map +1 -0
  98. package/dist/src/assets/styles/modalwindow.scss +1 -95
  99. package/dist/src/assets/styles/newtable.css +1 -0
  100. package/dist/src/assets/styles/newtable.css.map +1 -0
  101. package/dist/src/assets/styles/objectViewer.css +190 -0
  102. package/dist/src/assets/styles/objectViewer.css.map +1 -0
  103. package/dist/src/assets/styles/overlay.css +14 -0
  104. package/dist/src/assets/styles/overlay.css.map +1 -0
  105. package/dist/src/assets/styles/overlay.scss +0 -1
  106. package/dist/src/assets/styles/pagination.css +206 -0
  107. package/dist/src/assets/styles/pagination.css.map +1 -0
  108. package/dist/src/assets/styles/pagination.scss +2 -2
  109. package/dist/src/assets/styles/partials.css +1 -0
  110. package/dist/src/assets/styles/partials.css.map +1 -0
  111. package/dist/src/assets/styles/rating.css +32 -0
  112. package/dist/src/assets/styles/rating.css.map +1 -0
  113. package/dist/src/assets/styles/scrollbar.css +18 -0
  114. package/dist/src/assets/styles/scrollbar.css.map +1 -0
  115. package/dist/src/assets/styles/search.css +166 -0
  116. package/dist/src/assets/styles/search.css.map +1 -0
  117. package/dist/src/assets/styles/select.css +958 -0
  118. package/dist/src/assets/styles/select.css.map +1 -0
  119. package/dist/src/assets/styles/select.scss +21 -130
  120. package/dist/src/assets/styles/sidebar.css +365 -0
  121. package/dist/src/assets/styles/sidebar.css.map +1 -0
  122. package/dist/src/assets/styles/signup.css +119 -0
  123. package/dist/src/assets/styles/signup.css.map +1 -0
  124. package/dist/src/assets/styles/slideControl.css +79 -0
  125. package/dist/src/assets/styles/slideControl.css.map +1 -0
  126. package/dist/src/assets/styles/source_content.css +15 -0
  127. package/dist/src/assets/styles/source_content.css.map +1 -0
  128. package/dist/src/assets/styles/speeddial.css +218 -0
  129. package/dist/src/assets/styles/speeddial.css.map +1 -0
  130. package/dist/src/assets/styles/status.css +28 -0
  131. package/dist/src/assets/styles/status.css.map +1 -0
  132. package/dist/src/assets/styles/status.scss +2 -2
  133. package/dist/src/assets/styles/stepControl.css +71 -0
  134. package/dist/src/assets/styles/stepControl.css.map +1 -0
  135. package/dist/src/assets/styles/switch.css +190 -0
  136. package/dist/src/assets/styles/switch.css.map +1 -0
  137. package/dist/src/assets/styles/tablev2.css +205 -0
  138. package/dist/src/assets/styles/tablev2.css.map +1 -0
  139. package/dist/src/assets/styles/tablev2.scss +2 -9
  140. package/dist/src/assets/styles/tabs.css +56 -0
  141. package/dist/src/assets/styles/tabs.css.map +1 -0
  142. package/dist/src/assets/styles/tag.css +96 -0
  143. package/dist/src/assets/styles/tag.css.map +1 -0
  144. package/dist/src/assets/styles/tag.scss +6 -7
  145. package/dist/src/assets/styles/tagcount.css +56 -0
  146. package/dist/src/assets/styles/tagcount.css.map +1 -0
  147. package/dist/src/assets/styles/tagcount.scss +16 -13
  148. package/dist/src/assets/styles/texteditor.css +250 -0
  149. package/dist/src/assets/styles/texteditor.css.map +1 -0
  150. package/dist/src/assets/styles/texteditor.scss +0 -204
  151. package/dist/src/assets/styles/timeline.css +492 -0
  152. package/dist/src/assets/styles/timeline.css.map +1 -0
  153. package/dist/src/assets/styles/timeline.scss +0 -90
  154. package/dist/src/assets/styles/tooltip.css +156 -0
  155. package/dist/src/assets/styles/tooltip.css.map +1 -0
  156. package/dist/src/assets/styles/tooltip.scss +1 -1
  157. package/dist/src/assets/styles/tree.css +882 -0
  158. package/dist/src/assets/styles/tree.css.map +1 -0
  159. package/dist/src/assets/styles/tree.scss +49 -44
  160. package/dist/src/assets/styles/treeSelect.css +227 -0
  161. package/dist/src/assets/styles/treeSelect.css.map +1 -0
  162. package/dist/src/assets/styles/variables.css +198 -0
  163. package/dist/src/assets/styles/variables.css.map +1 -0
  164. package/dist/src/assets/styles/visualbuilder.css +474 -0
  165. package/dist/src/assets/styles/visualbuilder.css.map +1 -0
  166. package/dist/umd/index.css +1 -1
  167. package/dist/umd/index.umd.css +1 -0
  168. package/dist/umd/index.umd.js +18 -10
  169. package/dist/umd/index.umd.js.map +5 -1
  170. package/package.json +4 -1
  171. package/LICENSE +0 -28
  172. package/README.md +0 -160
@@ -0,0 +1,431 @@
1
+ #hlx-button-0009.hlx-button {
2
+ font-family: var(--hlx-font-type-content) !important;
3
+ box-sizing: border-box;
4
+ border: none;
5
+ -webkit-user-select: none;
6
+ -moz-user-select: none;
7
+ user-select: none;
8
+ position: relative;
9
+ border-radius: 6px;
10
+ padding: 14px 16px;
11
+ height: 46px;
12
+ font-size: 15px;
13
+ line-height: 18.15px;
14
+ letter-spacing: 0.005em;
15
+ min-width: -moz-max-content;
16
+ min-width: max-content;
17
+ min-width: max-content;
18
+ cursor: pointer;
19
+ }
20
+ #hlx-button-0009.hlx-button.primary {
21
+ color: var(--hlx-color-white);
22
+ background: var(--hlx-color-primary);
23
+ }
24
+ #hlx-button-0009.hlx-button.primary:hover:not(#hlx-button-0009.hlx-button.primary:active) {
25
+ background-color: var(--hlx-color-primary-dark);
26
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
27
+ transition: all 0.1s;
28
+ }
29
+ #hlx-button-0009.hlx-button.primary:hover {
30
+ background-color: var(--hlx-color-primary-dark);
31
+ transition: all 0.1s;
32
+ }
33
+ #hlx-button-0009.hlx-button.primary:active {
34
+ background-color: var(--hlx-color-primary);
35
+ top: 2px;
36
+ }
37
+ #hlx-button-0009.hlx-button.primary-success {
38
+ color: var(--hlx-color-white);
39
+ background: var(--hlx-color-success);
40
+ }
41
+ #hlx-button-0009.hlx-button.primary-success:hover:not(#hlx-button-0009.hlx-button.primary-success:active) {
42
+ background-color: var(--hlx-color-success-dark);
43
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
44
+ transition: all 0.1s;
45
+ }
46
+ #hlx-button-0009.hlx-button.primary-success:active {
47
+ top: 2px;
48
+ background-color: var(--hlx-color-success);
49
+ }
50
+ #hlx-button-0009.hlx-button.primary-warning {
51
+ background: var(--hlx-color-warning);
52
+ color: var(--hlx-color-white);
53
+ }
54
+ #hlx-button-0009.hlx-button.primary-warning:hover:not(#hlx-button-0009.hlx-button.primary-warning:active) {
55
+ background-color: var(--hlx-color-warning-dark);
56
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
57
+ transition: all 0.1s;
58
+ }
59
+ #hlx-button-0009.hlx-button.primary-warning:active {
60
+ top: 2px;
61
+ background-color: var(--hlx-color-warning);
62
+ }
63
+ #hlx-button-0009.hlx-button.primary-info {
64
+ background: var(--hlx-color-info);
65
+ color: var(--hlx-color-white);
66
+ }
67
+ #hlx-button-0009.hlx-button.primary-info:hover:not(#hlx-button-0009.hlx-button.primary-info:active) {
68
+ background-color: var(--hlx-color-info-dark);
69
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
70
+ transition: all 0.1s;
71
+ }
72
+ #hlx-button-0009.hlx-button.primary-info:active {
73
+ top: 2px;
74
+ background-color: var(--hlx-color-info);
75
+ }
76
+ #hlx-button-0009.hlx-button.primary-error {
77
+ color: var(--hlx-color-white);
78
+ background: var(--hlx-color-error);
79
+ }
80
+ #hlx-button-0009.hlx-button.primary-error:hover:not(#hlx-button-0009.hlx-button.primary-error:active) {
81
+ background: var(--hlx-color-error-dark);
82
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
83
+ transition: all 0.1s;
84
+ }
85
+ #hlx-button-0009.hlx-button.primary-error:active {
86
+ top: 2px;
87
+ background: var(--hlx-color-error);
88
+ }
89
+ #hlx-button-0009.hlx-button.secondary {
90
+ background: var(--hlx-color-white);
91
+ border: 1px solid var(--hlx-color-primary-dark);
92
+ color: var(--hlx-color-primary);
93
+ }
94
+ #hlx-button-0009.hlx-button.secondary:hover {
95
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
96
+ color: var(--hlx-color-primary);
97
+ }
98
+ #hlx-button-0009.hlx-button.secondary:active {
99
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.61);
100
+ color: var(--hlx-color-primary-dark);
101
+ transition: active 4s;
102
+ }
103
+ #hlx-button-0009.hlx-button.secondary-success {
104
+ border: 1px solid var(--hlx-color-success-dark);
105
+ background: var(--hlx-color-white);
106
+ color: var(--hlx-color-success);
107
+ }
108
+ #hlx-button-0009.hlx-button.secondary-success:hover {
109
+ background-color: rgba(var(--hlx-color-success-rgb), 0.2);
110
+ color: var(--hlx-color-success);
111
+ }
112
+ #hlx-button-0009.hlx-button.secondary-success:active {
113
+ background-color: rgba(var(--hlx-color-success-rgb), 0.61);
114
+ color: var(--hlx-color-success-dark);
115
+ transition: active 4s;
116
+ }
117
+ #hlx-button-0009.hlx-button.secondary-warning {
118
+ border: 1px solid var(--hlx-color-warning);
119
+ background: var(--hlx-color-white);
120
+ color: var(--hlx-color-warning);
121
+ }
122
+ #hlx-button-0009.hlx-button.secondary-warning:hover {
123
+ background-color: rgba(var(--hlx-color-warning-rgb), 0.2);
124
+ }
125
+ #hlx-button-0009.hlx-button.secondary-warning:active {
126
+ background-color: rgba(var(--hlx-color-warning-rgb), 0.61);
127
+ transition: active 4s;
128
+ }
129
+ #hlx-button-0009.hlx-button.secondary-info {
130
+ border: 1px solid var(--hlx-color-info);
131
+ background: var(--hlx-color-white);
132
+ color: var(--hlx-color-info);
133
+ }
134
+ #hlx-button-0009.hlx-button.secondary-info:hover {
135
+ background-color: rgba(var(--hlx-color-info-rgb), 0.2);
136
+ }
137
+ #hlx-button-0009.hlx-button.secondary-info:active {
138
+ background-color: rgba(var(--hlx-color-info-rgb), 0.61);
139
+ transition: active 4s;
140
+ }
141
+ #hlx-button-0009.hlx-button.secondary-error {
142
+ border: 1px solid var(--hlx-color-error);
143
+ background: var(--hlx-color-white);
144
+ color: var(--hlx-color-error);
145
+ }
146
+ #hlx-button-0009.hlx-button.secondary-error:hover {
147
+ background-color: rgba(var(--hlx-color-error-rgb), 0.2);
148
+ }
149
+ #hlx-button-0009.hlx-button.secondary-error:active {
150
+ background-color: rgba(var(--hlx-color-error-rgb), 0.61);
151
+ transition: active 4s;
152
+ }
153
+ #hlx-button-0009.hlx-button.text {
154
+ background: var(--hlx-color-white);
155
+ color: var(--hlx-color-primary);
156
+ }
157
+ #hlx-button-0009.hlx-button.text:hover {
158
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
159
+ color: var(--hlx-color-primary-dark);
160
+ }
161
+ #hlx-button-0009.hlx-button.text:active {
162
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.61);
163
+ color: var(--hlx-color-primary-dark);
164
+ transition: active 4s;
165
+ }
166
+ #hlx-button-0009.hlx-button.text-success {
167
+ background: var(--hlx-color-white);
168
+ color: var(--hlx-color-success);
169
+ }
170
+ #hlx-button-0009.hlx-button.text-success:hover {
171
+ background-color: rgba(var(--hlx-color-success-rgb), 0.2);
172
+ color: var(--hlx-color-success);
173
+ }
174
+ #hlx-button-0009.hlx-button.text-success:active {
175
+ background-color: rgba(var(--hlx-color-success-rgb), 0.61);
176
+ color: var(--hlx-color-success);
177
+ transition: active 4s;
178
+ }
179
+ #hlx-button-0009.hlx-button.text-warning {
180
+ background: var(--hlx-color-white);
181
+ color: var(--hlx-color-warning);
182
+ }
183
+ #hlx-button-0009.hlx-button.text-warning:hover {
184
+ background-color: rgba(var(--hlx-color-warning-rgb), 0.2);
185
+ }
186
+ #hlx-button-0009.hlx-button.text-warning:active {
187
+ background-color: rgba(var(--hlx-color-warning-rgb), 0.61);
188
+ transition: active 4s;
189
+ }
190
+ #hlx-button-0009.hlx-button.text-info {
191
+ background: var(--hlx-color-white);
192
+ color: var(--hlx-color-info);
193
+ }
194
+ #hlx-button-0009.hlx-button.text-info:hover {
195
+ background-color: rgba(var(--hlx-color-info-rgb), 0.2);
196
+ }
197
+ #hlx-button-0009.hlx-button.text-info:active {
198
+ background-color: rgba(var(--hlx-color-info-rgb), 0.61);
199
+ transition: active 4s;
200
+ }
201
+ #hlx-button-0009.hlx-button.text-error {
202
+ background: var(--hlx-color-white);
203
+ color: var(--hlx-color-error);
204
+ }
205
+ #hlx-button-0009.hlx-button.text-error:hover {
206
+ background-color: rgba(var(--hlx-color-error-rgb), 0.2);
207
+ }
208
+ #hlx-button-0009.hlx-button.text-error:active {
209
+ background-color: rgba(var(--hlx-color-error-rgb), 0.61);
210
+ transition: active 4s;
211
+ }
212
+ #hlx-button-0009.hlx-button.link {
213
+ padding: 0 !important;
214
+ background: transparent;
215
+ color: var(--hlx-color-link);
216
+ }
217
+ #hlx-button-0009.hlx-button.link:hover {
218
+ background-color: transparent !important;
219
+ box-shadow: none !important;
220
+ color: var(--hlx-color-link);
221
+ text-decoration: underline;
222
+ text-decoration-color: var(--hlx-color-link);
223
+ }
224
+ #hlx-button-0009.hlx-button.link:active {
225
+ background-color: transparent !important;
226
+ border: none !important;
227
+ color: var(--hlx-color-link);
228
+ transition: active 4s;
229
+ }
230
+ #hlx-button-0009.hlx-button.link:active::after {
231
+ box-shadow: none !important;
232
+ }
233
+ #hlx-button-0009.hlx-button.pill {
234
+ border-radius: 999px !important;
235
+ color: var(--hlx-color-white);
236
+ background-color: var(--hlx-color-primary);
237
+ }
238
+ #hlx-button-0009.hlx-button.pill:hover:not(#hlx-button-0009.hlx-button.pill:active) {
239
+ background-color: var(--hlx-color-primary-dark);
240
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
241
+ transition: all 0.1s;
242
+ }
243
+ #hlx-button-0009.hlx-button.pill:hover {
244
+ background: var(--hlx-color-primary-dark);
245
+ transition: all 0.1s;
246
+ }
247
+ #hlx-button-0009.hlx-button.pill:active {
248
+ top: 2px;
249
+ background: var(--hlx-color-primary);
250
+ }
251
+ #hlx-button-0009.hlx-button.pill-success {
252
+ border-radius: 22px;
253
+ background-color: var(--hlx-color-success);
254
+ color: var(--hlx-color-white);
255
+ }
256
+ #hlx-button-0009.hlx-button.pill-success:hover:not(#hlx-button-0009.hlx-button.pill-success:active) {
257
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
258
+ background: var(--hlx-color-success-dark);
259
+ transition: all 0.1s;
260
+ }
261
+ #hlx-button-0009.hlx-button.pill-success:active {
262
+ top: 2px;
263
+ background: var(--hlx-color-success);
264
+ }
265
+ #hlx-button-0009.hlx-button.pill-warning {
266
+ border-radius: 22px;
267
+ background-color: var(--hlx-color-warning);
268
+ color: var(--hlx-color-white);
269
+ }
270
+ #hlx-button-0009.hlx-button.pill-warning:hover:not(#hlx-button-0009.hlx-button.pill-warning:active) {
271
+ background: var(--hlx-color-warning-dark);
272
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
273
+ transition: all 0.1s;
274
+ }
275
+ #hlx-button-0009.hlx-button.pill-warning:active {
276
+ top: 2px;
277
+ background: var(--hlx-color-warning);
278
+ }
279
+ #hlx-button-0009.hlx-button.pill-info {
280
+ border-radius: 22px;
281
+ background: var(--hlx-color-info);
282
+ color: var(--hlx-color-white);
283
+ }
284
+ #hlx-button-0009.hlx-button.pill-info:hover:not(#hlx-button-0009.hlx-button.pill-info:active) {
285
+ background: var(--hlx-color-info-dark);
286
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
287
+ transition: all 0.1s;
288
+ }
289
+ #hlx-button-0009.hlx-button.pill-info:active {
290
+ top: 2px;
291
+ background: var(--hlx-color-info);
292
+ }
293
+ #hlx-button-0009.hlx-button.pill-error {
294
+ border-radius: 22px;
295
+ color: var(--hlx-color-white);
296
+ background: var(--hlx-color-error);
297
+ }
298
+ #hlx-button-0009.hlx-button.pill-error:hover:not(#hlx-button-0009.hlx-button.pill-error:active) {
299
+ background: var(--hlx-color-error-dark);
300
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
301
+ transition: all 0.1s;
302
+ }
303
+ #hlx-button-0009.hlx-button.pill-error:active {
304
+ top: 2px;
305
+ background: var(--hlx-color-error);
306
+ }
307
+ #hlx-button-0009.hlx-button.tertiary {
308
+ color: var(--hlx-color-white);
309
+ background-color: var(--hlx-color-primary);
310
+ height: 50px;
311
+ border-radius: 1rem;
312
+ font-size: 18px;
313
+ line-height: 2rem;
314
+ width: 50px;
315
+ display: flex;
316
+ align-content: center;
317
+ flex-direction: column;
318
+ align-items: center;
319
+ justify-content: center;
320
+ }
321
+ #hlx-button-0009.hlx-button.tertiary:hover:not(#hlx-button-0009.hlx-button.tertiary:active) {
322
+ background: var(--hlx-color-primary-dark);
323
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
324
+ transition: all 0.1s;
325
+ }
326
+ #hlx-button-0009.hlx-button.tertiary:hover {
327
+ background-color: var(--hlx-color-primary);
328
+ transition: all 0.1s;
329
+ }
330
+ #hlx-button-0009.hlx-button.tertiary:active:after {
331
+ content: "";
332
+ position: absolute;
333
+ width: 104%;
334
+ box-shadow: var(--hlx-color-primary) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
335
+ height: 108%;
336
+ left: -1.8%;
337
+ top: -4%;
338
+ border-radius: 1rem;
339
+ }
340
+ #hlx-button-0009.hlx-button.tertiary-invert {
341
+ color: var(--hlx-color-white);
342
+ height: 50px;
343
+ border-radius: 1rem;
344
+ font-size: 18px;
345
+ background: var(--hlx-color-primary-dark);
346
+ width: 50px;
347
+ display: flex;
348
+ align-content: center;
349
+ flex-direction: column;
350
+ align-items: center;
351
+ justify-content: center;
352
+ background: var(--hlx-color-white);
353
+ color: var(--hlx-color-primary);
354
+ }
355
+ #hlx-button-0009.hlx-button.tertiary-invert:hover:not(#hlx-button-0009.hlx-button.tertiary-invert:active) {
356
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
357
+ background-color: var(--hlx-color-primary);
358
+ color: var(--hlx-color-white);
359
+ transition: all 0.1s;
360
+ }
361
+ #hlx-button-0009.hlx-button.tertiary-invert:active:after {
362
+ content: "";
363
+ position: absolute;
364
+ width: 104%;
365
+ box-shadow: var(--hlx-color-primary) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
366
+ height: 108%;
367
+ left: -2%;
368
+ top: -2px;
369
+ border-radius: 1rem;
370
+ }
371
+ #hlx-button-0009.hlx-button.tertiary-secondary {
372
+ height: 50px;
373
+ border-radius: 1rem;
374
+ font-size: 18 px;
375
+ width: 50px;
376
+ background: var(--hlx-color-white);
377
+ border: 1px solid var(--hlx-color-primary);
378
+ color: var(--hlx-color-primary);
379
+ display: flex;
380
+ align-content: center;
381
+ flex-direction: column;
382
+ align-items: center;
383
+ justify-content: center;
384
+ }
385
+ #hlx-button-0009.hlx-button.tertiary-secondary:hover {
386
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.2);
387
+ color: var(--hlx-color-primary);
388
+ }
389
+ #hlx-button-0009.hlx-button.tertiary-secondary:active {
390
+ background-color: rgba(var(--hlx-color-primary-rgb), 0.6);
391
+ color: var(--hlx-color-primary-dark);
392
+ transition: active 4s;
393
+ }
394
+ #hlx-button-0009.hlx-button.sm {
395
+ height: 38px;
396
+ padding: 10px 12px;
397
+ border-radius: 6px;
398
+ font-size: var(--hlx-font-content-size-sm);
399
+ line-height: 18.15px;
400
+ letter-spacing: 0.005em;
401
+ }
402
+ #hlx-button-0009.hlx-button.sm:active:after {
403
+ border-radius: inherit;
404
+ }
405
+ #hlx-button-0009.hlx-button.lg {
406
+ height: 62px;
407
+ padding: 22px 20px;
408
+ font-size: 15px;
409
+ line-height: 18.15px;
410
+ letter-spacing: 0.005em;
411
+ }
412
+ #hlx-button-0009.hlx-button.disabled-button {
413
+ background: var(--hlx-color-disable) !important;
414
+ color: var(--hlx-color-disable-text) !important;
415
+ cursor: default;
416
+ pointer-events: none;
417
+ border: 1px solid var(--hlx-color-disable) !important;
418
+ }
419
+ #hlx-button-0009.hlx-button.disabled-button[class*=text-] {
420
+ background: var(--hlx-color-white) !important;
421
+ border: none !important;
422
+ }
423
+ #hlx-button-0009.hlx-button.disabled-button[class*=text-]:hover {
424
+ background: none !important;
425
+ color: var(--hlx-color-disable-text) !important;
426
+ }
427
+ #hlx-button-0009.hlx-button.disabled-button:hover, #hlx-button-0009.hlx-button.disabled-button:active {
428
+ background: var(--hlx-color-disable) !important;
429
+ pointer-events: none !important;
430
+ box-shadow: none !important;
431
+ }/*# sourceMappingURL=buttons.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["buttons.scss","buttons.css"],"names":[],"mappings":"AACA;EACE,oDAAA;EAGA,sBAAA;EACA,YAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EAEA,eAAA;EACA,oBAAA;EACA,uBAAA;EACA,2BAAA;EAAA,sBAAA;EAEA,sBAAA;EAGA,eAAA;ACNF;ADuBE;EACE,6BAAA;EACA,oCAAA;ACrBJ;ADsBI;EACE,+CAAA;EACA,0HAAA;EAEA,oBAAA;ACrBN;ADuBI;EACE,+CAAA;EAGA,oBAAA;ACvBN;ADyBI;EACE,0CAAA;EACA,QAAA;ACvBN;ADuCI;EACE,6BAAA;EACA,oCAAA;ACrCN;ADsCM;EACE,+CAAA;EACA,0HAAA;EAEA,oBAAA;ACrCR;ADqDM;EACE,QAAA;EACA,0CAAA;ACnDR;ADsDI;EACE,oCAAA;EACA,6BAAA;ACpDN;ADqDM;EACE,+CAAA;EACA,0HAAA;EAEA,oBAAA;ACpDR;ADoEM;EACE,QAAA;EACA,0CAAA;AClER;ADqEI;EACE,iCAAA;EACA,6BAAA;ACnEN;ADoEM;EACE,4CAAA;EACA,0HAAA;EAEA,oBAAA;ACnER;ADmFM;EACE,QAAA;EACA,uCAAA;ACjFR;ADoFI;EACE,6BAAA;EACA,kCAAA;AClFN;ADmFM;EACE,uCAAA;EACA,0HAAA;EAEA,oBAAA;AClFR;ADmGM;EACE,QAAA;EACA,kCAAA;ACjGR;AD+KE;EACE,kCAAA;EACA,+CAAA;EACA,+BAAA;AC7KJ;AD8KI;EACE,yDAAA;EACA,+BAAA;AC5KN;AD8KI;EACE,0DAAA;EACA,oCAAA;EACA,qBAAA;AC5KN;AD8KI;EACE,+CAAA;EACA,kCAAA;EACA,+BAAA;AC5KN;AD6KM;EACE,yDAAA;EACA,+BAAA;AC3KR;AD6KM;EACE,0DAAA;EACA,oCAAA;EACA,qBAAA;AC3KR;AD8KI;EACE,0CAAA;EACA,kCAAA;EAEA,+BAAA;AC7KN;AD8KM;EACE,yDAAA;AC5KR;AD+KM;EACE,0DAAA;EAEA,qBAAA;AC9KR;ADiLI;EACE,uCAAA;EACA,kCAAA;EAEA,4BAAA;AChLN;ADiLM;EACE,sDAAA;AC/KR;ADkLM;EACE,uDAAA;EAEA,qBAAA;ACjLR;ADoLI;EACE,wCAAA;EACA,kCAAA;EAEA,6BAAA;ACnLN;ADoLM;EACE,uDAAA;AClLR;ADqLM;EACE,wDAAA;EAEA,qBAAA;ACpLR;ADkQE;EACE,kCAAA;EAEA,+BAAA;ACjQJ;ADmQI;EACE,yDAAA;EACA,oCAAA;ACjQN;ADmQI;EACE,0DAAA;EACA,oCAAA;EACA,qBAAA;ACjQN;ADmQI;EAEE,kCAAA;EACA,+BAAA;AClQN;ADmQM;EACE,yDAAA;EACA,+BAAA;ACjQR;ADmQM;EACE,0DAAA;EACA,+BAAA;EACA,qBAAA;ACjQR;ADoQI;EAEE,kCAAA;EAEA,+BAAA;ACpQN;ADqQM;EACE,yDAAA;ACnQR;ADsQM;EACE,0DAAA;EAEA,qBAAA;ACrQR;ADwQI;EAEE,kCAAA;EAEA,4BAAA;ACxQN;ADyQM;EACE,sDAAA;ACvQR;AD0QM;EACE,uDAAA;EAEA,qBAAA;ACzQR;AD4QI;EAEE,kCAAA;EAEA,6BAAA;AC5QN;AD6QM;EACE,uDAAA;AC3QR;AD8QM;EACE,wDAAA;EAEA,qBAAA;AC7QR;ADiRE;EACE,qBAAA;EACA,uBAAA;EAEA,4BAAA;AChRJ;ADkRI;EACE,wCAAA;EACA,2BAAA;EACA,4BAAA;EACA,0BAAA;EACA,4CAAA;AChRN;ADmRI;EAEE,wCAAA;EACA,uBAAA;EACA,4BAAA;EAIA,qBAAA;ACrRN;ADkRM;EACE,2BAAA;AChRR;ADqRE;EAeE,+BAAA;EACA,6BAAA;EACA,0CAAA;ACjSJ;ADkSI;EACE,+CAAA;EACA,0HAAA;EAEA,oBAAA;ACjSN;ADmSI;EACE,yCAAA;EAGA,oBAAA;ACnSN;ADqSI;EACE,QAAA;EACA,oCAAA;ACnSN;ADqSI;EACE,mBAAA;EACA,0CAAA;EACA,6BAAA;ACnSN;ADoSM;EACE,0HAAA;EAEA,yCAAA;EACA,oBAAA;ACnSR;ADqSM;EACE,QAAA;EACA,oCAAA;ACnSR;ADsSI;EACE,mBAAA;EACA,0CAAA;EACA,6BAAA;ACpSN;ADqSM;EACE,yCAAA;EACA,0HAAA;EAEA,oBAAA;ACpSR;ADsSM;EACE,QAAA;EACA,oCAAA;ACpSR;ADuSI;EACE,mBAAA;EACA,iCAAA;EACA,6BAAA;ACrSN;ADsSM;EACE,sCAAA;EACA,0HAAA;EAEA,oBAAA;ACrSR;ADuSM;EACE,QAAA;EACA,iCAAA;ACrSR;ADwSI;EACE,mBAAA;EACA,6BAAA;EACA,kCAAA;ACtSN;ADuSM;EACE,uCAAA;EACA,0HAAA;EAEA,oBAAA;ACtSR;ADwSM;EACE,QAAA;EACA,kCAAA;ACtSR;AD0SE;EACE,6BAAA;EACA,0CAAA;EAEA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ACzSJ;AD0SI;EACE,yCAAA;EACA,0HAAA;EAEA,oBAAA;ACzSN;AD2SI;EACE,0CAAA;EACA,oBAAA;ACzSN;AD4SM;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EAEA,4FAAA;EAEA,YAAA;EACA,WAAA;EACA,QAAA;EACA,mBAAA;AC5SR;AD+SI;EACE,6BAAA;EAEA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,yCAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,kCAAA;EACA,+BAAA;AC9SN;AD+SM;EACE,0HAAA;EAEA,0CAAA;EACA,6BAAA;EACA,oBAAA;AC9SR;ADiTQ;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EAIA,4FAAA;EAEA,YAAA;EACA,SAAA;EACA,SAAA;EACA,mBAAA;ACnTV;ADuTI;EAGE,YAAA;EACA,mBAAA;EACA,gBAAA;EAEA,WAAA;EACA,kCAAA;EACA,0CAAA;EACA,+BAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ACxTN;AD0TM;EACE,yDAAA;EACA,+BAAA;ACxTR;AD0TM;EACE,yDAAA;EACA,oCAAA;EACA,qBAAA;ACxTR;AD6TE;EAME,YAAA;EACA,kBAAA;EACA,kBAAA;EAEA,0CAAA;EACA,oBAAA;EACA,uBAAA;ACjUJ;ADmUM;EACE,sBAAA;ACjUR;ADqUE;EAKE,YAAA;EACA,kBAAA;EAGA,eAAA;EACA,oBAAA;EACA,uBAAA;ACzUJ;AD2UE;EACE,+CAAA;EACA,+CAAA;EACA,eAAA;EACA,oBAAA;EACA,qDAAA;ACzUJ;AD0UI;EACE,6CAAA;EACA,uBAAA;ACxUN;ADyUM;EACE,2BAAA;EACA,+CAAA;ACvUR;AD2UI;EAEE,+CAAA;EACA,+BAAA;EAEA,2BAAA;AC3UN","file":"buttons.css"}