@dodlhuat/basix 1.2.0 → 1.2.2

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 (93) hide show
  1. package/README.md +266 -6
  2. package/css/accordion.scss +86 -87
  3. package/css/alert.scss +137 -137
  4. package/css/button.scss +48 -0
  5. package/css/calendar.scss +957 -0
  6. package/css/card.scss +65 -65
  7. package/css/chart.scss +270 -157
  8. package/css/chat-bubbles.scss +134 -68
  9. package/css/chips.scss +109 -19
  10. package/css/colors.scss +32 -32
  11. package/css/datepicker.scss +336 -336
  12. package/css/defaults.scss +90 -90
  13. package/css/docs.scss +529 -0
  14. package/css/editor.scss +36 -0
  15. package/css/file-uploader.scss +1 -1
  16. package/css/flyout-menu.scss +361 -361
  17. package/css/form.scss +0 -15
  18. package/css/gallery.scss +65 -6
  19. package/css/grid.scss +41 -40
  20. package/css/group-picker.scss +345 -0
  21. package/css/guitar-chords.css +250 -250
  22. package/css/icons.scss +330 -330
  23. package/css/parameters.scss +3 -3
  24. package/css/placeholder.scss +33 -33
  25. package/css/popover.scss +206 -0
  26. package/css/progress.scss +76 -32
  27. package/css/properties.scss +51 -36
  28. package/css/push-menu.scss +302 -174
  29. package/css/reset.scss +39 -39
  30. package/css/scrollbar.scss +62 -5
  31. package/css/sidebar-nav.scss +92 -0
  32. package/css/spinner.scss +65 -65
  33. package/css/stepper.scss +48 -12
  34. package/css/style.css +3155 -254
  35. package/css/style.css.map +1 -1
  36. package/css/style.min.css +1 -1
  37. package/css/style.scss +51 -45
  38. package/css/table.scss +199 -199
  39. package/css/tabs.scss +154 -123
  40. package/css/timeline.scss +83 -38
  41. package/css/timepicker.scss +100 -5
  42. package/css/toast.scss +81 -81
  43. package/css/virtual-dropdown.scss +35 -29
  44. package/js/calendar.js +532 -0
  45. package/js/calendar.ts +706 -0
  46. package/js/chart.js +573 -257
  47. package/js/chart.ts +692 -0
  48. package/js/code-viewer.js +10 -10
  49. package/js/code-viewer.ts +188 -188
  50. package/js/datepicker.ts +627 -627
  51. package/js/docs-nav.js +204 -0
  52. package/js/dropdown.ts +179 -179
  53. package/js/editor.js +50 -6
  54. package/js/editor.ts +483 -444
  55. package/js/file-uploader.js +1 -0
  56. package/js/file-uploader.ts +1 -0
  57. package/js/flyout-menu.js +14 -14
  58. package/js/flyout-menu.ts +249 -249
  59. package/js/form-builder.js +106 -106
  60. package/js/gallery.js +14 -8
  61. package/js/gallery.ts +245 -236
  62. package/js/group-picker.js +342 -0
  63. package/js/group-picker.ts +447 -0
  64. package/js/guitar-chords.js +268 -268
  65. package/js/lazy-loader.js +121 -121
  66. package/js/modal.ts +166 -166
  67. package/js/popover.js +163 -0
  68. package/js/popover.ts +219 -0
  69. package/js/position.js +108 -0
  70. package/js/position.ts +111 -0
  71. package/js/push-menu.js +113 -0
  72. package/js/push-menu.ts +284 -145
  73. package/js/request.js +50 -50
  74. package/js/scroll.ts +47 -47
  75. package/js/scrollbar.js +13 -0
  76. package/js/scrollbar.ts +324 -307
  77. package/js/select.ts +216 -216
  78. package/js/sidebar-nav.js +41 -0
  79. package/js/sidebar-nav.ts +66 -0
  80. package/js/table.ts +452 -452
  81. package/js/tabs.ts +279 -279
  82. package/js/theme.js +17 -6
  83. package/js/theme.ts +234 -224
  84. package/js/toast.ts +137 -137
  85. package/js/tooltip.js +6 -60
  86. package/js/tooltip.ts +184 -251
  87. package/js/tsconfig.json +18 -18
  88. package/js/utils.ts +83 -83
  89. package/js/virtual-dropdown.js +25 -25
  90. package/js/virtual-dropdown.ts +365 -365
  91. package/package.json +37 -39
  92. package/js/index.js +0 -816
  93. package/js/index.ts +0 -987
