@linzjs/lui 17.55.0 → 17.57.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 +14 -0
- package/dist/assets/icons/cancel_outline.svg +1 -0
- package/dist/assets/icons/labels_off.svg +1 -0
- package/dist/assets/icons/labels_on.svg +1 -0
- package/dist/assets/icons/layers_user_defined.svg +1 -0
- package/dist/assets/icons/save.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +43 -0
- package/dist/components/LuiAccordion/LuiAccordion.d.ts +1 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +53 -16
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +53 -17
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# [17.57.0](https://github.com/linz/lui/compare/v17.56.0...v17.57.0) (2023-05-17)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* Luiicon170523 ([#942](https://github.com/linz/lui/issues/942)) ([d652e80](https://github.com/linz/lui/commit/d652e8007ea91eda4b115c7af9cc7ccbc4858675))
|
|
7
|
+
|
|
8
|
+
# [17.56.0](https://github.com/linz/lui/compare/v17.55.0...v17.56.0) (2023-05-16)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* Provide LUI Accordion export ([#941](https://github.com/linz/lui/issues/941)) ([1a5f7d1](https://github.com/linz/lui/commit/1a5f7d144a680584a5d3dd2744d9348c4876ec84))
|
|
14
|
+
|
|
1
15
|
# [17.55.0](https://github.com/linz/lui/compare/v17.54.0...v17.55.0) (2023-05-15)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7Z" fill="#000"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 4.5 4 3l16 16-1.5 1.5-2.805-2.805a1.85 1.85 0 0 1-1.028.305h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.467.17-.867.513-1.201L2.5 4.5ZM10 6l8.308 8.307L20 12l-3.867-5.271a1.68 1.68 0 0 0-.633-.536A1.85 1.85 0 0 0 14.667 6H10Z" fill="#000"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m20 12-3.867 5.271a1.68 1.68 0 0 1-.633.536 1.85 1.85 0 0 1-.833.193h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.471.174-.875.522-1.21A1.744 1.744 0 0 1 5.778 6h8.889c.296 0 .574.064.833.193.26.128.47.307.633.536L20 12Z" fill="#000"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 9.5 10 14l6 4.5 6-4.5-6-4.5ZM12.5 14l3.5-2.5 3.5 2.5-3.5 2.5-3.5-2.5Z" fill="#000"/><path d="M11.22 16.585 16 20l4.78-3.415L22 17.5 16 22l-6-4.5 1.22-.915ZM8 17l2-1.5L8 14l2.987-2.24c-1.47.002-3 .322-4.592.962C4.798 13.364 4 14.202 4 15.24V17h4ZM8.544 8.976C9.226 9.658 10.045 10 11 10c.956 0 1.775-.342 2.457-1.024.682-.682 1.024-1.5 1.024-2.456 0-.955-.342-1.78-1.024-2.477C12.775 3.348 11.956 3 11 3c-.955 0-1.774.348-2.456 1.043C7.86 4.74 7.52 5.565 7.52 6.52c0 .955.341 1.774 1.024 2.456Z" fill="#000"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4Zm2 16H5V5h11.17L19 7.83V19Zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3ZM6 6h9v4H6V6Z" 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_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_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | '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_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_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';
|
|
3
3
|
declare type IconNameElementMap = {
|
|
4
4
|
[key in LuiIconName]?: JSX.Element;
|
|
5
5
|
};
|
|
@@ -37,6 +37,7 @@ export type LuiIconName =
|
|
|
37
37
|
| 'ic_blocked'
|
|
38
38
|
| 'ic_border_color'
|
|
39
39
|
| 'ic_cancel_clear'
|
|
40
|
+
| 'ic_cancel_outline'
|
|
40
41
|
| 'ic_cart_view'
|
|
41
42
|
| 'ic_certify_and_sign'
|
|
42
43
|
| 'ic_change_password'
|
|
@@ -88,9 +89,12 @@ export type LuiIconName =
|
|
|
88
89
|
| 'ic_keyboard_arrow_left'
|
|
89
90
|
| 'ic_keyboard_arrow_right'
|
|
90
91
|
| 'ic_keyboard_arrow_up'
|
|
92
|
+
| 'ic_labels_off'
|
|
93
|
+
| 'ic_labels_on'
|
|
91
94
|
| 'ic_launch_modal'
|
|
92
95
|
| 'ic_launch_new window_open'
|
|
93
96
|
| 'ic_layers'
|
|
97
|
+
| 'ic_layers_user_defined'
|
|
94
98
|
| 'ic_left'
|
|
95
99
|
| 'ic_left_col'
|
|
96
100
|
| 'ic_line_arc'
|
|
@@ -148,6 +152,7 @@ export type LuiIconName =
|
|
|
148
152
|
| 'ic_requisitions'
|
|
149
153
|
| 'ic_restore'
|
|
150
154
|
| 'ic_round_selection'
|
|
155
|
+
| 'ic_save'
|
|
151
156
|
| 'ic_save_as'
|
|
152
157
|
| 'ic_save_download'
|
|
153
158
|
| 'ic_saved_area_interest'
|
|
@@ -368,6 +373,19 @@ iconMap['ic_cancel_clear'] = (
|
|
|
368
373
|
</svg>
|
|
369
374
|
);
|
|
370
375
|
|
|
376
|
+
iconMap['ic_cancel_outline'] = (
|
|
377
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
378
|
+
<g clip-path="url(#a)">
|
|
379
|
+
<path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7Z" />
|
|
380
|
+
</g>
|
|
381
|
+
<defs>
|
|
382
|
+
<clipPath id="a">
|
|
383
|
+
<path d="M0 0h24v24H0z" />
|
|
384
|
+
</clipPath>
|
|
385
|
+
</defs>
|
|
386
|
+
</svg>
|
|
387
|
+
);
|
|
388
|
+
|
|
371
389
|
iconMap['ic_cart_view'] = (
|
|
372
390
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
373
391
|
<path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 3c0 .55.45 1 1 1h1l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h11c.55 0 1-.45 1-1s-.45-1-1-1H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A.996.996 0 0 0 20.01 4H5.21l-.67-1.43a.993.993 0 0 0-.9-.57H2c-.55 0-1 .45-1 1Zm16 15c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z" />
|
|
@@ -677,6 +695,18 @@ iconMap['ic_keyboard_arrow_up'] = (
|
|
|
677
695
|
</svg>
|
|
678
696
|
);
|
|
679
697
|
|
|
698
|
+
iconMap['ic_labels_off'] = (
|
|
699
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
700
|
+
<path d="M2.5 4.5 4 3l16 16-1.5 1.5-2.805-2.805a1.85 1.85 0 0 1-1.028.305h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.467.17-.867.513-1.201L2.5 4.5ZM10 6l8.308 8.307L20 12l-3.867-5.271a1.68 1.68 0 0 0-.633-.536A1.85 1.85 0 0 0 14.667 6H10Z" />
|
|
701
|
+
</svg>
|
|
702
|
+
);
|
|
703
|
+
|
|
704
|
+
iconMap['ic_labels_on'] = (
|
|
705
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
706
|
+
<path d="m20 12-3.867 5.271a1.68 1.68 0 0 1-.633.536 1.85 1.85 0 0 1-.833.193h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.471.174-.875.522-1.21A1.744 1.744 0 0 1 5.778 6h8.889c.296 0 .574.064.833.193.26.128.47.307.633.536L20 12Z" />
|
|
707
|
+
</svg>
|
|
708
|
+
);
|
|
709
|
+
|
|
680
710
|
iconMap['ic_launch_modal'] = (
|
|
681
711
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
682
712
|
<path d="M12 2.313c-5.523 0-10 4.478-10 10 0 5.523 4.477 10 10 10s10-4.477 10-10c0-5.522-4.477-10-10-10Zm2.928 8.376L9.52 16.095a.696.696 0 0 1-.981-.013.696.696 0 0 1-.013-.98l5.407-5.408-4.788-.063a.713.713 0 0 1-.7-.7.67.67 0 0 1 .682-.683l6.465.085a.713.713 0 0 1 .7.701l.086 6.465a.67.67 0 0 1-.682.683.722.722 0 0 1-.706-.706l-.063-4.787Z" />
|
|
@@ -695,6 +725,13 @@ iconMap['ic_layers'] = (
|
|
|
695
725
|
</svg>
|
|
696
726
|
);
|
|
697
727
|
|
|
728
|
+
iconMap['ic_layers_user_defined'] = (
|
|
729
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
730
|
+
<path d="M16 9.5 10 14l6 4.5 6-4.5-6-4.5ZM12.5 14l3.5-2.5 3.5 2.5-3.5 2.5-3.5-2.5Z" />
|
|
731
|
+
<path d="M11.22 16.585 16 20l4.78-3.415L22 17.5 16 22l-6-4.5 1.22-.915ZM8 17l2-1.5L8 14l2.987-2.24c-1.47.002-3 .322-4.592.962C4.798 13.364 4 14.202 4 15.24V17h4ZM8.544 8.976C9.226 9.658 10.045 10 11 10c.956 0 1.775-.342 2.457-1.024.682-.682 1.024-1.5 1.024-2.456 0-.955-.342-1.78-1.024-2.477C12.775 3.348 11.956 3 11 3c-.955 0-1.774.348-2.456 1.043C7.86 4.74 7.52 5.565 7.52 6.52c0 .955.341 1.774 1.024 2.456Z" />
|
|
732
|
+
</svg>
|
|
733
|
+
);
|
|
734
|
+
|
|
698
735
|
iconMap['ic_left'] = (
|
|
699
736
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
700
737
|
<path d="m14.5 7.5-5 5 5 5v-10Z" />
|
|
@@ -1081,6 +1118,12 @@ iconMap['ic_round_selection'] = (
|
|
|
1081
1118
|
</svg>
|
|
1082
1119
|
);
|
|
1083
1120
|
|
|
1121
|
+
iconMap['ic_save'] = (
|
|
1122
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
1123
|
+
<path d="M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4Zm2 16H5V5h11.17L19 7.83V19Zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3ZM6 6h9v4H6V6Z" />
|
|
1124
|
+
</svg>
|
|
1125
|
+
);
|
|
1126
|
+
|
|
1084
1127
|
iconMap['ic_save_as'] = (
|
|
1085
1128
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
1086
1129
|
<path d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h11.175a1.975 1.975 0 0 1 1.4.575l2.85 2.85a1.975 1.975 0 0 1 .575 1.4V12.4l-2 2V7.825L16.175 5H5v14h9.4l-2 2H5Zm7-3c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0 0 15 15c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 12c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 15c0 .833.292 1.542.875 2.125A2.893 2.893 0 0 0 12 18Zm-5-8h7c.283 0 .52-.096.713-.287A.967.967 0 0 0 15 9V7a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 6H7a.968.968 0 0 0-.713.287A.968.968 0 0 0 6 7v2c0 .283.096.52.287.713.192.191.43.287.713.287Zm8.5 13a.48.48 0 0 1-.35-.15.48.48 0 0 1-.15-.35v-1.075c0-.033.05-.15.15-.35L20 16.25l1.75 1.775-4.825 4.825c-.033.033-.15.083-.35.15H15.5Zm6.9-5.65-1.775-1.75.85-.85c.1-.1.22-.15.362-.15s.263.05.363.15l1.05 1.05a.48.48 0 0 1 0 .7l-.85.85Z" />
|
package/dist/index.d.ts
CHANGED
|
@@ -65,6 +65,7 @@ export { LuiSidePanelProvider } from './components/LuiSidePanel/LuiSidePanel';
|
|
|
65
65
|
export { LuiSwitchButton } from './components/LuiSwitchButton/LuiSwitchButton';
|
|
66
66
|
export { LuiAccordicard } from './components/LuiAccordicard/LuiAccordicard';
|
|
67
67
|
export { LuiAccordicardStatic } from './components/LuiAccordicardStatic/LuiAccordicardStatic';
|
|
68
|
+
export { LuiAccordion } from './components/LuiAccordion/LuiAccordion';
|
|
68
69
|
export { LuiListBox, ILuiListBoxItem, ILuiListBoxProps, IItemRendererProps, } from './components/LuiListBox/LuiListBox';
|
|
69
70
|
export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRenderer';
|
|
70
71
|
export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
|
package/dist/index.js
CHANGED
|
@@ -218,6 +218,12 @@ iconMap['ic_border_color'] = (React__default["default"].createElement("svg", { x
|
|
|
218
218
|
React__default["default"].createElement("path", { d: "M0 20.016h24V24H0v-3.984zM20.719 4.031 18.75 6 15 2.25 16.969.281Q17.25 0 17.672 0t.703.281l2.344 2.344q.281.281.281.703t-.281.703zm-2.953 2.953L7.735 17.015h-3.75v-3.75L14.016 3.234z" })));
|
|
219
219
|
iconMap['ic_cancel_clear'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
220
220
|
React__default["default"].createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" })));
|
|
221
|
+
iconMap['ic_cancel_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
222
|
+
React__default["default"].createElement("g", { "clip-path": "url(#a)" },
|
|
223
|
+
React__default["default"].createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7Z" })),
|
|
224
|
+
React__default["default"].createElement("defs", null,
|
|
225
|
+
React__default["default"].createElement("clipPath", { id: "a" },
|
|
226
|
+
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
221
227
|
iconMap['ic_cart_view'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
222
228
|
React__default["default"].createElement("path", { d: "M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 3c0 .55.45 1 1 1h1l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h11c.55 0 1-.45 1-1s-.45-1-1-1H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A.996.996 0 0 0 20.01 4H5.21l-.67-1.43a.993.993 0 0 0-.9-.57H2c-.55 0-1 .45-1 1Zm16 15c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z" })));
|
|
223
229
|
iconMap['ic_certify_and_sign'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -323,12 +329,19 @@ iconMap['ic_keyboard_arrow_right'] = (React__default["default"].createElement("s
|
|
|
323
329
|
React__default["default"].createElement("path", { d: "M8.297 16.594 12.891 12 8.297 7.406 9.703 6l6 6-6 6z" })));
|
|
324
330
|
iconMap['ic_keyboard_arrow_up'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
325
331
|
React__default["default"].createElement("path", { d: "M7.406 15.703 6 14.297l6-6 6 6-1.406 1.406L12 11.109z" })));
|
|
332
|
+
iconMap['ic_labels_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
333
|
+
React__default["default"].createElement("path", { d: "M2.5 4.5 4 3l16 16-1.5 1.5-2.805-2.805a1.85 1.85 0 0 1-1.028.305h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.467.17-.867.513-1.201L2.5 4.5ZM10 6l8.308 8.307L20 12l-3.867-5.271a1.68 1.68 0 0 0-.633-.536A1.85 1.85 0 0 0 14.667 6H10Z" })));
|
|
334
|
+
iconMap['ic_labels_on'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
335
|
+
React__default["default"].createElement("path", { d: "m20 12-3.867 5.271a1.68 1.68 0 0 1-.633.536 1.85 1.85 0 0 1-.833.193h-8.89c-.488 0-.907-.168-1.255-.504A1.622 1.622 0 0 1 4 16.286V7.714c0-.471.174-.875.522-1.21A1.744 1.744 0 0 1 5.778 6h8.889c.296 0 .574.064.833.193.26.128.47.307.633.536L20 12Z" })));
|
|
326
336
|
iconMap['ic_launch_modal'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
327
337
|
React__default["default"].createElement("path", { d: "M12 2.313c-5.523 0-10 4.478-10 10 0 5.523 4.477 10 10 10s10-4.477 10-10c0-5.522-4.477-10-10-10Zm2.928 8.376L9.52 16.095a.696.696 0 0 1-.981-.013.696.696 0 0 1-.013-.98l5.407-5.408-4.788-.063a.713.713 0 0 1-.7-.7.67.67 0 0 1 .682-.683l6.465.085a.713.713 0 0 1 .7.701l.086 6.465a.67.67 0 0 1-.682.683.722.722 0 0 1-.706-.706l-.063-4.787Z" })));
|
|
328
338
|
iconMap['ic_launch_new window_open'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
329
339
|
React__default["default"].createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V3h-6c-.55 0-1 .45-1 1Z" })));
|
|
330
340
|
iconMap['ic_layers'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
331
341
|
React__default["default"].createElement("path", { d: "m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74Zm7.37-8.27L12 16l-7.37-5.73L3 9l9-7 9 7-1.64 1.27ZM17.74 9 12 4.53 6.26 9 12 13.47 17.74 9Z" })));
|
|
342
|
+
iconMap['ic_layers_user_defined'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
343
|
+
React__default["default"].createElement("path", { d: "M16 9.5 10 14l6 4.5 6-4.5-6-4.5ZM12.5 14l3.5-2.5 3.5 2.5-3.5 2.5-3.5-2.5Z" }),
|
|
344
|
+
React__default["default"].createElement("path", { d: "M11.22 16.585 16 20l4.78-3.415L22 17.5 16 22l-6-4.5 1.22-.915ZM8 17l2-1.5L8 14l2.987-2.24c-1.47.002-3 .322-4.592.962C4.798 13.364 4 14.202 4 15.24V17h4ZM8.544 8.976C9.226 9.658 10.045 10 11 10c.956 0 1.775-.342 2.457-1.024.682-.682 1.024-1.5 1.024-2.456 0-.955-.342-1.78-1.024-2.477C12.775 3.348 11.956 3 11 3c-.955 0-1.774.348-2.456 1.043C7.86 4.74 7.52 5.565 7.52 6.52c0 .955.341 1.774 1.024 2.456Z" })));
|
|
332
345
|
iconMap['ic_left'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
333
346
|
React__default["default"].createElement("path", { d: "m14.5 7.5-5 5 5 5v-10Z" })));
|
|
334
347
|
iconMap['ic_left_col'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -472,6 +485,8 @@ iconMap['ic_restore'] = (React__default["default"].createElement("svg", { viewBo
|
|
|
472
485
|
iconMap['ic_round_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
473
486
|
React__default["default"].createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
|
|
474
487
|
React__default["default"].createElement("path", { d: "M12.98 21.953a10.12 10.12 0 0 1-1.96 0l.193-1.991a8.1 8.1 0 0 0 1.574 0l.193 1.99Zm-3.884-.381.58-1.914a7.947 7.947 0 0 1-1.446-.6l-.945 1.763c.573.307 1.179.56 1.811.75Zm-3.44-1.842 1.27-1.545a8.062 8.062 0 0 1-1.111-1.11L4.27 18.343c.415.506.88.97 1.386 1.386Zm-2.477-3.015 1.763-.944a7.938 7.938 0 0 1-.6-1.447l-1.914.58a9.93 9.93 0 0 0 .751 1.81ZM2.047 12.98l1.991-.193a8.12 8.12 0 0 1 0-1.574l-1.99-.193a10.123 10.123 0 0 0 0 1.96Zm.381-3.884 1.914.58c.153-.505.355-.989.6-1.446l-1.763-.945a9.938 9.938 0 0 0-.75 1.811Zm1.842-3.44 1.545 1.27a8.06 8.06 0 0 1 1.11-1.111L5.657 4.27c-.506.415-.97.88-1.386 1.386Zm3.015-2.477.945 1.763a7.938 7.938 0 0 1 1.446-.6l-.58-1.914a9.938 9.938 0 0 0-1.81.751Zm3.735-1.132a10.123 10.123 0 0 1 1.96 0l-.193 1.991a8.12 8.12 0 0 0-1.574 0l-.193-1.99Zm3.884.381-.58 1.914c.505.153.989.355 1.447.6l.944-1.763a9.936 9.936 0 0 0-1.811-.75Zm3.44 1.842-1.27 1.545c.406.333.778.705 1.111 1.11l1.545-1.269a10.06 10.06 0 0 0-1.386-1.386Zm2.477 3.015-1.763.945c.245.457.447.941.6 1.446l1.914-.58a9.937 9.937 0 0 0-.751-1.81Zm1.131 3.735-1.99.193a8.1 8.1 0 0 1 0 1.574l1.99.194a10.123 10.123 0 0 0 0-1.961Z" })));
|
|
488
|
+
iconMap['ic_save'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
489
|
+
React__default["default"].createElement("path", { d: "M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4Zm2 16H5V5h11.17L19 7.83V19Zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3ZM6 6h9v4H6V6Z" })));
|
|
475
490
|
iconMap['ic_save_as'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
476
491
|
React__default["default"].createElement("path", { d: "M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h11.175a1.975 1.975 0 0 1 1.4.575l2.85 2.85a1.975 1.975 0 0 1 .575 1.4V12.4l-2 2V7.825L16.175 5H5v14h9.4l-2 2H5Zm7-3c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0 0 15 15c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 12c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 15c0 .833.292 1.542.875 2.125A2.893 2.893 0 0 0 12 18Zm-5-8h7c.283 0 .52-.096.713-.287A.967.967 0 0 0 15 9V7a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 6H7a.968.968 0 0 0-.713.287A.968.968 0 0 0 6 7v2c0 .283.096.52.287.713.192.191.43.287.713.287Zm8.5 13a.48.48 0 0 1-.35-.15.48.48 0 0 1-.15-.35v-1.075c0-.033.05-.15.15-.35L20 16.25l1.75 1.775-4.825 4.825c-.033.033-.15.083-.35.15H15.5Zm6.9-5.65-1.775-1.75.85-.85c.1-.1.22-.15.362-.15s.263.05.363.15l1.05 1.05a.48.48 0 0 1 0 .7l-.85.85Z" })));
|
|
477
492
|
iconMap['ic_save_download'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
@@ -25426,8 +25441,8 @@ function styleInject(css, ref) {
|
|
|
25426
25441
|
}
|
|
25427
25442
|
}
|
|
25428
25443
|
|
|
25429
|
-
var css_248z$
|
|
25430
|
-
styleInject(css_248z$
|
|
25444
|
+
var css_248z$b = ".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}";
|
|
25445
|
+
styleInject(css_248z$b);
|
|
25431
25446
|
|
|
25432
25447
|
/**
|
|
25433
25448
|
* Overwrite the common buttons for floating window to
|
|
@@ -27676,8 +27691,8 @@ ReactSplitGrid.defaultProps = {
|
|
|
27676
27691
|
onDrag: undefined,
|
|
27677
27692
|
};
|
|
27678
27693
|
|
|
27679
|
-
var css_248z$
|
|
27680
|
-
styleInject(css_248z$
|
|
27694
|
+
var css_248z$a = ".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}";
|
|
27695
|
+
styleInject(css_248z$a);
|
|
27681
27696
|
|
|
27682
27697
|
var GutterComponent = function (props) {
|
|
27683
27698
|
var leftIcon = (React__default["default"].createElement(LuiIcon, { name: "ic_double_arrow_left", alt: "", status: "interactive" }));
|
|
@@ -27995,8 +28010,8 @@ function LuiFormikForm(props) {
|
|
|
27995
28010
|
" "))));
|
|
27996
28011
|
}
|
|
27997
28012
|
|
|
27998
|
-
var css_248z$
|
|
27999
|
-
styleInject(css_248z$
|
|
28013
|
+
var css_248z$9 = "/**\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}";
|
|
28014
|
+
styleInject(css_248z$9);
|
|
28000
28015
|
|
|
28001
28016
|
var LuiError = function (_a) {
|
|
28002
28017
|
var error = _a.error, className = _a.className;
|
|
@@ -52500,8 +52515,8 @@ function isChromatic() {
|
|
|
52500
52515
|
(window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
52501
52516
|
}
|
|
52502
52517
|
|
|
52503
|
-
var css_248z$
|
|
52504
|
-
styleInject(css_248z$
|
|
52518
|
+
var css_248z$8 = ":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}";
|
|
52519
|
+
styleInject(css_248z$8);
|
|
52505
52520
|
|
|
52506
52521
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
52507
52522
|
|
|
@@ -52622,13 +52637,13 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52622
52637
|
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
52623
52638
|
// border-radius: "4px";
|
|
52624
52639
|
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
52625
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$
|
|
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$8['sea'], primary75: css_248z$8['electric'], primary50: css_248z$8['spray'], primary25: css_248z$8['polar'], neutral90: css_248z$8['charcoal'], neutral80: css_248z$8['charcoal'], neutral70: css_248z$8['charcoal'], neutral60: css_248z$8['fuscous'], neutral50: css_248z$8['fuscous'], neutral40: css_248z$8['gray'], neutral30: css_248z$8['gray'], neutral20: css_248z$8['silver'], neutral10: css_248z$8['lily'], neutral5: css_248z$8['hint'], danger: css_248z$8['error'], dangerLight: css_248z$8['error-bg'] }) })); }, styles: {
|
|
52626
52641
|
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
52627
52642
|
/* matches style of .LuiTextInput-input */
|
|
52628
52643
|
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52629
52644
|
borderColor: '#053d52'
|
|
52630
52645
|
} })); },
|
|
52631
|
-
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$
|
|
52646
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$8['fuscous'] })); },
|
|
52632
52647
|
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
52633
52648
|
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
52634
52649
|
height: '38px !important'
|
|
@@ -52636,10 +52651,10 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52636
52651
|
singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
|
|
52637
52652
|
placeholder: function (provided) { return (__assign(__assign({}, provided), {
|
|
52638
52653
|
/* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
|
|
52639
|
-
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$
|
|
52654
|
+
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$8['input-placeholder'] })); },
|
|
52640
52655
|
option: function (provided, _a) {
|
|
52641
52656
|
var isSelected = _a.isSelected;
|
|
52642
|
-
return (__assign(__assign({}, provided), { color: css_248z$
|
|
52657
|
+
return (__assign(__assign({}, provided), { color: css_248z$8['input-text'], backgroundColor: isSelected ? css_248z$8['selection'] : css_248z$8['white'] }));
|
|
52643
52658
|
}
|
|
52644
52659
|
} });
|
|
52645
52660
|
return (React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
|
|
@@ -55011,8 +55026,8 @@ var LuiModalHeader = function (props) {
|
|
|
55011
55026
|
React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));
|
|
55012
55027
|
};
|
|
55013
55028
|
|
|
55014
|
-
var css_248z$
|
|
55015
|
-
styleInject(css_248z$
|
|
55029
|
+
var css_248z$7 = "@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";
|
|
55030
|
+
styleInject(css_248z$7);
|
|
55016
55031
|
|
|
55017
55032
|
/**
|
|
55018
55033
|
* @internal
|
|
@@ -60285,8 +60300,8 @@ var LuiSidePanelProvider = function (_a) {
|
|
|
60285
60300
|
React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
|
|
60286
60301
|
};
|
|
60287
60302
|
|
|
60288
|
-
var css_248z$
|
|
60289
|
-
styleInject(css_248z$
|
|
60303
|
+
var css_248z$6 = ".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}";
|
|
60304
|
+
styleInject(css_248z$6);
|
|
60290
60305
|
|
|
60291
60306
|
var LuiSwitchButton = function (props) {
|
|
60292
60307
|
var generatedId = useGenerateOrDefaultId();
|
|
@@ -67917,6 +67932,27 @@ var LuiAccordicardStatic = function (props) {
|
|
|
67917
67932
|
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" }))));
|
|
67918
67933
|
};
|
|
67919
67934
|
|
|
67935
|
+
var css_248z$5 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-accordion {\n padding: 8px;\n display: flex;\n box-shadow: 0px 2px 3px 0px #00000040, 0px 0px 3px 0px #00000026;\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}";
|
|
67936
|
+
styleInject(css_248z$5);
|
|
67937
|
+
|
|
67938
|
+
var LuiAccordion = function (props) {
|
|
67939
|
+
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;
|
|
67940
|
+
var _d = React.useState(expanded), open = _d[0], setOpen = _d[1];
|
|
67941
|
+
React__default["default"].useEffect(function () {
|
|
67942
|
+
setOpen(expanded);
|
|
67943
|
+
}, [expanded]);
|
|
67944
|
+
var toggle = function (event) {
|
|
67945
|
+
//Reason for event.preventDefault() : https://github.com/facebook/react/issues/15486
|
|
67946
|
+
event.preventDefault();
|
|
67947
|
+
setOpen(!open);
|
|
67948
|
+
};
|
|
67949
|
+
return (React__default["default"].createElement("details", { style: style, className: clsx('lui-accordion', className), open: open },
|
|
67950
|
+
React__default["default"].createElement("summary", { onClick: toggle, "data-testid": "lui-accordion-summary-".concat(open) },
|
|
67951
|
+
React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: open ? 'ic_keyboard_arrow_down' : 'ic_keyboard_arrow_right', alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed' }),
|
|
67952
|
+
React__default["default"].isValidElement(heading) ? (heading) : (React__default["default"].createElement("h4", { className: "accordion-heading", "data-testid": "lui-accordion-heading-".concat(open) }, heading))),
|
|
67953
|
+
children));
|
|
67954
|
+
};
|
|
67955
|
+
|
|
67920
67956
|
var css_248z$4 = "/**\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}";
|
|
67921
67957
|
styleInject(css_248z$4);
|
|
67922
67958
|
|
|
@@ -71558,6 +71594,7 @@ exports.LOLUserLastLogin = LOLUserLastLogin;
|
|
|
71558
71594
|
exports.LUI_WINDOW_NAME = LUI_WINDOW_NAME;
|
|
71559
71595
|
exports.LuiAccordicard = LuiAccordicard;
|
|
71560
71596
|
exports.LuiAccordicardStatic = LuiAccordicardStatic;
|
|
71597
|
+
exports.LuiAccordion = LuiAccordion;
|
|
71561
71598
|
exports.LuiAlertModal = LuiAlertModal;
|
|
71562
71599
|
exports.LuiAlertModalButtons = LuiAlertModalButtons;
|
|
71563
71600
|
exports.LuiBadge = LuiBadge;
|