• File size measurements show the distribution of size of files.
• Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
• It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

• There are 440 files with 52,378 lines of code.
• 8 very long files (8,393 lines of code)
• 7 long files (4,489 lines of code)
• 50 medium size files (15,377 lines of codeclsfd_ftr_w_mp_ins)
• 89 small files (12,666 lines of code)
• 286 very small files (11,453 lines of code)

There are 65 files with lines longer than 120 characters. In total, there are 154 long lines.

File	# lines	# units	# long lines
index.js in src	112	-	10
animated_icon.stories.js in src/components/base/animated_icon	136	2	9
disclosure_dropdown.stories.js in src/components/base/new_dropdowns/disclosure	393	12	8
variables.scss in src/scss	229	-	7
form_input.vue in src/components/base/form/form_input	632	-	7
examples.stories.js in src/tokens	116	-	6
datepicker.stories.js in src/components/base/datepicker	147	4	6
intersection_observer.stories.js in src/components/utilities/intersection_observer	151	12	5
svg_paths.js in src/utils/svgs	10	-	5
button_group.stories.js in src/components/base/button_group	622	10	4
listbox.vue in src/components/base/new_dropdowns/listbox	1088	-	4
token_selector.vue in src/components/base/token_selector	457	-	4
filtered_search_token.stories.js in src/components/base/filtered_search	190	5	4
feedback.tokens.stories.js in src/tokens/semantic	36	-	3
_tokens_custom_properties.scss in src/tokens/build/scss	1043	-	3
form_fields.stories.js in src/components/base/form/form_fields	135	11	3
animated_duo_chat_icon.vue in src/components/base/animated_icon	38	-	3
friendly_wrap.stories.js in src/components/utilities/friendly_wrap	49	-	3
tailwind.defaults.js in root	425	1	3
no_gl_depreacted_design_tokens.js in stylelint	58	-	2
experiment_badge.vue in src/components/experimental/experiment_badge	107	-	2
button.vue in src/components/base/button	365	-	2
form_fields.vue in src/components/base/form/form_fields	235	-	2
token_selector_dropdown.vue in src/components/base/token_selector	236	-	2
filtered_search.stories.js in src/components/base/filtered_search	650	35	2
daterange_picker.stories.js in src/components/base/daterange_picker	144	3	2
avatars_inline.stories.js in src/components/base/avatars_inline	78	-	2
link.vue in src/components/base/link	330	-	2
mock_data.js in src/directives/safe_link	28	-	2
stories_constants.js in src/utils	16	-	2
chart.vue in src/components/charts/chart	168	-	1
stacked_column.vue in src/components/charts/stacked_column	357	-	1
path.scss in src/components/base/path	137	-	1
broadcast_message.stories.js in src/components/base/broadcast_message	116	-	1
datepicker.vue in src/components/base/datepicker	427	-	1
button.stories.js in src/components/base/button	490	8	1
constants.js in src/components/base/table	46	-	1
listbox.stories.js in src/components/base/new_dropdowns/listbox	902	50	1
modal.stories.js in src/components/base/modal	124	3	1
banner.stories.js in src/components/base/banner	96	-	1
avatar_labeled.stories.js in src/components/base/avatar_labeled	176	-	1
form_checkbox.stories.js in src/components/base/form/form_checkbox	65	-	1
form_combobox.vue in src/components/base/form/form_combobox	283	-	1
form_radio_group.stories.js in src/components/base/form/form_radio_group	77	-	1
form_select.stories.js in src/components/base/form/form_select	147	2	1
form_textarea.stories.js in src/components/base/form/form_textarea	70	4	1
toast.stories.js in src/components/base/toast	79	4	1
animated_todo_icon.vue in src/components/base/animated_icon	48	-	1
animated_notifications_icon.vue in src/components/base/animated_icon	48	-	1
animated_star_icon.vue in src/components/base/animated_icon	26	-	1