package/css/icons.scss CHANGED
@@ -1,331 +1,331 @@
1
-
2
- @font-face {
3
- font-family: "Material Symbols Outlined 24pt";
4
- src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2");
5
- }
6
-
7
-
8
- .icon {
9
- font-family: "Material Symbols Outlined 24pt", serif;
10
- font-style: normal;
11
- font-weight: normal;
12
- font-variant: normal;
13
- text-transform: none;
14
- line-height: 1;
15
- font-size: 24px;
16
- -webkit-font-smoothing: antialiased;
17
- -moz-osx-font-smoothing: grayscale;
18
- }
19
-
20
-
21
- .icon-delete::before {
22
- content: "\e872";
23
- }
24
-
25
- .icon-search::before {
26
- content: "\e8b6";
27
- }
28
-
29
- .icon-splitscreen_vertical_add::before {
30
- content: "\f4fc";
31
- }
32
-
33
- .icon-splitscreen_add::before {
34
- content: "\f4fd";
35
- }
36
-
37
- .icon-push_pin::before {
38
- content: "\f10d";
39
- }
40
-
41
- .icon-block::before {
42
- content: "\e033";
43
- }
44
-
45
- .icon-check_circle::before {
46
- content: "\e86c";
47
- }
48
-
49
- .icon-stars::before {
50
- content: "\e8d0";
51
- }
52
-
53
- .icon-support::before {
54
- content: "\ef73";
55
- }
56
-
57
- .icon-refresh::before {
58
- content: "\e5d5";
59
- }
60
-
61
- .icon-sync::before {
62
- content: "\e627";
63
- }
64
-
65
- .icon-language::before {
66
- content: "\e894";
67
- }
68
-
69
- .icon-article::before {
70
- content: "\ef42";
71
- }
72
-
73
- .icon-list_alt::before {
74
- content: "\e0ee";
75
- }
76
-
77
- .icon-add_box::before {
78
- content: "\e146";
79
- }
80
-
81
- .icon-disabled_by_default::before {
82
- content: "\f230";
83
- }
84
-
85
- .icon-help_center::before {
86
- content: "\f1c0";
87
- }
88
-
89
- .icon-pages::before {
90
- content: "\e7f9";
91
- }
92
-
93
- .icon-add_photo_alternate::before {
94
- content: "\e43e";
95
- }
96
-
97
- .icon-calendar_today::before {
98
- content: "\e935";
99
- }
100
-
101
- .icon-assignment_turned_in::before {
102
- content: "\e862";
103
- }
104
-
105
- .icon-finance::before {
106
- content: "\e6bf";
107
- }
108
-
109
- .icon-save::before {
110
- content: "\e161";
111
- }
112
-
113
- .icon-folder::before {
114
- content: "\e2c7";
115
- }
116
-
117
- .icon-folder_off::before {
118
- content: "\eb83";
119
- }
120
-
121
- .icon-folder_open::before {
122
- content: "\e2c8";
123
- }
124
-
125
- .icon-mail::before {
126
- content: "\e0be";
127
- }
128
-
129
- .icon-attach_file::before {
130
- content: "\e226";
131
- }
132
-
133
- .icon-chat_bubble::before {
134
- content: "\e0ca";
135
- }
136
-
137
- .icon-cases::before {
138
- content: "\e992";
139
- }
140
-
141
- .icon-send::before {
142
- content: "\e163";
143
- }
144
-
145
- .icon-bookmark::before {
146
- content: "\e866";
147
- }
148
-
149
- .icon-label::before {
150
- content: "\e892";
151
- }
152
-
153
- .icon-filter_alt::before {
154
- content: "\ef4f";
155
- }
156
-
157
- .icon-filter_alt_off::before {
158
- content: "\eb32";
159
- }
160
-
161
- .icon-notifications_active::before {
162
- content: "\e7f7";
163
- }
164
-
165
- .icon-more_horiz::before {
166
- content: "\e5d3";
167
- }
168
-
169
- .icon-more_vert::before {
170
- content: "\e5d4";
171
- }
172
-
173
- .icon-navigate_before::before {
174
- content: "\e408";
175
- }
176
-
177
- .icon-navigate_next::before {
178
- content: "\e409";
179
- }
180
-
181
- .icon-keyboard_double_arrow_left::before {
182
- content: "\eac3";
183
- }
184
-
185
- .icon-keyboard_double_arrow_right::before {
186
- content: "\eac9";
187
- }
188
-
189
- .icon-first_page::before {
190
- content: "\e5dc";
191
- }
192
-
193
- .icon-last_page::before {
194
- content: "\e5dd";
195
- }
196
-
197
- .icon-expand_less::before {
198
- content: "\e5ce";
199
- }
200
-
201
- .icon-expand_more::before {
202
- content: "\e5cf";
203
- }
204
-
205
- .icon-zoom_in_map::before {
206
- content: "\eb2d";
207
- }
208
-
209
- .icon-zoom_out_map::before {
210
- content: "\e56b";
211
- }
212
-
213
- .icon-drag_pan::before {
214
- content: "\f71e";
215
- }
216
-
217
- .icon-format_list_bulleted::before {
218
- content: "\e241";
219
- }
220
-
221
- .icon-format_list_numbered::before {
222
- content: "\e242";
223
- }
224
-
225
- .icon-check::before {
226
- content: "\e5ca";
227
- }
228
-
229
- .icon-remove::before {
230
- content: "\e15b";
231
- }
232
-
233
- .icon-add::before {
234
- content: "\e145";
235
- }
236
-
237
- .icon-close::before {
238
- content: "\e14c";
239
- }
240
-
241
- .icon-format_bold::before {
242
- content: "\e238";
243
- }
244
-
245
- .icon-format_italic::before {
246
- content: "\e23f";
247
- }
248
-
249
- .icon-format_underlined::before {
250
- content: "\e249";
251
- }
252
-
253
- .icon-home::before {
254
- content: "\e88a";
255
- }
256
-
257
- .icon-favorite::before {
258
- content: "\e87d";
259
- }
260
-
261
- .icon-edit::before {
262
- content: "\e150";
263
- }
264
-
265
- .icon-layers::before {
266
- content: "\e53b";
267
- }
268
-
269
- .icon-cloud::before {
270
- content: "\e2bd";
271
- }
272
-
273
- .icon-print::before {
274
- content: "\e555";
275
- }
276
-
277
- .icon-share::before {
278
- content: "\e80d";
279
- }
280
-
281
- .icon-tune::before {
282
- content: "\e429";
283
- }
284
-
285
- .icon-power_settings_new::before {
286
- content: "\e8ac";
287
- }
288
-
289
- .icon-timeline::before {
290
- content: "\e922";
291
- }
292
-
293
- .icon-bar_chart::before {
294
- content: "\e26b";
295
- }
296
-
297
- .icon-bar_chart_4_bars::before {
298
- content: "\f681";
299
- }
300
-
301
- .icon-finance_mode::before {
302
- content: "\ef92";
303
- }
304
-
305
- .icon-database::before {
306
- content: "\f20e";
307
- }
308
-
309
- .icon-settings::before {
310
- content: "\e8b8";
311
- }
312
-
313
- .icon-person::before {
314
- content: "\e7fd";
315
- }
316
-
317
- .icon-menu_open::before {
318
- content: "\e7ad";
319
- }
320
-
321
- .icon-menu::before {
322
- content: "\e7ac";
323
- }
324
-
325
- .icon-light::before {
326
- content: "\e81a";
327
- }
328
-
329
- .icon-dark::before {
330
- content: "\ef44";
1
+
2
+ @font-face {
3
+ font-family: "Material Symbols Outlined 24pt";
4
+ src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2");
5
+ }
6
+
7
+
8
+ .icon {
9
+ font-family: "Material Symbols Outlined 24pt", serif;
10
+ font-style: normal;
11
+ font-weight: normal;
12
+ font-variant: normal;
13
+ text-transform: none;
14
+ line-height: 1;
15
+ font-size: 24px;
16
+ -webkit-font-smoothing: antialiased;
17
+ -moz-osx-font-smoothing: grayscale;
18
+ }
19
+
20
+
21
+ .icon-delete::before {
22
+ content: "\e872";
23
+ }
24
+
25
+ .icon-search::before {
26
+ content: "\e8b6";
27
+ }
28
+
29
+ .icon-splitscreen_vertical_add::before {
30
+ content: "\f4fc";
31
+ }
32
+
33
+ .icon-splitscreen_add::before {
34
+ content: "\f4fd";
35
+ }
36
+
37
+ .icon-push_pin::before {
38
+ content: "\f10d";
39
+ }
40
+
41
+ .icon-block::before {
42
+ content: "\e033";
43
+ }
44
+
45
+ .icon-check_circle::before {
46
+ content: "\e86c";
47
+ }
48
+
49
+ .icon-stars::before {
50
+ content: "\e8d0";
51
+ }
52
+
53
+ .icon-support::before {
54
+ content: "\ef73";
55
+ }
56
+
57
+ .icon-refresh::before {
58
+ content: "\e5d5";
59
+ }
60
+
61
+ .icon-sync::before {
62
+ content: "\e627";
63
+ }
64
+
65
+ .icon-language::before {
66
+ content: "\e894";
67
+ }
68
+
69
+ .icon-article::before {
70
+ content: "\ef42";
71
+ }
72
+
73
+ .icon-list_alt::before {
74
+ content: "\e0ee";
75
+ }
76
+
77
+ .icon-add_box::before {
78
+ content: "\e146";
79
+ }
80
+
81
+ .icon-disabled_by_default::before {
82
+ content: "\f230";
83
+ }
84
+
85
+ .icon-help_center::before {
86
+ content: "\f1c0";
87
+ }
88
+
89
+ .icon-pages::before {
90
+ content: "\e7f9";
91
+ }
92
+
93
+ .icon-add_photo_alternate::before {
94
+ content: "\e43e";
95
+ }
96
+
97
+ .icon-calendar_today::before {
98
+ content: "\e935";
99
+ }
100
+
101
+ .icon-assignment_turned_in::before {
102
+ content: "\e862";
103
+ }
104
+
105
+ .icon-finance::before {
106
+ content: "\e6bf";
107
+ }
108
+
109
+ .icon-save::before {
110
+ content: "\e161";
111
+ }
112
+
113
+ .icon-folder::before {
114
+ content: "\e2c7";
115
+ }
116
+
117
+ .icon-folder_off::before {
118
+ content: "\eb83";
119
+ }
120
+
121
+ .icon-folder_open::before {
122
+ content: "\e2c8";
123
+ }
124
+
125
+ .icon-mail::before {
126
+ content: "\e0be";
127
+ }
128
+
129
+ .icon-attach_file::before {
130
+ content: "\e226";
131
+ }
132
+
133
+ .icon-chat_bubble::before {
134
+ content: "\e0ca";
135
+ }
136
+
137
+ .icon-cases::before {
138
+ content: "\e992";
139
+ }
140
+
141
+ .icon-send::before {
142
+ content: "\e163";
143
+ }
144
+
145
+ .icon-bookmark::before {
146
+ content: "\e866";
147
+ }
148
+
149
+ .icon-label::before {
150
+ content: "\e892";
151
+ }
152
+
153
+ .icon-filter_alt::before {
154
+ content: "\ef4f";
155
+ }
156
+
157
+ .icon-filter_alt_off::before {
158
+ content: "\eb32";
159
+ }
160
+
161
+ .icon-notifications_active::before {
162
+ content: "\e7f7";
163
+ }
164
+
165
+ .icon-more_horiz::before {
166
+ content: "\e5d3";
167
+ }
168
+
169
+ .icon-more_vert::before {
170
+ content: "\e5d4";
171
+ }
172
+
173
+ .icon-navigate_before::before {
174
+ content: "\e408";
175
+ }
176
+
177
+ .icon-navigate_next::before {
178
+ content: "\e409";
179
+ }
180
+
181
+ .icon-keyboard_double_arrow_left::before {
182
+ content: "\eac3";
183
+ }
184
+
185
+ .icon-keyboard_double_arrow_right::before {
186
+ content: "\eac9";
187
+ }
188
+
189
+ .icon-first_page::before {
190
+ content: "\e5dc";
191
+ }
192
+
193
+ .icon-last_page::before {
194
+ content: "\e5dd";
195
+ }
196
+
197
+ .icon-expand_less::before {
198
+ content: "\e5ce";
199
+ }
200
+
201
+ .icon-expand_more::before {
202
+ content: "\e5cf";
203
+ }
204
+
205
+ .icon-zoom_in_map::before {
206
+ content: "\eb2d";
207
+ }
208
+
209
+ .icon-zoom_out_map::before {
210
+ content: "\e56b";
211
+ }
212
+
213
+ .icon-drag_pan::before {
214
+ content: "\f71e";
215
+ }
216
+
217
+ .icon-format_list_bulleted::before {
218
+ content: "\e241";
219
+ }
220
+
221
+ .icon-format_list_numbered::before {
222
+ content: "\e242";
223
+ }
224
+
225
+ .icon-check::before {
226
+ content: "\e5ca";
227
+ }
228
+
229
+ .icon-remove::before {
230
+ content: "\e15b";
231
+ }
232
+
233
+ .icon-add::before {
234
+ content: "\e145";
235
+ }
236
+
237
+ .icon-close::before {
238
+ content: "\e14c";
239
+ }
240
+
241
+ .icon-format_bold::before {
242
+ content: "\e238";
243
+ }
244
+
245
+ .icon-format_italic::before {
246
+ content: "\e23f";
247
+ }
248
+
249
+ .icon-format_underlined::before {
250
+ content: "\e249";
251
+ }
252
+
253
+ .icon-home::before {
254
+ content: "\e88a";
255
+ }
256
+
257
+ .icon-favorite::before {
258
+ content: "\e87d";
259
+ }
260
+
261
+ .icon-edit::before {
262
+ content: "\e150";
263
+ }
264
+
265
+ .icon-layers::before {
266
+ content: "\e53b";
267
+ }
268
+
269
+ .icon-cloud::before {
270
+ content: "\e2bd";
271
+ }
272
+
273
+ .icon-print::before {
274
+ content: "\e555";
275
+ }
276
+
277
+ .icon-share::before {
278
+ content: "\e80d";
279
+ }
280
+
281
+ .icon-tune::before {
282
+ content: "\e429";
283
+ }
284
+
285
+ .icon-power_settings_new::before {
286
+ content: "\e8ac";
287
+ }
288
+
289
+ .icon-timeline::before {
290
+ content: "\e922";
291
+ }
292
+
293
+ .icon-bar_chart::before {
294
+ content: "\e26b";
295
+ }
296
+
297
+ .icon-bar_chart_4_bars::before {
298
+ content: "\f681";
299
+ }
300
+
301
+ .icon-finance_mode::before {
302
+ content: "\ef92";
303
+ }
304
+
305
+ .icon-database::before {
306
+ content: "\f20e";
307
+ }
308
+
309
+ .icon-settings::before {
310
+ content: "\e8b8";
311
+ }
312
+
313
+ .icon-person::before {
314
+ content: "\e7fd";
315
+ }
316
+
317
+ .icon-menu_open::before {
318
+ content: "\e7ad";
319
+ }
320
+
321
+ .icon-menu::before {
322
+ content: "\e7ac";
323
+ }
324
+
325
+ .icon-light::before {
326
+ content: "\e81a";
327
+ }
328
+
329
+ .icon-dark::before {
330
+ content: "\ef44";
331
331
  }
package/css/parameters.scss CHANGED
@@ -1,4 +1,4 @@
1
- $spacing: 1rem;
2
- $border-radius: 0.4rem;
3
- $form-height: 2rem;
1
+ $spacing: 1rem;
2
+ $border-radius: 0.4rem;
3
+ $form-height: 2rem;
4
4
  $shadow: 0 1px 2px rgba(56, 65, 74, .15);