@linzjs/lui 17.58.0 → 17.60.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.
- package/CHANGELOG.md +9 -0
- package/dist/assets/icons/added_to_list.svg +1 -0
- package/dist/assets/icons/csv_file.svg +1 -0
- package/dist/assets/icons/summary_open.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +23 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +62 -24
- package/dist/index.js.map +1 -1
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +62 -25
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiSidePanel/LuiSidePanel.scss +3 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
# [17.60.0](https://github.com/linz/lui/compare/v17.59.0...v17.60.0) (2023-05-24)
|
|
2
|
+
|
|
3
|
+
# [17.59.0](https://github.com/linz/lui/compare/v17.58.0...v17.59.0) (2023-05-23)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* trigger a new release ([#947](https://github.com/linz/lui/issues/947)) ([72e757c](https://github.com/linz/lui/commit/72e757c1cbae633879c8ed8863bc86f888e1c6fc))
|
|
9
|
+
|
|
1
10
|
# [17.58.0](https://github.com/linz/lui/compare/v17.57.0...v17.58.0) (2023-05-22)
|
|
2
11
|
|
|
3
12
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7a.97.97 0 0 1 .288-.713A.968.968 0 0 1 4 6h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 8H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 11a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 10h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 12H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 15a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 14h6c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 10 16H4Zm11.65 2.3-2.15-2.15a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.933.933 0 0 1 .688-.275c.274 0 .512.092.712.275l1.45 1.4 3.55-3.55a.933.933 0 0 1 .688-.275c.274 0 .512.1.712.3.2.2.296.442.287.725a1.033 1.033 0 0 1-.312.725L17.05 18.3a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z" fill="#000"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2v16c-.01 1.1.88 2 1.98 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 4h7v5h5v3H6V4zm3.11 14.8c-.14.04-.3.08-.48.11s-.39.05-.62.07c-.23.02-.5.03-.81.03L7.17 19c-.34 0-.65-.03-.91-.1s-.49-.19-.68-.36c-.19-.18-.33-.43-.43-.76-.1-.33-.14-.76-.14-1.28s.05-.93.15-1.25c.11-.33.25-.58.44-.76s.42-.31.69-.38c.27-.07.57-.11.9-.11a6.927 6.927 0 0 1 1.46.14c.18.04.33.07.45.11v.89c-.1-.02-.23-.04-.39-.05-.16-.02-.34-.03-.55-.04-.21-.01-.43-.02-.66-.02-.2 0-.37.02-.51.05-.14.04-.25.11-.34.21-.08.1-.14.25-.18.44-.04.19-.06.45-.06.76 0 .3.02.54.05.74.03.19.09.34.17.45s.19.18.33.23c.14.04.33.07.55.07.41 0 .73 0 .98-.02.26-.01.46-.03.62-.05v.89zm4.46-1.27c0 .41-.09.72-.26.93-.17.21-.42.36-.74.43-.31.08-.69.11-1.12.11-.17 0-.33 0-.5-.01-.17 0-.33-.02-.5-.03l-.47-.06c-.15-.02-.29-.05-.42-.07v-.91c.17.01.36.02.57.03.21 0 .42.02.63.02h.62c.2 0 .34-.01.47-.03.13-.03.23-.07.3-.13.07-.06.1-.15.1-.25v-.13c0-.12-.05-.21-.14-.27a.627.627 0 0 0-.35-.09h-.46c-.6 0-1.05-.11-1.36-.32-.31-.22-.46-.58-.46-1.09v-.23c0-.48.17-.84.51-1.07.34-.23.83-.35 1.47-.35a9.746 9.746 0 0 1 1.82.19v.9c-.25-.01-.52-.03-.82-.04-.3-.01-.58-.02-.83-.02-.17 0-.31.01-.44.04-.13.02-.23.07-.3.13s-.1.15-.1.28v.09c0 .14.05.25.14.31.1.07.25.1.46.1h.55c.37 0 .67.06.91.17.24.11.42.26.54.46.12.19.18.41.18.66v.25zm3.63 1.43h-1.73l-1.81-4.91h1.43l1.25 3.68 1.25-3.68h1.42l-1.81 4.91z" /></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24"><path d="m3.575 18-2.95 2.95 1.425 1.4L5 19.4v2.25h2V16H1.35v2h2.225Z" fill="#000"/><path d="M4 14h2V4h7v5h5v11H9v2h9c.667 0 2-.4 2-2V8l-6-6H6c-.667 0-2 .4-2 2v10Z" fill="#000"/><path d="M9 16h7v2H9v-2ZM8 12h8v2H8v-2Z" fill="#000"/></svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_multiple' | 'ic_add_to_list' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_labels_off' | 'ic_labels_on' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_package' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plus_one' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_restore' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous';
|
|
2
|
+
export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_multiple' | 'ic_add_to_list' | 'ic_added_to_list' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_csv_file' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_labels_off' | 'ic_labels_on' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_package' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plus_one' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_restore' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous';
|
|
3
3
|
declare type IconNameElementMap = {
|
|
4
4
|
[key in LuiIconName]?: JSX.Element;
|
|
5
5
|
};
|
|
@@ -19,6 +19,7 @@ export type LuiIconName =
|
|
|
19
19
|
| 'ic_add_irregular_image'
|
|
20
20
|
| 'ic_add_multiple'
|
|
21
21
|
| 'ic_add_to_list'
|
|
22
|
+
| 'ic_added_to_list'
|
|
22
23
|
| 'ic_annotations'
|
|
23
24
|
| 'ic_apps'
|
|
24
25
|
| 'ic_arrow_back'
|
|
@@ -53,6 +54,7 @@ export type LuiIconName =
|
|
|
53
54
|
| 'ic_corporate_fare'
|
|
54
55
|
| 'ic_create'
|
|
55
56
|
| 'ic_create_new_list'
|
|
57
|
+
| 'ic_csv_file'
|
|
56
58
|
| 'ic_dealings'
|
|
57
59
|
| 'ic_delete_outline'
|
|
58
60
|
| 'ic_delete_solid'
|
|
@@ -166,6 +168,7 @@ export type LuiIconName =
|
|
|
166
168
|
| 'ic_square_selection'
|
|
167
169
|
| 'ic_subdirectory_arrow_right'
|
|
168
170
|
| 'ic_submit'
|
|
171
|
+
| 'ic_summary_open'
|
|
169
172
|
| 'ic_survey'
|
|
170
173
|
| 'ic_survey_report'
|
|
171
174
|
| 'ic_ta_request_sent'
|
|
@@ -258,6 +261,12 @@ iconMap['ic_add_to_list'] = (
|
|
|
258
261
|
</svg>
|
|
259
262
|
);
|
|
260
263
|
|
|
264
|
+
iconMap['ic_added_to_list'] = (
|
|
265
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
266
|
+
<path d="M4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7a.97.97 0 0 1 .288-.713A.968.968 0 0 1 4 6h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 8H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 11a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 10h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 12H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 15a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 14h6c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 10 16H4Zm11.65 2.3-2.15-2.15a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.933.933 0 0 1 .688-.275c.274 0 .512.092.712.275l1.45 1.4 3.55-3.55a.933.933 0 0 1 .688-.275c.274 0 .512.1.712.3.2.2.296.442.287.725a1.033 1.033 0 0 1-.312.725L17.05 18.3a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z" />
|
|
267
|
+
</svg>
|
|
268
|
+
);
|
|
269
|
+
|
|
261
270
|
iconMap['ic_annotations'] = (
|
|
262
271
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
263
272
|
<path d="M19 5v9h-5v5H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2Zm-7 11H7v-2h5v2Zm5-4H7V8h10v2Z" />
|
|
@@ -479,6 +488,12 @@ iconMap['ic_create_new_list'] = (
|
|
|
479
488
|
</svg>
|
|
480
489
|
);
|
|
481
490
|
|
|
491
|
+
iconMap['ic_csv_file'] = (
|
|
492
|
+
<svg viewBox="0 0 24 24">
|
|
493
|
+
<path d="M14 2H6c-1.1 0-1.99.9-1.99 2v16c-.01 1.1.88 2 1.98 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 4h7v5h5v3H6V4zm3.11 14.8c-.14.04-.3.08-.48.11s-.39.05-.62.07c-.23.02-.5.03-.81.03L7.17 19c-.34 0-.65-.03-.91-.1s-.49-.19-.68-.36c-.19-.18-.33-.43-.43-.76-.1-.33-.14-.76-.14-1.28s.05-.93.15-1.25c.11-.33.25-.58.44-.76s.42-.31.69-.38c.27-.07.57-.11.9-.11a6.927 6.927 0 0 1 1.46.14c.18.04.33.07.45.11v.89c-.1-.02-.23-.04-.39-.05-.16-.02-.34-.03-.55-.04-.21-.01-.43-.02-.66-.02-.2 0-.37.02-.51.05-.14.04-.25.11-.34.21-.08.1-.14.25-.18.44-.04.19-.06.45-.06.76 0 .3.02.54.05.74.03.19.09.34.17.45s.19.18.33.23c.14.04.33.07.55.07.41 0 .73 0 .98-.02.26-.01.46-.03.62-.05v.89zm4.46-1.27c0 .41-.09.72-.26.93-.17.21-.42.36-.74.43-.31.08-.69.11-1.12.11-.17 0-.33 0-.5-.01-.17 0-.33-.02-.5-.03l-.47-.06c-.15-.02-.29-.05-.42-.07v-.91c.17.01.36.02.57.03.21 0 .42.02.63.02h.62c.2 0 .34-.01.47-.03.13-.03.23-.07.3-.13.07-.06.1-.15.1-.25v-.13c0-.12-.05-.21-.14-.27a.627.627 0 0 0-.35-.09h-.46c-.6 0-1.05-.11-1.36-.32-.31-.22-.46-.58-.46-1.09v-.23c0-.48.17-.84.51-1.07.34-.23.83-.35 1.47-.35a9.746 9.746 0 0 1 1.82.19v.9c-.25-.01-.52-.03-.82-.04-.3-.01-.58-.02-.83-.02-.17 0-.31.01-.44.04-.13.02-.23.07-.3.13s-.1.15-.1.28v.09c0 .14.05.25.14.31.1.07.25.1.46.1h.55c.37 0 .67.06.91.17.24.11.42.26.54.46.12.19.18.41.18.66v.25zm3.63 1.43h-1.73l-1.81-4.91h1.43l1.25 3.68 1.25-3.68h1.42l-1.81 4.91z" />
|
|
494
|
+
</svg>
|
|
495
|
+
);
|
|
496
|
+
|
|
482
497
|
iconMap['ic_dealings'] = (
|
|
483
498
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
484
499
|
<path d="M20 5h-3V2c0-.6-.4-1-1-1H4c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h3v3c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1ZM7 5v12H5V3h10v2H7Zm12 16H9V7h10v14Zm-1-11h-8v2h8v-2Zm-8 3h8v2h-8v-2Zm8 3h-8v2h8v-2Z" />
|
|
@@ -1202,6 +1217,14 @@ iconMap['ic_submit'] = (
|
|
|
1202
1217
|
</svg>
|
|
1203
1218
|
);
|
|
1204
1219
|
|
|
1220
|
+
iconMap['ic_summary_open'] = (
|
|
1221
|
+
<svg viewBox="0 0 24 24">
|
|
1222
|
+
<path d="m3.575 18-2.95 2.95 1.425 1.4L5 19.4v2.25h2V16H1.35v2h2.225Z" />
|
|
1223
|
+
<path d="M4 14h2V4h7v5h5v11H9v2h9c.667 0 2-.4 2-2V8l-6-6H6c-.667 0-2 .4-2 2v10Z" />
|
|
1224
|
+
<path d="M9 16h7v2H9v-2ZM8 12h8v2H8v-2Z" />
|
|
1225
|
+
</svg>
|
|
1226
|
+
);
|
|
1227
|
+
|
|
1205
1228
|
iconMap['ic_survey'] = (
|
|
1206
1229
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
1207
1230
|
<path d="M20 5H8V1.1H4c-1.7 0-3 1.3-3 3v14C1 19.8 2.3 21 4 21h16c1.7 0 3-1.3 3-3V8c0-1.7-1.3-3-3-3Zm1 3v3.3h-6.2V7H20c.6 0 1 .4 1 1Zm-7.8-1v4.3H8V7h5.2Zm-8 12H5c-1.1 0-2-.9-2-2s.9-2 2-2h.2v4Zm1.5 0v-4H8v-2.3h5.2V19H6.7ZM4 3.1h2V13H5c-.7 0-1.4.2-2 .6V4.1c0-.5.4-1 1-1ZM20 19h-5.2v-6.3H21V18c0 .6-.4 1-1 1Z" />
|
package/dist/index.d.ts
CHANGED
|
@@ -71,6 +71,7 @@ export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRe
|
|
|
71
71
|
export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
|
|
72
72
|
export { LuiSideMenu, ILuiSideMenuProps, } from './components/LuiSideMenu/LuiSideMenu';
|
|
73
73
|
export { LuiSideMenuItem, ILuiSideMenuItemProps, LuiMenuItemClickHandler, } from './components/LuiSideMenu/LuiSideMenuItem';
|
|
74
|
+
export { ProgressBarProps, LuiProgressBar, } from './components/LuiProgressBar/LuiProgressBar';
|
|
74
75
|
export { LuiSideToolbar, ToolbarDirection, } from './components/LuiSideToolbar/LuiSideToolbar';
|
|
75
76
|
export { ToolbarButton, ToolbarButtonProps, } from './components/LuiSideToolbar/ToolbarButton';
|
|
76
77
|
export { ToolbarItem, ToolbarItemProps, ToolbarItemSeparator, } from './components/LuiSideToolbar/ToolbarItem';
|
package/dist/index.js
CHANGED
|
@@ -178,6 +178,8 @@ iconMap['ic_add_multiple'] = (React__default["default"].createElement("svg", { v
|
|
|
178
178
|
React__default["default"].createElement("path", { d: "M20 6h2v14c0 1.1-.9 2-2 2H6v-2h14V6ZM4 2h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm0 14h12V4H4v12Zm7-2H9v-3H6V9h3V6h2v3h3v2h-3v3Z" })));
|
|
179
179
|
iconMap['ic_add_to_list'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
180
180
|
React__default["default"].createElement("path", { d: "M13 10H3c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1Zm0-4H3c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1Zm5 8v-3c0-.55-.45-1-1-1s-1 .45-1 1v3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1h-3ZM3 16h6c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1Z" })));
|
|
181
|
+
iconMap['ic_added_to_list'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
182
|
+
React__default["default"].createElement("path", { d: "M4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7a.97.97 0 0 1 .288-.713A.968.968 0 0 1 4 6h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 8H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 11a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 10h10c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 14 12H4Zm0 4a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 15a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 14h6c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 10 16H4Zm11.65 2.3-2.15-2.15a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.933.933 0 0 1 .688-.275c.274 0 .512.092.712.275l1.45 1.4 3.55-3.55a.933.933 0 0 1 .688-.275c.274 0 .512.1.712.3.2.2.296.442.287.725a1.033 1.033 0 0 1-.312.725L17.05 18.3a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z" })));
|
|
181
183
|
iconMap['ic_annotations'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
182
184
|
React__default["default"].createElement("path", { d: "M19 5v9h-5v5H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2Zm-7 11H7v-2h5v2Zm5-4H7V8h10v2Z" })));
|
|
183
185
|
iconMap['ic_apps'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
@@ -257,6 +259,8 @@ iconMap['ic_create'] = (React__default["default"].createElement("svg", { xmlns:
|
|
|
257
259
|
iconMap['ic_create_new_list'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
258
260
|
React__default["default"].createElement("path", { d: "M18 12c-.8 0-1 .667-1 1v5c0 .8-.667 1-1 1H6c-.8 0-1-.667-1-1V8c0-.8.667-1 1-1h5c.333 0 1-.2 1-1s-.667-1-1-1H5C3.4 5 3 6.333 3 7v12c0 1.6 1.333 2 2 2h12c1.6 0 2-1.333 2-2v-6c0-.333-.2-1-1-1Z" }),
|
|
259
261
|
React__default["default"].createElement("path", { d: "M7 16a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H8a1 1 0 0 0-1 1ZM7 13a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H8a1 1 0 0 0-1 1ZM7 10a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H8a1 1 0 0 0-1 1ZM15 7h2v2c0 .333.2 1 1 1s1-.667 1-1V7h2c.333 0 1-.2 1-1s-.667-1-1-1h-2V3c0-.333-.2-1-1-1s-1 .667-1 1v2h-2c-.333 0-1 .2-1 1s.667 1 1 1Z" })));
|
|
262
|
+
iconMap['ic_csv_file'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
263
|
+
React__default["default"].createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2v16c-.01 1.1.88 2 1.98 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 4h7v5h5v3H6V4zm3.11 14.8c-.14.04-.3.08-.48.11s-.39.05-.62.07c-.23.02-.5.03-.81.03L7.17 19c-.34 0-.65-.03-.91-.1s-.49-.19-.68-.36c-.19-.18-.33-.43-.43-.76-.1-.33-.14-.76-.14-1.28s.05-.93.15-1.25c.11-.33.25-.58.44-.76s.42-.31.69-.38c.27-.07.57-.11.9-.11a6.927 6.927 0 0 1 1.46.14c.18.04.33.07.45.11v.89c-.1-.02-.23-.04-.39-.05-.16-.02-.34-.03-.55-.04-.21-.01-.43-.02-.66-.02-.2 0-.37.02-.51.05-.14.04-.25.11-.34.21-.08.1-.14.25-.18.44-.04.19-.06.45-.06.76 0 .3.02.54.05.74.03.19.09.34.17.45s.19.18.33.23c.14.04.33.07.55.07.41 0 .73 0 .98-.02.26-.01.46-.03.62-.05v.89zm4.46-1.27c0 .41-.09.72-.26.93-.17.21-.42.36-.74.43-.31.08-.69.11-1.12.11-.17 0-.33 0-.5-.01-.17 0-.33-.02-.5-.03l-.47-.06c-.15-.02-.29-.05-.42-.07v-.91c.17.01.36.02.57.03.21 0 .42.02.63.02h.62c.2 0 .34-.01.47-.03.13-.03.23-.07.3-.13.07-.06.1-.15.1-.25v-.13c0-.12-.05-.21-.14-.27a.627.627 0 0 0-.35-.09h-.46c-.6 0-1.05-.11-1.36-.32-.31-.22-.46-.58-.46-1.09v-.23c0-.48.17-.84.51-1.07.34-.23.83-.35 1.47-.35a9.746 9.746 0 0 1 1.82.19v.9c-.25-.01-.52-.03-.82-.04-.3-.01-.58-.02-.83-.02-.17 0-.31.01-.44.04-.13.02-.23.07-.3.13s-.1.15-.1.28v.09c0 .14.05.25.14.31.1.07.25.1.46.1h.55c.37 0 .67.06.91.17.24.11.42.26.54.46.12.19.18.41.18.66v.25zm3.63 1.43h-1.73l-1.81-4.91h1.43l1.25 3.68 1.25-3.68h1.42l-1.81 4.91z" })));
|
|
260
264
|
iconMap['ic_dealings'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
261
265
|
React__default["default"].createElement("path", { d: "M20 5h-3V2c0-.6-.4-1-1-1H4c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h3v3c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1ZM7 5v12H5V3h10v2H7Zm12 16H9V7h10v14Zm-1-11h-8v2h8v-2Zm-8 3h8v2h-8v-2Zm8 3h-8v2h8v-2Z" })));
|
|
262
266
|
iconMap['ic_delete_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -513,6 +517,10 @@ iconMap['ic_subdirectory_arrow_right'] = (React__default["default"].createElemen
|
|
|
513
517
|
React__default["default"].createElement("path", { d: "m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z" })));
|
|
514
518
|
iconMap['ic_submit'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
515
519
|
React__default["default"].createElement("path", { d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2 .01 7Z" })));
|
|
520
|
+
iconMap['ic_summary_open'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
521
|
+
React__default["default"].createElement("path", { d: "m3.575 18-2.95 2.95 1.425 1.4L5 19.4v2.25h2V16H1.35v2h2.225Z" }),
|
|
522
|
+
React__default["default"].createElement("path", { d: "M4 14h2V4h7v5h5v11H9v2h9c.667 0 2-.4 2-2V8l-6-6H6c-.667 0-2 .4-2 2v10Z" }),
|
|
523
|
+
React__default["default"].createElement("path", { d: "M9 16h7v2H9v-2ZM8 12h8v2H8v-2Z" })));
|
|
516
524
|
iconMap['ic_survey'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
517
525
|
React__default["default"].createElement("path", { d: "M20 5H8V1.1H4c-1.7 0-3 1.3-3 3v14C1 19.8 2.3 21 4 21h16c1.7 0 3-1.3 3-3V8c0-1.7-1.3-3-3-3Zm1 3v3.3h-6.2V7H20c.6 0 1 .4 1 1Zm-7.8-1v4.3H8V7h5.2Zm-8 12H5c-1.1 0-2-.9-2-2s.9-2 2-2h.2v4Zm1.5 0v-4H8v-2.3h5.2V19H6.7ZM4 3.1h2V13H5c-.7 0-1.4.2-2 .6V4.1c0-.5.4-1 1-1ZM20 19h-5.2v-6.3H21V18c0 .6-.4 1-1 1Z" })));
|
|
518
526
|
iconMap['ic_survey_report'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -25441,8 +25449,8 @@ function styleInject(css, ref) {
|
|
|
25441
25449
|
}
|
|
25442
25450
|
}
|
|
25443
25451
|
|
|
25444
|
-
var css_248z$
|
|
25445
|
-
styleInject(css_248z$
|
|
25452
|
+
var css_248z$c = ".LuiFloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindow-window {\n box-shadow: 0px 1px 6px 0px #00000026, 0px 6px 10px 0px #00000040;\n position: absolute;\n background-color: #ffffff;\n top: 10%;\n left: 5%;\n display: flex;\n flex-direction: column;\n border-radius: 9px;\n}\n\n.FloatingWindow-container {\n display: flex;\n height: calc(100% - 50px);\n width: 100%;\n overflow: auto;\n}\n\n.FloatingWindow-header-element {\n flex: 0;\n}\n\n.FloatingWindow-header {\n height: 48px;\n line-height: 48px;\n color: #2a292c;\n padding: 0 8px;\n display: flex;\n overflow: hidden;\n justify-content: space-between;\n border-bottom: 2px #eaeaea solid;\n font-size: 1em;\n font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n font-size: 1em;\n font-weight: 600;\n overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n padding: 0 0 0 8px;\n border: none;\n outline: none;\n border-radius: 50%;\n background-color: transparent;\n color: #6b6966;\n display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n fill: #6b6966;\n}\n\n.floating-window-icon {\n display: inline-block;\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n width: 24px;\n fill: #6b6966;\n}";
|
|
25453
|
+
styleInject(css_248z$c);
|
|
25446
25454
|
|
|
25447
25455
|
/**
|
|
25448
25456
|
* Overwrite the common buttons for floating window to
|
|
@@ -27691,8 +27699,8 @@ ReactSplitGrid.defaultProps = {
|
|
|
27691
27699
|
onDrag: undefined,
|
|
27692
27700
|
};
|
|
27693
27701
|
|
|
27694
|
-
var css_248z$
|
|
27695
|
-
styleInject(css_248z$
|
|
27702
|
+
var css_248z$b = ".LuiResizableLayout-leftPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-rightPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-leftPanelBody {\n overflow-y: auto;\n}\n\n.LuiResizableLayout-gutterParentControl {\n display: flex;\n /* use visibility and opacity instead of display: none as we want to be able to fade in on hover */\n visibility: hidden;\n opacity: 0;\n position: fixed;\n top: 50%;\n z-index: 500;\n margin-left: -30px;\n /*half total control width, minus half the gutter width*/\n transition: 0.3s all 2s ease-in;\n}\n\n.LuiResizableLayout-gutterControlLeft, .LuiResizableLayout-gutterControlRight {\n background-color: #eaeaea;\n width: 32px;\n height: 80px;\n text-align: center;\n display: flex;\n align-items: center;\n}\n\n.LuiResizableLayout-gutterControlLeft {\n border-radius: 3px 0 0 3px;\n}\n\n.LuiResizableLayout-gutterControlRight {\n border-radius: 0 3px 3px 0;\n}\n\n.LuiResizableLayout-gutterControlLeft > .LuiIcon, .LuiResizableLayout-gutterControlRight > .LuiIcon {\n height: auto;\n}\n\n.LuiResizableLayout-gutterControlLeft:hover, .LuiResizableLayout-gutterControlRight:hover {\n background-color: #73c8e1;\n cursor: pointer;\n}\n\n.LuiResizableLayout-gutterControl-collapsed {\n visibility: hidden;\n}\n\n/* TODO: move the expand gutter button so it doesn't show over the scroll bar */\n.LuiResizableLayout-gutterParentControlVisible {\n visibility: visible;\n opacity: 1;\n}\n\n.LuiResizableLayout-grid {\n display: grid;\n height: 100%;\n}\n\n.LuiResizableLayout-gutterCol {\n grid-row: 1/-1;\n cursor: col-resize;\n width: 16px;\n z-index: 1;\n}\n\n.LuiResizableLayout-gutterCol-collapsed {\n width: 4px;\n}\n\n.LuiResizableLayout-gutterCol1 {\n grid-column: 2;\n}\n\n.LuiResizableLayout-gutterCol:hover > .LuiResizableLayout-gutterParentControl {\n visibility: visible;\n opacity: 1;\n transition: 0s all 0s ease-in;\n}\n\n.LuiResizableLayout-gutterSlider {\n width: 4px;\n height: 100%;\n background-color: #eaeaea;\n pointer-events: none;\n}\n\n.LuiResizableLayout-gutterCol:hover .LuiResizableLayout-gutterSlider, .LuiResizableLayout-gutterCol:active .LuiResizableLayout-gutterSlider {\n background-color: #73c8e1;\n}";
|
|
27703
|
+
styleInject(css_248z$b);
|
|
27696
27704
|
|
|
27697
27705
|
var GutterComponent = function (props) {
|
|
27698
27706
|
var leftIcon = (React__default["default"].createElement(LuiIcon, { name: "ic_double_arrow_left", alt: "", status: "interactive" }));
|
|
@@ -28010,8 +28018,8 @@ function LuiFormikForm(props) {
|
|
|
28010
28018
|
" "))));
|
|
28011
28019
|
}
|
|
28012
28020
|
|
|
28013
|
-
var css_248z$
|
|
28014
|
-
styleInject(css_248z$
|
|
28021
|
+
var css_248z$a = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiError {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: 600;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: #2a292c;\n}\n.LuiError-errorIcon {\n vertical-align: middle;\n display: inline-block;\n}\n.LuiError-errorText {\n margin-left: 0.5rem;\n}";
|
|
28022
|
+
styleInject(css_248z$a);
|
|
28015
28023
|
|
|
28016
28024
|
var LuiError = function (_a) {
|
|
28017
28025
|
var error = _a.error, className = _a.className;
|
|
@@ -52515,8 +52523,8 @@ function isChromatic() {
|
|
|
52515
52523
|
(window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
52516
52524
|
}
|
|
52517
52525
|
|
|
52518
|
-
var css_248z$
|
|
52519
|
-
styleInject(css_248z$
|
|
52526
|
+
var css_248z$9 = ":export {\n charcoal: #2a292c;\n fuscous: #6b6966;\n gray: #989189;\n silver: #beb9b4;\n lily: #eaeaea;\n dew: #DAD7D6;\n hint: #f9f9f9;\n snow: #ffffff;\n white: #ffffff;\n teal: #00425d;\n sea: #007198;\n electric: #0096cc;\n spray: #73c8e1;\n polar: #e2f3f7;\n memesia: #1F69C3;\n sherpa: #004b50;\n surfie: #017a76;\n persian: #00a599;\n downy: #73cdc8;\n iceberg: #dcf5f0;\n sacramento: #004e32;\n salem: #08814d;\n pigment: #0aa245;\n granny: #9bd79b;\n panache: #e9fae7;\n brand-primary: #004b50;\n brand-secondary: #017a76;\n engine: #cc0000;\n carrot: #EA6A2E;\n kendall: #F5CCCC;\n elizabeth: #FBDED0;\n andrea: #3A7CDF;\n celestial: #D7E5F9;\n golf: #0AA345;\n error: #cc0000;\n error-bg: #F5CCCC;\n error-focus: #5a0000;\n warning: #EA6A2E;\n warning-bg: #fbdfd2;\n warning-focus: #b33a01;\n success: #0aa245;\n success-bg: #e9fae7;\n info: #3A7CDF;\n info-bg: #d8e5f9;\n visited: #00425d;\n green-hover: #107c3a;\n green-active: #094a22;\n green-btn: #0aa245;\n txt-link: #1F69C3;\n primary-hover-btn: #005678;\n selection: #c7e9f3;\n heading-color: #017a76;\n heading-color--secondary: #2a292c;\n base-type-color: #2a292c;\n input-text: #2a292c;\n input-placeholder: #6b6966;\n input-placeholder-when-disabled: #989189;\n base-icon-color: #007198;\n disabled-color: #989189;\n disabled-color-dark: #6b6966;\n linz-color-primary: #023d48;\n linz-color-primary-hover: #01818a;\n linz-color-tertiary: #e1e44a;\n linz-color-tertiary-hover: #cdcf59;\n color-test-pink: #f09;\n linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
|
|
52527
|
+
styleInject(css_248z$9);
|
|
52520
52528
|
|
|
52521
52529
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
52522
52530
|
|
|
@@ -52637,13 +52645,13 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52637
52645
|
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
52638
52646
|
// border-radius: "4px";
|
|
52639
52647
|
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
52640
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$
|
|
52648
|
+
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$9['sea'], primary75: css_248z$9['electric'], primary50: css_248z$9['spray'], primary25: css_248z$9['polar'], neutral90: css_248z$9['charcoal'], neutral80: css_248z$9['charcoal'], neutral70: css_248z$9['charcoal'], neutral60: css_248z$9['fuscous'], neutral50: css_248z$9['fuscous'], neutral40: css_248z$9['gray'], neutral30: css_248z$9['gray'], neutral20: css_248z$9['silver'], neutral10: css_248z$9['lily'], neutral5: css_248z$9['hint'], danger: css_248z$9['error'], dangerLight: css_248z$9['error-bg'] }) })); }, styles: {
|
|
52641
52649
|
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
52642
52650
|
/* matches style of .LuiTextInput-input */
|
|
52643
52651
|
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52644
52652
|
borderColor: '#053d52'
|
|
52645
52653
|
} })); },
|
|
52646
|
-
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$
|
|
52654
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$9['fuscous'] })); },
|
|
52647
52655
|
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
52648
52656
|
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
52649
52657
|
height: '38px !important'
|
|
@@ -52651,10 +52659,10 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52651
52659
|
singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
|
|
52652
52660
|
placeholder: function (provided) { return (__assign(__assign({}, provided), {
|
|
52653
52661
|
/* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
|
|
52654
|
-
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$
|
|
52662
|
+
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$9['input-placeholder'] })); },
|
|
52655
52663
|
option: function (provided, _a) {
|
|
52656
52664
|
var isSelected = _a.isSelected;
|
|
52657
|
-
return (__assign(__assign({}, provided), { color: css_248z$
|
|
52665
|
+
return (__assign(__assign({}, provided), { color: css_248z$9['input-text'], backgroundColor: isSelected ? css_248z$9['selection'] : css_248z$9['white'] }));
|
|
52658
52666
|
}
|
|
52659
52667
|
} });
|
|
52660
52668
|
return (React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
|
|
@@ -55026,8 +55034,8 @@ var LuiModalHeader = function (props) {
|
|
|
55026
55034
|
React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));
|
|
55027
55035
|
};
|
|
55028
55036
|
|
|
55029
|
-
var css_248z$
|
|
55030
|
-
styleInject(css_248z$
|
|
55037
|
+
var css_248z$8 = "@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@media (prefers-reduced-motion) {\n .react-loading-skeleton {\n --pseudo-element-display: none; /* Disable animation */\n }\n}\n";
|
|
55038
|
+
styleInject(css_248z$8);
|
|
55031
55039
|
|
|
55032
55040
|
/**
|
|
55033
55041
|
* @internal
|
|
@@ -60290,8 +60298,8 @@ var LuiSidePanelProvider = function (_a) {
|
|
|
60290
60298
|
React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
|
|
60291
60299
|
};
|
|
60292
60300
|
|
|
60293
|
-
var css_248z$
|
|
60294
|
-
styleInject(css_248z$
|
|
60301
|
+
var css_248z$7 = ".lui-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.lui-switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n width: 40px;\n height: 20px;\n background: grey;\n border-radius: 40px;\n position: relative;\n transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n content: \"\";\n position: absolute;\n top: 2px;\n left: 2px;\n width: 18px;\n height: 16px;\n border-radius: 18px;\n transition: 0.2s;\n background: #fff;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-checkbox:checked + .lui-switch-label .lui-switch-button {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n}\n\n.lui-switch-label:active .lui-switch-button {\n width: 20px;\n}";
|
|
60302
|
+
styleInject(css_248z$7);
|
|
60295
60303
|
|
|
60296
60304
|
var LuiSwitchButton = function (props) {
|
|
60297
60305
|
var generatedId = useGenerateOrDefaultId();
|
|
@@ -67922,8 +67930,8 @@ var LuiAccordicardStatic = function (props) {
|
|
|
67922
67930
|
React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
|
|
67923
67931
|
};
|
|
67924
67932
|
|
|
67925
|
-
var css_248z$
|
|
67926
|
-
styleInject(css_248z$
|
|
67933
|
+
var css_248z$6 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-accordion {\n padding: 8px;\n display: flex;\n border-radius: 5px;\n box-shadow: 0px 2px 3px 0px #00000040, 0px 0px 3px 0px #00000026;\n}\n.lui-accordion .chevron {\n transition: all 0.3s ease-in-out;\n transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n padding: 4px;\n}\n.lui-accordion h4 {\n padding: 4px;\n}\n.lui-accordion > summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.lui-accordion > summary h4 {\n margin-top: 0;\n display: inline-block;\n}";
|
|
67934
|
+
styleInject(css_248z$6);
|
|
67927
67935
|
|
|
67928
67936
|
var LuiAccordion = function (props) {
|
|
67929
67937
|
var _a = props.expanded, expanded = _a === void 0 ? false : _a, heading = props.heading, children = props.children, _b = props.iconColor, iconColor = _b === void 0 ? '#017A76' : _b, className = props.className, _c = props.style, style = _c === void 0 ? {} : _c;
|
|
@@ -67943,8 +67951,8 @@ var LuiAccordion = function (props) {
|
|
|
67943
67951
|
children));
|
|
67944
67952
|
};
|
|
67945
67953
|
|
|
67946
|
-
var css_248z$
|
|
67947
|
-
styleInject(css_248z$
|
|
67954
|
+
var css_248z$5 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiListBox {\n padding: 0;\n list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n user-select: none;\n color: #2a292c;\n line-height: 24px;\n outline: none;\n padding: 0.5rem 0.75rem;\n border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n user-select: none;\n color: #6b6966;\n line-height: 16px;\n padding: 0.5rem 0.5rem;\n}";
|
|
67955
|
+
styleInject(css_248z$5);
|
|
67948
67956
|
|
|
67949
67957
|
function $c1d7fb2ec91bae71$var$Item(props) {
|
|
67950
67958
|
return null;
|
|
@@ -71444,16 +71452,16 @@ function DefaultEmptyIndicator() {
|
|
|
71444
71452
|
return React__default["default"].createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
|
|
71445
71453
|
}
|
|
71446
71454
|
|
|
71447
|
-
var css_248z$
|
|
71448
|
-
styleInject(css_248z$
|
|
71455
|
+
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.RadioItemRenderer {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 0 0 2rem;\n}\n.RadioItemRenderer::before {\n content: \"\";\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n border: 2px solid #007198;\n border-radius: 50%;\n background-color: transparent;\n position: absolute;\n left: 0;\n top: 0;\n margin-right: 0.75rem;\n}\n.RadioItemRenderer:after {\n content: \"\";\n position: absolute;\n left: 5px;\n top: 5px;\n background-color: #007198;\n height: 14px;\n min-width: 14px;\n width: 14px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n.RadioItemRenderer-isSelected:after {\n opacity: 1;\n}";
|
|
71456
|
+
styleInject(css_248z$4);
|
|
71449
71457
|
|
|
71450
71458
|
function RadioItemRenderer(_a) {
|
|
71451
71459
|
var item = _a.item, isSelected = _a.isSelected;
|
|
71452
71460
|
return (React__default["default"].createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
|
|
71453
71461
|
}
|
|
71454
71462
|
|
|
71455
|
-
var css_248z$
|
|
71456
|
-
styleInject(css_248z$
|
|
71463
|
+
var css_248z$3 = ".CheckboxRenderer {\n display: flex;\n align-items: center;\n}";
|
|
71464
|
+
styleInject(css_248z$3);
|
|
71457
71465
|
|
|
71458
71466
|
function CheckboxItemRenderer(_a) {
|
|
71459
71467
|
var item = _a.item, isSelected = _a.isSelected;
|
|
@@ -71477,6 +71485,35 @@ function LuiSideMenuItem(_a) {
|
|
|
71477
71485
|
React__default["default"].createElement("span", { className: "navText" }, label))));
|
|
71478
71486
|
}
|
|
71479
71487
|
|
|
71488
|
+
var css_248z$2 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n@keyframes animate-stripes {\n 100% {\n background-position: 100px 0;\n }\n}\n.ProgressBar, .ProgressBar-PROC, .ProgressBar-COMP, .ProgressBar-FAIL {\n height: 5px;\n width: 100%;\n background-color: #eaeaea;\n border-radius: 3px;\n}\n.ProgressBar-FAIL {\n background-color: #cc0000;\n}\n.ProgressBar-COMP {\n background-color: #0aa245;\n}\n.ProgressBar-PROC {\n background-color: #0096cc;\n transition: width 0.3s ease-in-out;\n}\n.ProgressBar-PROC.indeterminate {\n background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, transparent 75%);\n background-size: 50px 100%;\n animation: animate-stripes 5s linear infinite;\n}";
|
|
71489
|
+
styleInject(css_248z$2);
|
|
71490
|
+
|
|
71491
|
+
var LuiProgressBar = function (_a) {
|
|
71492
|
+
var value = _a.value, max = _a.max, error = _a.error, _b = _a.barHeight, barHeight = _b === void 0 ? '5px' : _b;
|
|
71493
|
+
var indeterminate = false;
|
|
71494
|
+
var status = 'PROC';
|
|
71495
|
+
if (max === undefined || value === undefined) {
|
|
71496
|
+
value = 100;
|
|
71497
|
+
max = 100;
|
|
71498
|
+
indeterminate = true;
|
|
71499
|
+
}
|
|
71500
|
+
else {
|
|
71501
|
+
if (value >= 0 && value < max) {
|
|
71502
|
+
status = 'PROC';
|
|
71503
|
+
}
|
|
71504
|
+
if (value === max) {
|
|
71505
|
+
status = 'COMP';
|
|
71506
|
+
}
|
|
71507
|
+
if (error) {
|
|
71508
|
+
status = 'FAIL';
|
|
71509
|
+
}
|
|
71510
|
+
}
|
|
71511
|
+
value = Math.min(max, Math.max(0, value));
|
|
71512
|
+
var percentage = (value / max) * 100;
|
|
71513
|
+
return (React__default["default"].createElement("div", { className: 'ProgressBar', style: { height: barHeight }, "data-testid": 'progress-bar-background' },
|
|
71514
|
+
React__default["default"].createElement("div", { "data-testid": 'progress-bar-size', className: clsx("ProgressBar-".concat(status), { indeterminate: indeterminate }), style: { width: "".concat(percentage, "%"), height: barHeight } })));
|
|
71515
|
+
};
|
|
71516
|
+
|
|
71480
71517
|
var css_248z$1 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Toolbar {\n position: absolute;\n align-items: center;\n align-self: center;\n background: #ffffff;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n height: fit-content;\n margin: 0 0.75rem;\n padding: 0;\n width: fit-content;\n z-index: 1000;\n box-shadow: 0px 2px 3px 0px #00000040, 0px 0px 3px 0px #00000026;\n}\n\n.Left {\n justify-self: start;\n}\n\n.Right {\n justify-self: end;\n}";
|
|
71481
71518
|
styleInject(css_248z$1);
|
|
71482
71519
|
|
|
@@ -71647,6 +71684,7 @@ exports.LuiMenuCloseButtonV2 = LuiMenuCloseButtonV2;
|
|
|
71647
71684
|
exports.LuiMessagingContextProvider = LuiMessagingContextProvider;
|
|
71648
71685
|
exports.LuiMiniSpinner = LuiMiniSpinner;
|
|
71649
71686
|
exports.LuiModal = LuiModal;
|
|
71687
|
+
exports.LuiProgressBar = LuiProgressBar;
|
|
71650
71688
|
exports.LuiRadioInput = LuiRadioInput;
|
|
71651
71689
|
exports.LuiResizableLayout = LuiResizableLayout;
|
|
71652
71690
|
exports.LuiSearchBox = LuiSearchBox;
|