Scope remaining DS removals

Objective

In order to support the Bootstrap Vue removal in the DS, we need to scope out the work and put it into planning.

Need

1. Verify scope in this parent epic is accurate
2. Scope each remaining removal
3. Create a summary of total scope/LOE needed (in milestones)

Usage summary

Components

• Dropdown Components gitlab-org/gitlab-services/design.gitlab.com#2244
  • BDropdown → Used by GlDropdown
  • BDropdownItem → Used by GlDropdownItem
  • BDropdownItemButton → Used by GlDropdownItem
  • BDropdownForm → Used by GlDropdownForm
  • BDropdownText → Used by GlDropdownText
• Table Components
  • BTable → Used by GlTable gitlab-org/gitlab-services/design.gitlab.com#2242
  • BTableLite → Used by GlTableLite gitlab-org/gitlab-services/design.gitlab.com#2204
• Modal Component
  • BModal → Used by GlModal gitlab-org/gitlab-services/design.gitlab.com#2245
• Popover Component
  • BPopover → Used by GlPopover gitlab-org/gitlab-services/design.gitlab.com#2243
• Toast Component
  • BToast → Used by GlToast
• Tooltip Component
  • BTooltip → Used internally by tooltip directive
• Tabs Components
  • BTabs → Used by GlTabs gitlab-org/gitlab-services/design.gitlab.com#2240
  • BTab → Used by GlTab gitlab-org/gitlab-services/design.gitlab.com#2241
• Form Components
  • BFormGroup → Used by GlFormGroup gitlab-org/gitlab-services/design.gitlab.com#2250
  • BFormRadio → Used by GlFormRadio gitlab-org/gitlab-services/design.gitlab.com#2248 (closed)
  • BFormRadioGroup → Used by GlFormRadioGroup gitlab-org/gitlab-services/design.gitlab.com#2247 (closed)
  • BFormSelect → Used by GlFormSelect gitlab-org/gitlab-services/design.gitlab.com#2269
  • BFormTextarea → Used by GlFormTextarea gitlab-org/gitlab-services/design.gitlab.com#2246 (closed)

Components Used Internally (Dependencies)

• Button Components
  • BButton → Used internally by BModal
  • BButtonClose → Used internally by BModal
• Link Component
  • BLink → Used internally by BDropdownItem, BButton, and BToast
• Layout Components
  • BCol → Used internally by BFormGroup for horizontal layouts
  • BFormRow → Used internally by BFormGroup for horizontal layouts
• Form Components
  • BForm → Used internally by BDropdownForm
  • BFormText → Used internally by BFormGroup
  • BFormInvalidFeedback → Used internally by BFormGroup
  • BFormValidFeedback → Used internally by BFormGroup

Utility components

• BVTransition → Used internally by BModal, BToast, BTabs, and tooltip/popover helpers
• BVTransporter → Used internally by BModal for portal functionality

Directives

• VBModal → Exported as GlModalDirective
• VBTooltip → Wrapped and exported as GlTooltipDirective
• VBVisible → Used as b-visible in GlFormTextarea

Utilities

From src/utils/:

• dom.js → DOM manipulation utilities (selectAll, attemptFocus, attemptBlur, etc.)
• inspect.js → Type checking utilities (isEvent, etc.)
• router.js → Router utilities (stringifyQueryObj)
• safe-vue-instance.js → Safe Vue instance access

Styles

From src/components/:

• dropdown/index.scss
• form-input/index.scss
• form-radio/index.scss
• modal/index.scss
• popover/index.scss
• table/index.scss
• toast/index.scss
• tooltip/index.scss

Also:

src/variables.scss src/utilities.scss

Documentation

Component READMEs (imported in Storybook stories):

• components/dropdown/README.md
• components/form-group/README.md
• components/form-radio/README.md
• components/form-select/README.md
• components/form-textarea/README.md
• components/layout/README.md
• components/modal/README.md
• components/popover/README.md
• components/table/README.md
• components/tabs/README.md
• components/toast/README.md
• components/tooltip/README.md

Reference Documentation:

• docs/markdown/reference/accessibility/README.md
• docs/markdown/reference/settings/README.md
• docs/markdown/reference/size-props/README.md

Storybook Styles:

• docs/assets/css/docs.min.css
• docs/assets/scss/styles.scss