@linzjs/lui 18.4.5 → 18.5.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [18.5.1](https://github.com/linz/lui/compare/v18.5.0...v18.5.1) (2023-08-13)
+
+
+### Bug Fixes
+
+* **LuiExpandableBanner:** fix height limit ([#983](https://github.com/linz/lui/issues/983)) ([a9d8fea](https://github.com/linz/lui/commit/a9d8feade76359f001acbcf43e2835ef1d08ee43))
+
+# [18.5.0](https://github.com/linz/lui/compare/v18.4.5...v18.5.0) (2023-08-09)
+
+
+### Features
+
+* data icons, refresh, and mild fix to presentation ([#981](https://github.com/linz/lui/issues/981)) ([3055eff](https://github.com/linz/lui/commit/3055eff2fab18d0e0d97ee7562633517aa7376bf))
+
 ## [18.4.5](https://github.com/linz/lui/compare/v18.4.4...v18.4.5) (2023-08-07)
 
 

package/dist/assets/icons/basemap_off.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.174 3.16a.98.98 0 1 0-1.387 1.387l1.501 1.5A1 1 0 0 0 4 6.75V19a1 1 0 0 0 1.371.928l4.035-1.614 4.903 1.635a1 1 0 0 0 .687-.02l2.266-.907 2.193 2.193a.98.98 0 0 0 1.387-1.387L4.174 3.16Zm11.55 14.323L14.68 16.44l.174 1.391.87-.348ZM14.36 16.12 6 7.76v9.763l3.004-1.201c.038-.016.076-.028.115-.039L9.5 14l.395 2.37 4.257 1.418.208-1.668Z" fill="#000"/><path d="M18 6.477v7.765l2 2V5a1 1 0 0 0-1.371-.928l-4.035 1.613L9.69 4.051a1 1 0 0 0-.687.02l-.84.336 1.866 1.865 4.075 1.359L14.5 10l.38-2.283c.04-.01.078-.023.116-.039L18 6.477Z" fill="#000"/></svg>

package/dist/assets/icons/data_display_threshold_high_urban.svg

@@ -0,0 +1 @@
+<svg  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m7 6.5 2 2V8h3v2h-2v2h2v2h-2v2h2v2h-2v2h4v-9h5V2H7v4.5ZM14 4h3v2h-3V4Zm3 4h-3v2h3V8ZM9 4h3v2H9V4Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="m6 7 3 3v12H3V10l3-3Zm-1 3v2h2v-2H5Zm2 4v2H5v-2h2Zm0 4v2H5v-2h2ZM21 12h-6v10h6V12Zm-2 2h-2v2h2v-2Zm-2 4h2v2h-2v-2Z" fill="#000"/></svg>

package/dist/assets/icons/data_display_threshold_low_large_rural.svg

@@ -0,0 +1 @@
+<svg  viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12h.5c1.38 0 2.5-1.194 2.5-2.667 0-1.097-.62-2.039-1.508-2.448a2.88 2.88 0 0 0 .008-.218C9.5 5.194 8.38 4 7 4S4.5 5.194 4.5 6.667c0 .073.003.146.008.218C3.621 7.295 3 8.236 3 9.333 3 10.806 4.12 12 5.5 12H6v2.528A16.297 16.297 0 0 0 2 14v2c2.597 0 6.397.89 9.002 3.413v-2.598A14.205 14.205 0 0 0 8 15.182V12ZM6.083 7.81l-.08-1.039A1.385 1.385 0 0 1 6 6.667C6 5.93 6.537 5.5 7 5.5c.463 0 1 .43 1 1.167 0 .035-.001.07-.004.104l-.079 1.04.946.436c.338.156.637.554.637 1.086 0 .737-.537 1.167-1 1.167h-3c-.463 0-1-.43-1-1.167 0-.532.299-.93.637-1.086l.946-.437Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15v6h10v-6l1-1-2-2V9h-2v1l-2-2-6 6 1 1Zm2 4h2v-3h2v3h2v-5l-3-3-3 3v5Z" fill="#000"/></svg>

package/dist/assets/icons/data_display_threshold_medium_rural.svg

@@ -0,0 +1 @@
+<svg  viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 15v6h10v-6l1-1-6-6-2 2V9H3v3l-2 2 1 1Zm2-1v5h2v-3h2v3h2v-5l-3-3-3 3Z" fill="#000"/><path d="M15 16v-2h1v-3h2v3h2V9l-3-3-3 3v4l-2-2v-1l-1-1 6-6 2 2V4h2v3l2 2-1 1v6h-7Z" fill="#000"/></svg>

package/dist/assets/icons/multi_factor_authentication_mfa.svg

@@ -0,0 +1 @@
+<svg  viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg"><path d="M17 21a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20v-7.95c0-.283.096-.52.288-.713A.968.968 0 0 1 17 11.05h4c.283 0 .52.096.712.287.192.192.288.43.288.713V20c0 .283-.096.52-.288.712A.968.968 0 0 1 21 21h-4Zm0-2h4v-5.95h-4V19Zm-8 2a.967.967 0 0 1-.713-.288A.968.968 0 0 1 8 20c0-.283.096-.52.287-.712A.967.967 0 0 1 9 19h1v-2H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 15V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h14c.55 0 1.02.196 1.413.587C19.803 3.98 20 4.45 20 5v3.05c0 .283-.096.52-.288.712A.968.968 0 0 1 19 9.05a.968.968 0 0 1-.712-.288A.967.967 0 0 1 18 8.05V5H4v10h9c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.712A.968.968 0 0 1 13 17h-1v2h1c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.968.968 0 0 1 13 21H9Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 14a.967.967 0 0 1-.713-.287A.968.968 0 0 1 8 13v-3c0-.283.096-.52.287-.713A.968.968 0 0 1 9 9V8c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 11 6c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412v1c.283 0 .52.096.713.287.191.192.287.43.287.713v3c0 .283-.096.52-.287.713A.968.968 0 0 1 13 14H9Zm1-6v1h2V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 11 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 10 8Z" fill="#000"/></svg>

package/dist/assets/icons/refresh.svg

@@ -0,0 +1 @@
+<svg  viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg"><path d="M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z" fill="#000"/></svg>

package/dist/assets/svg-content.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-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_alias' | 'ic_alias_unselected' | '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_data_display_threshold' | 'ic_dealings' | 'ic_delete_forever' | '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_email' | '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';
+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_alias' | 'ic_alias_unselected' | '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_basemap_off' | '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_data_display_threshold' | 'ic_data_display_threshold_high_urban' | 'ic_data_display_threshold_low_large_rural' | 'ic_data_display_threshold_medium_rural' | 'ic_dealings' | 'ic_delete_forever' | '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_email' | '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_multi_factor_authentication_mfa' | '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_refresh' | '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';
 declare type IconNameElementMap = {
     [key in LuiIconName]?: JSX.Element;
 };

package/dist/assets/svg-content.tsx

@@ -36,6 +36,7 @@ export type LuiIconName =
   | 'ic_attachment'
   | 'ic_auth_and_instruct'
   | 'ic_balance_parcel'
+  | 'ic_basemap_off'
   | 'ic_blackwhite_greyscale'
   | 'ic_blocked'
   | 'ic_border_color'
@@ -58,6 +59,9 @@ export type LuiIconName =
   | 'ic_create_new_list'
   | 'ic_csv_file'
   | 'ic_data_display_threshold'
+  | 'ic_data_display_threshold_high_urban'
+  | 'ic_data_display_threshold_low_large_rural'
+  | 'ic_data_display_threshold_medium_rural'
   | 'ic_dealings'
   | 'ic_delete_forever'
   | 'ic_delete_outline'
@@ -127,6 +131,7 @@ export type LuiIconName =
   | 'ic_minimise'
   | 'ic_misclose_error'
   | 'ic_more_vert'
+  | 'ic_multi_factor_authentication_mfa'
   | 'ic_navigate_before'
   | 'ic_navigate_next'
   | 'ic_note_add'
@@ -151,6 +156,7 @@ export type LuiIconName =
   | 'ic_print'
   | 'ic_product_list'
   | 'ic_publish'
+  | 'ic_refresh'
   | 'ic_regenerate'
   | 'ic_release'
   | 'ic_remove_circle'
@@ -370,6 +376,13 @@ iconMap['ic_balance_parcel'] = (
   </svg>
 );
 
+iconMap['ic_basemap_off'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.174 3.16a.98.98 0 1 0-1.387 1.387l1.501 1.5A1 1 0 0 0 4 6.75V19a1 1 0 0 0 1.371.928l4.035-1.614 4.903 1.635a1 1 0 0 0 .687-.02l2.266-.907 2.193 2.193a.98.98 0 0 0 1.387-1.387L4.174 3.16Zm11.55 14.323L14.68 16.44l.174 1.391.87-.348ZM14.36 16.12 6 7.76v9.763l3.004-1.201c.038-.016.076-.028.115-.039L9.5 14l.395 2.37 4.257 1.418.208-1.668Z" />
+    <path d="M18 6.477v7.765l2 2V5a1 1 0 0 0-1.371-.928l-4.035 1.613L9.69 4.051a1 1 0 0 0-.687.02l-.84.336 1.866 1.865 4.075 1.359L14.5 10l.38-2.283c.04-.01.078-.023.116-.039L18 6.477Z" />
+  </svg>
+);
+
 iconMap['ic_blackwhite_greyscale'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#a)">
@@ -521,6 +534,27 @@ iconMap['ic_data_display_threshold'] = (
   </svg>
 );
 
+iconMap['ic_data_display_threshold_high_urban'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="m7 6.5 2 2V8h3v2h-2v2h2v2h-2v2h2v2h-2v2h4v-9h5V2H7v4.5ZM14 4h3v2h-3V4Zm3 4h-3v2h3V8ZM9 4h3v2H9V4Z" />
+    <path d="m6 7 3 3v12H3V10l3-3Zm-1 3v2h2v-2H5Zm2 4v2H5v-2h2Zm0 4v2H5v-2h2ZM21 12h-6v10h6V12Zm-2 2h-2v2h2v-2Zm-2 4h2v2h-2v-2Z" />
+  </svg>
+);
+
+iconMap['ic_data_display_threshold_low_large_rural'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 12h.5c1.38 0 2.5-1.194 2.5-2.667 0-1.097-.62-2.039-1.508-2.448a2.88 2.88 0 0 0 .008-.218C9.5 5.194 8.38 4 7 4S4.5 5.194 4.5 6.667c0 .073.003.146.008.218C3.621 7.295 3 8.236 3 9.333 3 10.806 4.12 12 5.5 12H6v2.528A16.297 16.297 0 0 0 2 14v2c2.597 0 6.397.89 9.002 3.413v-2.598A14.205 14.205 0 0 0 8 15.182V12ZM6.083 7.81l-.08-1.039A1.385 1.385 0 0 1 6 6.667C6 5.93 6.537 5.5 7 5.5c.463 0 1 .43 1 1.167 0 .035-.001.07-.004.104l-.079 1.04.946.436c.338.156.637.554.637 1.086 0 .737-.537 1.167-1 1.167h-3c-.463 0-1-.43-1-1.167 0-.532.299-.93.637-1.086l.946-.437Z" />
+    <path d="M12 15v6h10v-6l1-1-2-2V9h-2v1l-2-2-6 6 1 1Zm2 4h2v-3h2v3h2v-5l-3-3-3 3v5Z" />
+  </svg>
+);
+
+iconMap['ic_data_display_threshold_medium_rural'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2 15v6h10v-6l1-1-6-6-2 2V9H3v3l-2 2 1 1Zm2-1v5h2v-3h2v3h2v-5l-3-3-3 3Z" />
+    <path d="M15 16v-2h1v-3h2v3h2V9l-3-3-3 3v4l-2-2v-1l-1-1 6-6 2 2V4h2v3l2 2-1 1v6h-7Z" />
+  </svg>
+);
+
 iconMap['ic_dealings'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <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" />
@@ -953,6 +987,13 @@ iconMap['ic_more_vert'] = (
   </svg>
 );
 
+iconMap['ic_multi_factor_authentication_mfa'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17 21a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20v-7.95c0-.283.096-.52.288-.713A.968.968 0 0 1 17 11.05h4c.283 0 .52.096.712.287.192.192.288.43.288.713V20c0 .283-.096.52-.288.712A.968.968 0 0 1 21 21h-4Zm0-2h4v-5.95h-4V19Zm-8 2a.967.967 0 0 1-.713-.288A.968.968 0 0 1 8 20c0-.283.096-.52.287-.712A.967.967 0 0 1 9 19h1v-2H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 15V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h14c.55 0 1.02.196 1.413.587C19.803 3.98 20 4.45 20 5v3.05c0 .283-.096.52-.288.712A.968.968 0 0 1 19 9.05a.968.968 0 0 1-.712-.288A.967.967 0 0 1 18 8.05V5H4v10h9c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.712A.968.968 0 0 1 13 17h-1v2h1c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.968.968 0 0 1 13 21H9Z" />
+    <path d="M9 14a.967.967 0 0 1-.713-.287A.968.968 0 0 1 8 13v-3c0-.283.096-.52.287-.713A.968.968 0 0 1 9 9V8c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 11 6c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412v1c.283 0 .52.096.713.287.191.192.287.43.287.713v3c0 .283-.096.52-.287.713A.968.968 0 0 1 13 14H9Zm1-6v1h2V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 11 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 10 8Z" />
+  </svg>
+);
+
 iconMap['ic_navigate_before'] = (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M15.703 7.406 11.109 12l4.594 4.594L14.297 18l-6-6 6-6z" />
@@ -1115,6 +1156,12 @@ iconMap['ic_publish'] = (
   </svg>
 );
 
+iconMap['ic_refresh'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z" />
+  </svg>
+);
+
 iconMap['ic_regenerate'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#a)">

package/dist/index.js

@@ -213,6 +213,9 @@ iconMap['ic_auth_and_instruct'] = (React__default["default"].createElement("svg"
     React__default["default"].createElement("path", { d: "m12.69 17.403 1.059 1.053a1.37 1.37 0 0 1-.724.194.825.825 0 0 1-.528-.162.528.528 0 0 1-.206-.437c0-.134.036-.252.107-.354.071-.103.168-.2.292-.294Zm.6-1.268a.477.477 0 0 0 .146-.346.33.33 0 0 0-.115-.266.443.443 0 0 0-.296-.098.51.51 0 0 0-.337.102.356.356 0 0 0-.123.29c0 .188.101.394.303.62a1.89 1.89 0 0 0 .421-.302Zm-5.912-1.311a73.182 73.182 0 0 1-.696 2.33h1.403c-.36-1.16-.564-1.817-.61-1.97a5.627 5.627 0 0 1-.097-.36ZM21.222 8v12c0 1.1-.9 2-2 2H5.212c-1.1 0-1.99-.9-1.99-2l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.978 19.393 8.07 13.988H6.675l-1.9 5.405h1.23l.39-1.281h1.962l.39 1.281h1.23Zm5.927.01-.96-.935c.17-.21.322-.452.456-.725.134-.273.24-.554.316-.84h-1.014c-.111.39-.242.71-.393.96l-.906-.884c.328-.19.565-.389.712-.598.146-.21.22-.441.22-.694a.887.887 0 0 0-.356-.739c-.237-.184-.553-.276-.949-.276-.415 0-.746.1-.994.297a.951.951 0 0 0-.371.782c0 .197.036.38.108.547.073.167.189.342.348.525-.313.178-.533.37-.662.575a1.374 1.374 0 0 0-.193.745c0 .406.152.729.456.967.304.238.716.357 1.235.357.512 0 .972-.141 1.378-.424l.367.36h1.202Zm3.08-5.393h-1.142v5.383h1.142V14.01ZM19.222 9h-5V4h-9v8h14V9Z" })));
 iconMap['ic_balance_parcel'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" })));
+iconMap['ic_basemap_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M4.174 3.16a.98.98 0 1 0-1.387 1.387l1.501 1.5A1 1 0 0 0 4 6.75V19a1 1 0 0 0 1.371.928l4.035-1.614 4.903 1.635a1 1 0 0 0 .687-.02l2.266-.907 2.193 2.193a.98.98 0 0 0 1.387-1.387L4.174 3.16Zm11.55 14.323L14.68 16.44l.174 1.391.87-.348ZM14.36 16.12 6 7.76v9.763l3.004-1.201c.038-.016.076-.028.115-.039L9.5 14l.395 2.37 4.257 1.418.208-1.668Z" }),
+    React__default["default"].createElement("path", { d: "M18 6.477v7.765l2 2V5a1 1 0 0 0-1.371-.928l-4.035 1.613L9.69 4.051a1 1 0 0 0-.687.02l-.84.336 1.866 1.865 4.075 1.359L14.5 10l.38-2.283c.04-.01.078-.023.116-.039L18 6.477Z" })));
 iconMap['ic_blackwhite_greyscale'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("g", { "clip-path": "url(#a)" },
         React__default["default"].createElement("path", { d: "M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10Zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07Z" })),
@@ -270,6 +273,15 @@ iconMap['ic_data_display_threshold'] = (React__default["default"].createElement(
     React__default["default"].createElement("path", { d: "M12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-2 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm4-6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }),
     React__default["default"].createElement("path", { d: "M21 4a1 1 0 0 0-1.371-.928l-4.66 1.863-5.653-1.884a1 1 0 0 0-.687.02l-5 2A1 1 0 0 0 3 6v14a1 1 0 0 0 1.371.928l4.66-1.864 1.153.385a1 1 0 0 0 .632-1.898l-1.473-.49L9 15l-.343 2.06-.028.012L5 18.523V6.677l3.7-1.48L9 7l.307-1.843 5.35 1.783L15 9l.344-2.06.027-.012L19 5.477V10a1 1 0 1 0 2 0V4Z" }),
     React__default["default"].createElement("path", { d: "m21.1 21.5-3.2-3.2c-.35.2-.725.367-1.125.5s-.825.2-1.275.2c-1.25 0-2.313-.438-3.188-1.313C11.438 16.813 11 15.75 11 14.5c0-1.25.438-2.313 1.313-3.188C13.187 10.438 14.25 10 15.5 10c1.25 0 2.313.438 3.188 1.313C19.563 12.187 20 13.25 20 14.5c0 .45-.067.875-.2 1.275-.133.4-.3.775-.5 1.125l3.2 3.2-1.4 1.4ZM15.5 17c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C16.792 12.242 16.2 12 15.5 12s-1.292.242-1.775.725C13.242 13.208 13 13.8 13 14.5s.242 1.292.725 1.775c.483.483 1.075.725 1.775.725Z" })));
+iconMap['ic_data_display_threshold_high_urban'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "m7 6.5 2 2V8h3v2h-2v2h2v2h-2v2h2v2h-2v2h4v-9h5V2H7v4.5ZM14 4h3v2h-3V4Zm3 4h-3v2h3V8ZM9 4h3v2H9V4Z" }),
+    React__default["default"].createElement("path", { d: "m6 7 3 3v12H3V10l3-3Zm-1 3v2h2v-2H5Zm2 4v2H5v-2h2Zm0 4v2H5v-2h2ZM21 12h-6v10h6V12Zm-2 2h-2v2h2v-2Zm-2 4h2v2h-2v-2Z" })));
+iconMap['ic_data_display_threshold_low_large_rural'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M8 12h.5c1.38 0 2.5-1.194 2.5-2.667 0-1.097-.62-2.039-1.508-2.448a2.88 2.88 0 0 0 .008-.218C9.5 5.194 8.38 4 7 4S4.5 5.194 4.5 6.667c0 .073.003.146.008.218C3.621 7.295 3 8.236 3 9.333 3 10.806 4.12 12 5.5 12H6v2.528A16.297 16.297 0 0 0 2 14v2c2.597 0 6.397.89 9.002 3.413v-2.598A14.205 14.205 0 0 0 8 15.182V12ZM6.083 7.81l-.08-1.039A1.385 1.385 0 0 1 6 6.667C6 5.93 6.537 5.5 7 5.5c.463 0 1 .43 1 1.167 0 .035-.001.07-.004.104l-.079 1.04.946.436c.338.156.637.554.637 1.086 0 .737-.537 1.167-1 1.167h-3c-.463 0-1-.43-1-1.167 0-.532.299-.93.637-1.086l.946-.437Z" }),
+    React__default["default"].createElement("path", { d: "M12 15v6h10v-6l1-1-2-2V9h-2v1l-2-2-6 6 1 1Zm2 4h2v-3h2v3h2v-5l-3-3-3 3v5Z" })));
+iconMap['ic_data_display_threshold_medium_rural'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M2 15v6h10v-6l1-1-6-6-2 2V9H3v3l-2 2 1 1Zm2-1v5h2v-3h2v3h2v-5l-3-3-3 3Z" }),
+    React__default["default"].createElement("path", { d: "M15 16v-2h1v-3h2v3h2V9l-3-3-3 3v4l-2-2v-1l-1-1 6-6 2 2V4h2v3l2 2-1 1v6h-7Z" })));
 iconMap['ic_dealings'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     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" })));
 iconMap['ic_delete_forever'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -420,6 +432,9 @@ iconMap['ic_misclose_error'] = (React__default["default"].createElement("svg", {
     React__default["default"].createElement("path", { d: "M21 18c.5 0 1-.5 1-1v-6c0-.6-.5-1-1-1s-1 .4-1 1v6c0 .5.5 1 1 1Zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-1 .5-1 1 .5 1 1 1Zm-3-2v2H2L22 2v6h-2V6.8L6.8 20H18Z" })));
 iconMap['ic_more_vert'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" })));
+iconMap['ic_multi_factor_authentication_mfa'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M17 21a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20v-7.95c0-.283.096-.52.288-.713A.968.968 0 0 1 17 11.05h4c.283 0 .52.096.712.287.192.192.288.43.288.713V20c0 .283-.096.52-.288.712A.968.968 0 0 1 21 21h-4Zm0-2h4v-5.95h-4V19Zm-8 2a.967.967 0 0 1-.713-.288A.968.968 0 0 1 8 20c0-.283.096-.52.287-.712A.967.967 0 0 1 9 19h1v-2H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 15V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h14c.55 0 1.02.196 1.413.587C19.803 3.98 20 4.45 20 5v3.05c0 .283-.096.52-.288.712A.968.968 0 0 1 19 9.05a.968.968 0 0 1-.712-.288A.967.967 0 0 1 18 8.05V5H4v10h9c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.712A.968.968 0 0 1 13 17h-1v2h1c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.968.968 0 0 1 13 21H9Z" }),
+    React__default["default"].createElement("path", { d: "M9 14a.967.967 0 0 1-.713-.287A.968.968 0 0 1 8 13v-3c0-.283.096-.52.287-.713A.968.968 0 0 1 9 9V8c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 11 6c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412v1c.283 0 .52.096.713.287.191.192.287.43.287.713v3c0 .283-.096.52-.287.713A.968.968 0 0 1 13 14H9Zm1-6v1h2V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 11 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 10 8Z" })));
 iconMap['ic_navigate_before'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M15.703 7.406 11.109 12l4.594 4.594L14.297 18l-6-6 6-6z" })));
 iconMap['ic_navigate_next'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -480,6 +495,8 @@ iconMap['ic_product_list'] = (React__default["default"].createElement("svg", { v
     React__default["default"].createElement("path", { d: "M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1ZM7 7h2v2H7V7Zm0 4h2v2H7v-2Zm0 4h2v2H7v-2ZM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-1 16H5V5h14v14Z" })));
 iconMap['ic_publish'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M5 4h14v2H5zm0 10h4v6h6v-6h4l-7-7-7 7zm8-2v6h-2v-6H9.83L12 9.83 14.17 12H13z" })));
+iconMap['ic_refresh'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z" })));
 iconMap['ic_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("g", { "clip-path": "url(#a)" },
         React__default["default"].createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" })),
@@ -25658,18 +25675,35 @@ var LuiMessagingContextProvider = function (props) {
         props.children));
 };
 
+var getMaxHeight = function (_a) {
+    var scrollHeight = _a.scrollHeight;
+    return Math.max(scrollHeight, 1200) + 'px';
+};
 var LuiExpandableBanner = function (props) {
-    var initiallyCollapsed = props.start === 'expanded' ? false : true;
-    var _a = React.useState(initiallyCollapsed), collapse = _a[0], setCollapse = _a[1];
+    var initiallyCollapsed = React.useRef(props.start === 'expanded' ? false : true);
+    var _a = React.useState(initiallyCollapsed.current), collapse = _a[0], setCollapse = _a[1];
+    var content = React.useRef(null);
+    var _b = React.useState('initial'), maxHeight = _b[0], setMaxHeight = _b[1];
+    React.useEffect(function () {
+        content.current && setMaxHeight(getMaxHeight(content.current));
+    }, [content]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: clsx('lui-expand-container', props.className) },
             props.labelPrefix,
-            React__default["default"].createElement("div", { className: 'lui-expand-header', onClick: function () { return setCollapse(function (prev) { return !prev; }); }, style: { width: '100%' } },
+            React__default["default"].createElement("div", { className: 'lui-expand-header', onClick: function () {
+                    setCollapse(function (prev) { return !prev; });
+                    if (content.current) {
+                        setMaxHeight(getMaxHeight(content.current));
+                    }
+                }, style: { width: '100%' } },
                 React__default["default"].createElement("h3", null, props.label),
                 React__default["default"].createElement("i", { className: clsx(collapse
                         ? 'lui-expand-icon material-icons-round'
                         : 'lui-expand-icon material-icons-round lui-expand-icon-transform') }, 'expand_more'))),
-        React__default["default"].createElement("div", { style: collapse ? { maxHeight: '0px' } : undefined, className: 'lui-accordion-content' }, props.children)));
+        React__default["default"].createElement("div", { className: "lui-accordion-content", style: {
+                maxHeight: collapse ? '0px' : maxHeight,
+                overflow: collapse ? 'hidden' : 'auto'
+            }, onTransitionEnd: function (e) { return setMaxHeight(getMaxHeight(e.currentTarget)); }, ref: content }, props.children)));
 };
 
 /**