@linzjs/lui 17.56.0 → 17.58.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/LuiProgressBar/LuiProgressBar.d.ts +9 -0
- package/dist/index.js +19 -14
- package/dist/index.js.map +1 -1
- package/dist/lui.css +13 -1
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +19 -14
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiSidePanel/LuiSidePanel.scss +21 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# [17.58.0](https://github.com/linz/lui/compare/v17.57.0...v17.58.0) (2023-05-22)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* Add LUI Progress Bar ([#945](https://github.com/linz/lui/issues/945)) ([96c577f](https://github.com/linz/lui/commit/96c577feec47e6d31e33ea87310e4966621a6006))
|
|
7
|
+
|
|
8
|
+
# [17.57.0](https://github.com/linz/lui/compare/v17.56.0...v17.57.0) (2023-05-17)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* Luiicon170523 ([#942](https://github.com/linz/lui/issues/942)) ([d652e80](https://github.com/linz/lui/commit/d652e8007ea91eda4b115c7af9cc7ccbc4858675))
|
|
14
|
+
|
|
1
15
|
# [17.56.0](https://github.com/linz/lui/compare/v17.55.0...v17.56.0) (2023-05-16)
|
|
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" />
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './LuiProgressBar.scss';
|
|
3
|
+
export declare type ProgressBarProps = {
|
|
4
|
+
value?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
barHeight?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => JSX.Element;
|
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" },
|
|
@@ -60263,18 +60278,8 @@ var LuiSidePanelContainer = function (props) {
|
|
|
60263
60278
|
top: top,
|
|
60264
60279
|
width: children ? width !== null && width !== void 0 ? width : '50%' : '0%'
|
|
60265
60280
|
}, className: clsx('luiSidePanel', classNames) },
|
|
60266
|
-
children && (React__default["default"].createElement("button", { type: "button", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose,
|
|
60267
|
-
|
|
60268
|
-
position: 'absolute',
|
|
60269
|
-
right: 15,
|
|
60270
|
-
top: 14,
|
|
60271
|
-
background: '#e2f3f7',
|
|
60272
|
-
border: 'none',
|
|
60273
|
-
display: 'flex',
|
|
60274
|
-
cursor: 'pointer',
|
|
60275
|
-
borderBottomLeftRadius: '5px'
|
|
60276
|
-
} },
|
|
60277
|
-
React__default["default"].createElement(LuiIcon, { alt: "Close", name: "ic_clear", size: "lg", status: "interactive" }))),
|
|
60281
|
+
children && (React__default["default"].createElement("button", { type: "button", className: "luiSidePanel-CloseBtn", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose },
|
|
60282
|
+
React__default["default"].createElement(LuiIcon, { alt: "Close", name: "ic_clear", className: "luiSidePanel-CloseIcon", size: "lg", status: "interactive" }))),
|
|
60278
60283
|
children));
|
|
60279
60284
|
};
|
|
60280
60285
|
var LuiSidePanelProvider = function (_a) {
|
|
@@ -67917,7 +67922,7 @@ var LuiAccordicardStatic = function (props) {
|
|
|
67917
67922
|
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
67923
|
};
|
|
67919
67924
|
|
|
67920
|
-
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}";
|
|
67925
|
+
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 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}";
|
|
67921
67926
|
styleInject(css_248z$5);
|
|
67922
67927
|
|
|
67923
67928
|
var LuiAccordion = function (props) {
|
|
@@ -67933,7 +67938,7 @@ var LuiAccordion = function (props) {
|
|
|
67933
67938
|
};
|
|
67934
67939
|
return (React__default["default"].createElement("details", { style: style, className: clsx('lui-accordion', className), open: open },
|
|
67935
67940
|
React__default["default"].createElement("summary", { onClick: toggle, "data-testid": "lui-accordion-summary-".concat(open) },
|
|
67936
|
-
React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name:
|
|
67941
|
+
React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: "ic_expand_more", alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed', className: clsx('chevron', open ? 'chevron--isOpen' : null) }),
|
|
67937
67942
|
React__default["default"].isValidElement(heading) ? (heading) : (React__default["default"].createElement("h4", { className: "accordion-heading", "data-testid": "lui-accordion-heading-".concat(open) }, heading))),
|
|
67938
67943
|
children));
|
|
67939
67944
|
};
|