@linzjs/lui 24.20.1 → 26.1.0

package/CHANGELOG.md

@@ -5,6 +5,45 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [26.1.0](https://github.com/linz/Lui/compare/lui-v26.0.0...lui-v26.1.0) (2026-09-04)
+
+
+### Features
+
+* **LuiIcon:** add parcel topology icon for SURVEY-28094 ([#1406](https://github.com/linz/Lui/issues/1406)) ([33213db](https://github.com/linz/Lui/commit/33213db8efb9b71b704dd0688c38da7a9484296e))
+
+
+### Bug Fixes
+
+* SRVTRI-5363 LuiSwitch changes caused formatting change ([#1409](https://github.com/linz/Lui/issues/1409)) ([f0de019](https://github.com/linz/Lui/commit/f0de01968742183e8b385951cc87ad2a74d792b4))
+
+
+### Reverts
+
+* remove parcel topology icon (SURVEY-28094) ([#1408](https://github.com/linz/Lui/issues/1408)) ([2fd86f3](https://github.com/linz/Lui/commit/2fd86f3b43b563a6e31767a684a3dee23155f7a7))
+
+## [26.0.0](https://github.com/linz/Lui/compare/lui-v25.0.0...lui-v26.0.0) (2026-09-03)
+
+
+### ⚠ BREAKING CHANGES
+
+* SRVTRI-5458 snyk security fixes for govt security reqs v2 ([#1404](https://github.com/linz/Lui/issues/1404))
+
+### Miscellaneous Chores
+
+* SRVTRI-5458 snyk security fixes for govt security reqs v2 ([#1404](https://github.com/linz/Lui/issues/1404)) ([18503e3](https://github.com/linz/Lui/commit/18503e3dcbe43abf921aba9f1b9679beee7d671c))
+
+## [25.0.0](https://github.com/linz/Lui/compare/lui-v24.20.1...lui-v25.0.0) (2026-09-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* SRVTRI-5458 snyk security fixes for govt security reqs ([#1401](https://github.com/linz/Lui/issues/1401))
+
+### Miscellaneous Chores
+
+* SRVTRI-5458 snyk security fixes for govt security reqs ([#1401](https://github.com/linz/Lui/issues/1401)) ([58643d6](https://github.com/linz/Lui/commit/58643d68573ef4257225442451e95eed8967210d))
+
 ## [24.20.1](https://github.com/linz/Lui/compare/lui-v24.20.0...lui-v24.20.1) (2026-08-31)
 
 

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

@@ -1,7 +1,7 @@
-import React from 'react';
-export type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_coordinate' | 'ic_add_image' | 'ic_add_irregular_image' | 'ic_add_label' | 'ic_add_line' | 'ic_add_multiple' | 'ic_add_page' | 'ic_add_rectangle' | 'ic_add_rt_lines' | 'ic_add_to_adjustment' | 'ic_add_to_csv' | 'ic_add_to_list' | 'ic_add_to_parcels' | 'ic_add_to_statutory_action' | 'ic_add_to_xml' | 'ic_added_to_list' | 'ic_adj_hold_fixed' | 'ic_adj_not_fixed' | 'ic_adjustment' | 'ic_admin' | 'ic_advanced_user_search' | 'ic_alias' | 'ic_alias_unselected' | 'ic_anchor' | '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_arrow_up_left' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_auto_preval' | 'ic_auto_regenerate' | 'ic_balance_parcel' | 'ic_banana' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_bug' | 'ic_c_report' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_capture_area' | '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_closest_match' | 'ic_columns' | 'ic_complete_cmn' | 'ic_contract' | 'ic_control_point' | 'ic_convert_data' | 'ic_copy' | 'ic_copy_titles_to_here' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_create_node' | '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_deceased' | 'ic_deceased_fill' | 'ic_decommission' | 'ic_deeds' | 'ic_define_diagrams' | 'ic_define_nonprimary_diagram_circle' | 'ic_define_nonprimary_diagram_polygon' | 'ic_define_nonprimary_diagram_rectangle' | 'ic_define_primary_diagram_circle' | 'ic_define_primary_diagram_polygon' | 'ic_define_primary_diagram_rectangle' | 'ic_define_survey_diagram_circle' | 'ic_define_survey_diagram_polygon' | 'ic_define_survey_diagram_rectangle' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_page' | 'ic_delete_solid' | 'ic_description' | 'ic_destination' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_abuttal' | 'ic_draw_irregular_line' | 'ic_draw_rt_bdry' | 'ic_email' | 'ic_empty_circle' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_error_report_pnx' | 'ic_exception_request' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | 'ic_fast_forward_outline' | 'ic_feature_id' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_alt' | 'ic_filter_list' | 'ic_flag' | 'ic_fold_in' | 'ic_fold_out' | 'ic_format_colour' | 'ic_format_lines_text' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_generate_title' | 'ic_grid_view' | 'ic_help' | 'ic_help_outline' | 'ic_high_priority' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_into_sheet' | '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_label_diagrams' | 'ic_label_settings' | 'ic_labels_off' | 'ic_labels_on' | 'ic_land_record_search' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_layout_plan_sheets' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_arc_reverse' | '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_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_maintain_node' | 'ic_manage_adjust' | 'ic_manage_labels' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_merge' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_move_down' | 'ic_move_node' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_new_anchor' | 'ic_new_work_item' | 'ic_no_longer_restricted_hidden_title' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_numerical_input' | 'ic_office_building_corporate' | 'ic_opacity' | 'ic_open_diagrams' | 'ic_order_history' | 'ic_package' | 'ic_pan_map' | 'ic_pan_map_alt' | 'ic_parcel_network_transaction_pnx' | 'ic_parcel_network_transaction_pnx_create' | 'ic_parcel_network_transaction_pnx_exit' | 'ic_parcel_network_transaction_pnx_search' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pause' | 'ic_pdf' | 'ic_pdf_doc' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_perform_next_step_right' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plan_generation' | 'ic_plus_one' | 'ic_pointer_outlined' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin' | 'ic_push_pin_remove' | 'ic_re_commission' | 'ic_read_only' | 'ic_record_statutory_action' | 'ic_redo' | 'ic_refresh' | 'ic_regenerate' | 'ic_regenerate_off' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_remove_from_adjustment' | 'ic_remove_from_sheet' | 'ic_remove_line' | 'ic_renumber_page' | 'ic_request' | 'ic_requisitions' | 'ic_restart' | 'ic_restore' | 'ic_restricted_hidden_title' | 'ic_rotate_sheet' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_select_coordinates' | 'ic_select_diagram' | 'ic_select_label' | 'ic_select_line' | 'ic_select_rt_lines' | 'ic_selection_focus' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_slidein' | 'ic_slideout' | 'ic_slideup' | 'ic_sort' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_source' | 'ic_split' | 'ic_square_selection' | 'ic_structured_data' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_checked' | 'ic_survey_data_extraction' | 'ic_survey_report' | 'ic_survey_sheet' | 'ic_swap_vertical' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_text_match' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_title_sheet' | 'ic_toggle_off' | 'ic_toggle_on' | 'ic_tune_setting_configure' | 'ic_undo' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_validate_pnx' | 'ic_vector' | 'ic_vector_sequence' | 'ic_verified_complete_approve_check_tick' | 'ic_view' | 'ic_view_in_viewer' | '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' | 'ic_zoomin_snippet_circle' | 'ic_zoomin_snippet_polygon' | 'ic_zoomin_snippet_rectangle' | 'ic_zoomout_snippet_circle' | 'ic_zoomout_snippet_polygon' | 'ic_zoomout_snippet_rectangle';
-type IconNameElementMap = {
-    [key in LuiIconName]?: React.ReactElement;
-};
-export declare const ICONS: IconNameElementMap;
-export {};
+import React from 'react';
+export type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_coordinate' | 'ic_add_image' | 'ic_add_irregular_image' | 'ic_add_label' | 'ic_add_line' | 'ic_add_multiple' | 'ic_add_page' | 'ic_add_rectangle' | 'ic_add_rt_lines' | 'ic_add_to_adjustment' | 'ic_add_to_csv' | 'ic_add_to_list' | 'ic_add_to_parcels' | 'ic_add_to_statutory_action' | 'ic_add_to_xml' | 'ic_added_to_list' | 'ic_adj_hold_fixed' | 'ic_adj_not_fixed' | 'ic_adjustment' | 'ic_admin' | 'ic_advanced_user_search' | 'ic_alias' | 'ic_alias_unselected' | 'ic_anchor' | '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_arrow_up_left' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_auto_preval' | 'ic_auto_regenerate' | 'ic_balance_parcel' | 'ic_banana' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_bug' | 'ic_c_report' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_capture_area' | '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_closest_match' | 'ic_columns' | 'ic_complete_cmn' | 'ic_contract' | 'ic_control_point' | 'ic_convert_data' | 'ic_copy' | 'ic_copy_titles_to_here' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_create_node' | '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_deceased' | 'ic_deceased_fill' | 'ic_decommission' | 'ic_deeds' | 'ic_define_diagrams' | 'ic_define_nonprimary_diagram_circle' | 'ic_define_nonprimary_diagram_polygon' | 'ic_define_nonprimary_diagram_rectangle' | 'ic_define_primary_diagram_circle' | 'ic_define_primary_diagram_polygon' | 'ic_define_primary_diagram_rectangle' | 'ic_define_survey_diagram_circle' | 'ic_define_survey_diagram_polygon' | 'ic_define_survey_diagram_rectangle' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_page' | 'ic_delete_solid' | 'ic_description' | 'ic_destination' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_abuttal' | 'ic_draw_irregular_line' | 'ic_draw_rt_bdry' | 'ic_email' | 'ic_empty_circle' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_error_report_pnx' | 'ic_exception_request' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | 'ic_fast_forward_outline' | 'ic_feature_id' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_alt' | 'ic_filter_list' | 'ic_flag' | 'ic_fold_in' | 'ic_fold_out' | 'ic_format_colour' | 'ic_format_lines_text' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_generate_title' | 'ic_grid_view' | 'ic_help' | 'ic_help_outline' | 'ic_high_priority' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_into_sheet' | '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_label_diagrams' | 'ic_label_settings' | 'ic_labels_off' | 'ic_labels_on' | 'ic_land_record_search' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_layout_plan_sheets' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_arc_reverse' | '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_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_maintain_node' | 'ic_manage_adjust' | 'ic_manage_labels' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_merge' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_move_down' | 'ic_move_node' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_new_anchor' | 'ic_new_work_item' | 'ic_no_longer_restricted_hidden_title' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_numerical_input' | 'ic_office_building_corporate' | 'ic_opacity' | 'ic_open_diagrams' | 'ic_order_history' | 'ic_package' | 'ic_pan_map' | 'ic_pan_map_alt' | 'ic_parcel_network_transaction_pnx' | 'ic_parcel_network_transaction_pnx_create' | 'ic_parcel_network_transaction_pnx_exit' | 'ic_parcel_network_transaction_pnx_search' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pause' | 'ic_pdf' | 'ic_pdf_doc' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_perform_next_step_right' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plan_generation' | 'ic_plus_one' | 'ic_pointer_outlined' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin' | 'ic_push_pin_remove' | 'ic_re_commission' | 'ic_read_only' | 'ic_record_statutory_action' | 'ic_redo' | 'ic_refresh' | 'ic_regenerate' | 'ic_regenerate_off' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_remove_from_adjustment' | 'ic_remove_from_sheet' | 'ic_remove_line' | 'ic_renumber_page' | 'ic_request' | 'ic_requisitions' | 'ic_restart' | 'ic_restore' | 'ic_restricted_hidden_title' | 'ic_rotate_sheet' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_select_coordinates' | 'ic_select_diagram' | 'ic_select_label' | 'ic_select_line' | 'ic_select_rt_lines' | 'ic_selection_focus' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_slidein' | 'ic_slideout' | 'ic_slideup' | 'ic_sort' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_source' | 'ic_split' | 'ic_square_selection' | 'ic_structured_data' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_checked' | 'ic_survey_data_extraction' | 'ic_survey_report' | 'ic_survey_sheet' | 'ic_swap_vertical' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_text_match' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_title_sheet' | 'ic_toggle_off' | 'ic_toggle_on' | 'ic_tune_setting_configure' | 'ic_undo' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_validate_pnx' | 'ic_vector' | 'ic_vector_sequence' | 'ic_verified_complete_approve_check_tick' | 'ic_view' | 'ic_view_in_viewer' | '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' | 'ic_zoomin_snippet_circle' | 'ic_zoomin_snippet_polygon' | 'ic_zoomin_snippet_rectangle' | 'ic_zoomout_snippet_circle' | 'ic_zoomout_snippet_polygon' | 'ic_zoomout_snippet_rectangle';
+type IconNameElementMap = {
+    [key in LuiIconName]?: React.ReactElement;
+};
+export declare const ICONS: IconNameElementMap;
+export {};

package/dist/components/Drawer/Drawer.d.ts

@@ -1,45 +1,45 @@
-import React, { ComponentProps, PropsWithChildren } from 'react';
-import { Splitter } from '../Splitter/Splitter';
-import './Drawer.scss';
-import { UseDisableParentScroll } from './utils';
-type Position = 'top' | 'bottom' | 'left' | 'right';
-type BaseDrawerProps = {
-    /** It's not recommended to make this prop dynamic during runtime as it might affect the opening animation. See the `Positions` story for more info. */
-    position?: Position;
-    /** Drawer open state is fully handled by the parent */
-    isOpen: boolean;
-    /** Allows the Drawer to request closing itself (must be handled by the parent). For accessibility reasons, you must pass this prop unless you implement your custom close button, `closeOnEsc` and `closeOnClickOutside` functionality. */
-    onRequestClose: () => void;
-    /** Enables resizing the drawer via UI. `true` by default. Note: the drawer is always resizeable programmatically. */
-    resizeable?: boolean;
-    /** Pressing `ESC` calls `onRequestClose` */
-    closeOnEsc?: boolean;
-    /** Clicking `div.overlay` calls `onRequestClose`.
-     *
-     * Must be used in conjunction with `passThroughOverlayClick={false}`.*/
-    closeOnClickOutside?: boolean;
-    /** Allows pointer events through the non-content panel. If you set this to `false`, it is recommended that you style `div.overlay` to dim the background.
-     *
-     * Must be set to false to enable `closeOnClickOutside`.
-     */
-    passThroughOverlayClick?: boolean;
-    /** Controls the drawer size. Valid values are from `0` to `100`, in percent of screen width or height occupied by content.
-     *
-     * If `undefined`, the drawer will be uncontrolled, and resizeable purely via DOM/CSS.
-     *
-     * Note: if `resizeable` is true, the drawer will revert to the value of the `size` prop when rerendered. If you use both `size` and `resizeable` make sure the parent updates `size` via `onResized`*/
-    size?: number;
-    /** `0` to `100`, in percent of screen width or height occupied by content. If `undefined`, the drawer will take up half the screen when first mounting. */
-    initialSize?: number;
-    /** Disables scrolling the document or the parent element when the drawer is open.*/
-    disableScroll?: UseDisableParentScroll['mode'];
-    /** A close button is visible by default. Use this if you're implementing a custom button. */
-    hideCloseButton?: boolean;
-    /** By default, `children` is mounted when the drawer opens for the first time. */
-    mountChildrenOn?: 'mount' | 'first-open';
-    /** Called when the drawer is resized either manually or programmatically.  */
-    onResized?: ComponentProps<typeof Splitter>['onResized'];
-};
-export type DrawerProps = PropsWithChildren<BaseDrawerProps> & Omit<ComponentProps<typeof Splitter>, 'ratio' | 'orientation' | 'onResized' | 'startAt' | 'min' | 'max'>;
-export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React, { ComponentProps, PropsWithChildren } from 'react';
+import { Splitter } from '../Splitter/Splitter';
+import './Drawer.scss';
+import { UseDisableParentScroll } from './utils';
+type Position = 'top' | 'bottom' | 'left' | 'right';
+type BaseDrawerProps = {
+    /** It's not recommended to make this prop dynamic during runtime as it might affect the opening animation. See the `Positions` story for more info. */
+    position?: Position;
+    /** Drawer open state is fully handled by the parent */
+    isOpen: boolean;
+    /** Allows the Drawer to request closing itself (must be handled by the parent). For accessibility reasons, you must pass this prop unless you implement your custom close button, `closeOnEsc` and `closeOnClickOutside` functionality. */
+    onRequestClose: () => void;
+    /** Enables resizing the drawer via UI. `true` by default. Note: the drawer is always resizeable programmatically. */
+    resizeable?: boolean;
+    /** Pressing `ESC` calls `onRequestClose` */
+    closeOnEsc?: boolean;
+    /** Clicking `div.overlay` calls `onRequestClose`.
+     *
+     * Must be used in conjunction with `passThroughOverlayClick={false}`.*/
+    closeOnClickOutside?: boolean;
+    /** Allows pointer events through the non-content panel. If you set this to `false`, it is recommended that you style `div.overlay` to dim the background.
+     *
+     * Must be set to false to enable `closeOnClickOutside`.
+     */
+    passThroughOverlayClick?: boolean;
+    /** Controls the drawer size. Valid values are from `0` to `100`, in percent of screen width or height occupied by content.
+     *
+     * If `undefined`, the drawer will be uncontrolled, and resizeable purely via DOM/CSS.
+     *
+     * Note: if `resizeable` is true, the drawer will revert to the value of the `size` prop when rerendered. If you use both `size` and `resizeable` make sure the parent updates `size` via `onResized`*/
+    size?: number;
+    /** `0` to `100`, in percent of screen width or height occupied by content. If `undefined`, the drawer will take up half the screen when first mounting. */
+    initialSize?: number;
+    /** Disables scrolling the document or the parent element when the drawer is open.*/
+    disableScroll?: UseDisableParentScroll['mode'];
+    /** A close button is visible by default. Use this if you're implementing a custom button. */
+    hideCloseButton?: boolean;
+    /** By default, `children` is mounted when the drawer opens for the first time. */
+    mountChildrenOn?: 'mount' | 'first-open';
+    /** Called when the drawer is resized either manually or programmatically.  */
+    onResized?: ComponentProps<typeof Splitter>['onResized'];
+};
+export type DrawerProps = PropsWithChildren<BaseDrawerProps> & Omit<ComponentProps<typeof Splitter>, 'ratio' | 'orientation' | 'onResized' | 'startAt' | 'min' | 'max'>;
+export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Drawer/DrawerContext.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export type DrawerContext = {
-    isOpen: boolean;
-    requestClose: () => void | Promise<void>;
-};
-export declare const DrawerContext: import("react").Context<DrawerContext | null>;
-export declare const useDrawerContext: () => DrawerContext;
+export type DrawerContext = {
+    isOpen: boolean;
+    requestClose: () => void | Promise<void>;
+};
+export declare const DrawerContext: import("react").Context<DrawerContext | null>;
+export declare const useDrawerContext: () => DrawerContext;

package/dist/components/Drawer/DrawerGlobal.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { DrawerProps } from './Drawer';
-import './Drawer.scss';
-export type DrawerGlobalProps = Omit<DrawerProps, 'isOpen' | 'onRequestClose'> & {
-    /** Uniquely identifies your drawer undet the global context. It's extremely important that `id` be unique, as it will also be attached to the DOM element. */
-    id: string;
-    /** Return `false` to prevent the drawer from closing. Useful for controlling flow, or for side-effects.
-     *
-     * Unlike in the vanilla `Drawer`, where the consumer must handle the open/close state, here state is handled by `DrawerGlobalContext`. */
-    onBeforeClose?: () => boolean | Promise<boolean>;
-};
-export declare const DrawerGlobal: React.ForwardRefExoticComponent<Omit<DrawerGlobalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { DrawerProps } from './Drawer';
+import './Drawer.scss';
+export type DrawerGlobalProps = Omit<DrawerProps, 'isOpen' | 'onRequestClose'> & {
+    /** Uniquely identifies your drawer undet the global context. It's extremely important that `id` be unique, as it will also be attached to the DOM element. */
+    id: string;
+    /** Return `false` to prevent the drawer from closing. Useful for controlling flow, or for side-effects.
+     *
+     * Unlike in the vanilla `Drawer`, where the consumer must handle the open/close state, here state is handled by `DrawerGlobalContext`. */
+    onBeforeClose?: () => boolean | Promise<boolean>;
+};
+export declare const DrawerGlobal: React.ForwardRefExoticComponent<Omit<DrawerGlobalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/DrawerGlobalContext.d.ts

@@ -1,14 +1,14 @@
-import React, { FC, PropsWithChildren } from 'react';
-export type DrawerGlobalContext = {
-    /** Tracks the currently open `DrawerGlobal`. Multiple `DrawerGlobal`s can be mounted/rendered simultaneoulsy but only a single one can be open at any time. */
-    currentOpenId?: string;
-    /** Imperatively opens a drawer mounted with a specific `id`. */
-    requestOpen: (drawerId?: string) => void | Promise<void>;
-    /** Imperatively closes a drawer mounted with a specific `id`. Note that usually a given drawer should only be able to close itself, but you can pass an arbitrary `drawerId` or even `forceClose` for more complex use cases. */
-    requestClose: (drawerId?: string, 
-    /** Closes currently open drawer regardless of `drawerId`. */
-    forceClose?: boolean) => void | Promise<void>;
-};
-export declare const DrawerGlobalContext: React.Context<DrawerGlobalContext | null>;
-export declare const useDrawerGlobalContext: () => DrawerGlobalContext;
-export declare const DrawerGlobalProvider: FC<PropsWithChildren<{}>>;
+import React, { FC, PropsWithChildren } from 'react';
+export type DrawerGlobalContext = {
+    /** Tracks the currently open `DrawerGlobal`. Multiple `DrawerGlobal`s can be mounted/rendered simultaneoulsy but only a single one can be open at any time. */
+    currentOpenId?: string;
+    /** Imperatively opens a drawer mounted with a specific `id`. */
+    requestOpen: (drawerId?: string) => void | Promise<void>;
+    /** Imperatively closes a drawer mounted with a specific `id`. Note that usually a given drawer should only be able to close itself, but you can pass an arbitrary `drawerId` or even `forceClose` for more complex use cases. */
+    requestClose: (drawerId?: string, 
+    /** Closes currently open drawer regardless of `drawerId`. */
+    forceClose?: boolean) => void | Promise<void>;
+};
+export declare const DrawerGlobalContext: React.Context<DrawerGlobalContext | null>;
+export declare const useDrawerGlobalContext: () => DrawerGlobalContext;
+export declare const DrawerGlobalProvider: FC<PropsWithChildren<{}>>;

package/dist/components/Drawer/utils.d.ts

@@ -1,7 +1,7 @@
-import { MutableRefObject } from 'react';
-export type UseDisableParentScroll = {
-    shouldDisable?: boolean;
-    parentRef?: MutableRefObject<HTMLElement | null>;
-    mode?: 'body' | 'parent';
-};
-export declare const useDisableParentScroll: ({ shouldDisable, mode, parentRef, }: UseDisableParentScroll) => void;
+import { MutableRefObject } from 'react';
+export type UseDisableParentScroll = {
+    shouldDisable?: boolean;
+    parentRef?: MutableRefObject<HTMLElement | null>;
+    mode?: 'body' | 'parent';
+};
+export declare const useDisableParentScroll: ({ shouldDisable, mode, parentRef, }: UseDisableParentScroll) => void;

package/dist/components/LuiAccordicard/LuiAccordicard.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface IAccordicard {
-    defaultToOpen?: boolean;
-    children: React.ReactNode;
-    headerContent: React.ReactNode;
-    className?: string;
-    warning?: boolean;
-}
-export declare const LuiAccordicard: (props: IAccordicard) => React.JSX.Element;
+import React from 'react';
+export interface IAccordicard {
+    defaultToOpen?: boolean;
+    children: React.ReactNode;
+    headerContent: React.ReactNode;
+    className?: string;
+    warning?: boolean;
+}
+export declare const LuiAccordicard: (props: IAccordicard) => React.JSX.Element;

package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface IAccordicardStatic {
-    defaultToOpen?: boolean;
-    children: React.ReactNode;
-    headerContent: React.ReactNode;
-    className?: string;
-    warning?: boolean;
-}
-export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => React.JSX.Element;
+import React from 'react';
+export interface IAccordicardStatic {
+    defaultToOpen?: boolean;
+    children: React.ReactNode;
+    headerContent: React.ReactNode;
+    className?: string;
+    warning?: boolean;
+}
+export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => React.JSX.Element;

package/dist/components/LuiAccordion/LuiAccordion.d.ts

@@ -1,12 +1,12 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './LuiAccordion.scss';
-export interface ILuiAccordion {
-    heading: ReactNode;
-    children: ReactNode;
-    expanded?: boolean;
-    iconColor?: string;
-    className?: string;
-    style?: CSSProperties;
-    onToggleExpand?: (isOpen: boolean) => void;
-}
-export declare const LuiAccordion: (props: ILuiAccordion) => React.JSX.Element;
+import React, { CSSProperties, ReactNode } from 'react';
+import './LuiAccordion.scss';
+export interface ILuiAccordion {
+    heading: ReactNode;
+    children: ReactNode;
+    expanded?: boolean;
+    iconColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    onToggleExpand?: (isOpen: boolean) => void;
+}
+export declare const LuiAccordion: (props: ILuiAccordion) => React.JSX.Element;

package/dist/components/LuiBadge/LuiBadge.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-type LuiBadgeFillVariation = 'outline' | 'fill';
-export interface ILuiBadge {
-    children: React.ReactNode;
-    size?: 'sm' | 'default' | 'lg';
-    backgroundFill?: boolean;
-    variation?: 'default' | 'warning' | 'info' | 'error';
-    ariaRoleDescription: string;
-    fillVariation?: LuiBadgeFillVariation;
-}
-export declare const LuiBadge: ({ size, variation, backgroundFill, ariaRoleDescription, fillVariation, children, }: ILuiBadge) => React.JSX.Element;
-export {};
+import React from 'react';
+type LuiBadgeFillVariation = 'outline' | 'fill';
+export interface ILuiBadge {
+    children: React.ReactNode;
+    size?: 'sm' | 'default' | 'lg';
+    backgroundFill?: boolean;
+    variation?: 'default' | 'warning' | 'info' | 'error';
+    ariaRoleDescription: string;
+    fillVariation?: LuiBadgeFillVariation;
+}
+export declare const LuiBadge: ({ size, variation, backgroundFill, ariaRoleDescription, fillVariation, children, }: ILuiBadge) => React.JSX.Element;
+export {};

package/dist/components/LuiBanner/LuiBanner.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
-type ILuiBanner = {
-    level: 'success' | 'info' | 'warning' | 'error';
-    children: ReactNode;
-    className?: string;
-};
-export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
-export declare const LuiBanner: (props: ILuiBanner) => React.JSX.Element;
-export declare const LuiBannerContent: (props: ILuiBanner) => React.JSX.Element;
-export {};
+import React, { ReactNode } from 'react';
+type ILuiBanner = {
+    level: 'success' | 'info' | 'warning' | 'error';
+    children: ReactNode;
+    className?: string;
+};
+export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
+export declare const LuiBanner: (props: ILuiBanner) => React.JSX.Element;
+export declare const LuiBannerContent: (props: ILuiBanner) => React.JSX.Element;
+export {};

package/dist/components/LuiBannerV2/LuiBannerV2.d.ts

@@ -1,22 +1,22 @@
-import './LuiBannerV2.scss';
-import { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
-import { IconName } from '../LuiIcon/LuiIcon';
-type Button = ComponentPropsWithoutRef<'button'>;
-type Dismiss = {
-    onDismiss: Button['onClick'];
-    dismissButtonProps?: Omit<Button, 'onClick'>;
-} | {
-    onDismiss?: undefined;
-    dismissButtonProps?: never;
-};
-type Props = {
-    level?: 'warning' | 'error' | 'info' | 'success';
-    /**
-     * The name of a `LuiIcon` to display in the banner. Overrides the icon
-     * derived from `level`, allowing a custom banner.
-     */
-    iconName?: IconName;
-} & Dismiss & ComponentPropsWithoutRef<'div'>;
-export declare const LuiBannerV2: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './LuiBannerV2.scss';
+import { ComponentPropsWithoutRef } from 'react';
+import React from 'react';
+import { IconName } from '../LuiIcon/LuiIcon';
+type Button = ComponentPropsWithoutRef<'button'>;
+type Dismiss = {
+    onDismiss: Button['onClick'];
+    dismissButtonProps?: Omit<Button, 'onClick'>;
+} | {
+    onDismiss?: undefined;
+    dismissButtonProps?: never;
+};
+type Props = {
+    level?: 'warning' | 'error' | 'info' | 'success';
+    /**
+     * The name of a `LuiIcon` to display in the banner. Overrides the icon
+     * derived from `level`, allowing a custom banner.
+     */
+    iconName?: IconName;
+} & Dismiss & ComponentPropsWithoutRef<'div'>;
+export declare const LuiBannerV2: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/LuiBearingInput/LuiBearingInput.d.ts

@@ -1,16 +1,16 @@
-import React, { ReactNode } from 'react';
-import { LuiCommonInputProps } from '../LuiCommonInputProps';
-interface LuiBearingInputProps {
-    name: string;
-    label?: string;
-    helperInfo?: ReactNode;
-    tooltip?: string;
-    value: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    validationError?: string;
-    onValidate?: (error: string | null) => void;
-    /** If true, validationError prop takes precedence over the internalError value. */
-    preferValidationError?: boolean;
-}
-export declare const LuiBearingInput: React.FC<React.PropsWithChildren<LuiBearingInputProps & LuiCommonInputProps>>;
-export {};
+import React, { ReactNode } from 'react';
+import { LuiCommonInputProps } from '../LuiCommonInputProps';
+interface LuiBearingInputProps {
+    name: string;
+    label?: string;
+    helperInfo?: ReactNode;
+    tooltip?: string;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    validationError?: string;
+    onValidate?: (error: string | null) => void;
+    /** If true, validationError prop takes precedence over the internalError value. */
+    preferValidationError?: boolean;
+}
+export declare const LuiBearingInput: React.FC<React.PropsWithChildren<LuiBearingInputProps & LuiCommonInputProps>>;
+export {};

package/dist/components/LuiButton/LuiButton.d.ts

@@ -1,44 +1,44 @@
-import React, { MouseEvent, ReactNode, Ref } from 'react';
-export interface LuiButtonProps extends PlainButtonProps {
-    href?: string;
-    openInNewTab?: boolean;
-    level?: 'text' | 'plain-text' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error';
-    intent?: 'danger';
-    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    size?: 'sm' | '' | /* medium */ 'lg';
-    loading?: boolean;
-}
-export interface PlainButtonProps {
-    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    onClick?: (e: MouseEvent) => void;
-    name?: string;
-    title?: string;
-    'data-testid'?: string;
-    className?: string;
-    buttonProps?: any;
-    ref: Ref<HTMLButtonElement>;
-    children: ReactNode;
-}
-export declare const PlainButton: React.ForwardRefExoticComponent<Omit<PlainButtonProps & {
-    level: string;
-    size: string;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const LuiButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-interface LuiButtonGroupProps {
-    /**
-     * LuiButton component(s) to render in series.
-     *
-     * While a single child element is technically supported, we recommend using
-     * disabled styling for unavailable operations in order to communicate
-     * possible actions. Please consult with the UX team before breaking this
-     * style guideline.
-     */
-    children: ReactNode;
-}
-/**
- * A series of Lui buttons together.
- */
-export declare const LuiButtonGroup: (props: LuiButtonGroupProps) => React.JSX.Element;
-export {};
+import React, { MouseEvent, ReactNode, Ref } from 'react';
+export interface LuiButtonProps extends PlainButtonProps {
+    href?: string;
+    openInNewTab?: boolean;
+    level?: 'text' | 'plain-text' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error';
+    intent?: 'danger';
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    size?: 'sm' | '' | /* medium */ 'lg';
+    loading?: boolean;
+}
+export interface PlainButtonProps {
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    onClick?: (e: MouseEvent) => void;
+    name?: string;
+    title?: string;
+    'data-testid'?: string;
+    className?: string;
+    buttonProps?: any;
+    ref: Ref<HTMLButtonElement>;
+    children: ReactNode;
+}
+export declare const PlainButton: React.ForwardRefExoticComponent<Omit<PlainButtonProps & {
+    level: string;
+    size: string;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const LuiButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface LuiButtonGroupProps {
+    /**
+     * LuiButton component(s) to render in series.
+     *
+     * While a single child element is technically supported, we recommend using
+     * disabled styling for unavailable operations in order to communicate
+     * possible actions. Please consult with the UX team before breaking this
+     * style guideline.
+     */
+    children: ReactNode;
+}
+/**
+ * A series of Lui buttons together.
+ */
+export declare const LuiButtonGroup: (props: LuiButtonGroupProps) => React.JSX.Element;
+export {};

package/dist/components/LuiColourPicker/ColorBucket.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import './ColorBucket.scss';
-export interface ColorPaletteBucketProps {
-    color: string;
-}
-export declare const ColorBucket: React.ForwardRefExoticComponent<ColorPaletteBucketProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import './ColorBucket.scss';
+export interface ColorPaletteBucketProps {
+    color: string;
+}
+export declare const ColorBucket: React.ForwardRefExoticComponent<ColorPaletteBucketProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/LuiColourPicker/ColorInput.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import './ColorPalette.scss';
-export declare const ColorInputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ColorInput: React.ForwardRefExoticComponent<{
-    name: string;
-    color: string;
-    description?: string | undefined;
-    label?: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "title" | "aria-label" | "htmlFor"> | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "type" | "value"> & React.RefAttributes<HTMLInputElement>>;
+import React, { ComponentProps } from 'react';
+import './ColorPalette.scss';
+export declare const ColorInputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorInput: React.ForwardRefExoticComponent<{
+    name: string;
+    color: string;
+    description?: string;
+    label?: Omit<ComponentProps<"label">, "htmlFor" | "aria-label" | "title">;
+} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "type" | "value"> & React.RefAttributes<HTMLInputElement>>;