@gitlab/duo-ui 0.1.0 → 0.3.0

package/dist/tokens/tailwind/tokens.cjs

@@ -1,336 +0,0 @@
-/**
- * Automatically generated
- * Do not edit directly
- */
-
-const baseColors = {
-  'blue-50': 'var(--blue-50, #e9f3fc)',
-  'blue-100': 'var(--blue-100, #cbe2f9)',
-  'blue-200': 'var(--blue-200, #9dc7f1)',
-  'blue-300': 'var(--blue-300, #63a6e9)',
-  'blue-400': 'var(--blue-400, #428fdc)',
-  'blue-500': 'var(--blue-500, #1f75cb)',
-  'blue-600': 'var(--blue-600, #1068bf)',
-  'blue-700': 'var(--blue-700, #0b5cad)',
-  'blue-800': 'var(--blue-800, #064787)',
-  'blue-900': 'var(--blue-900, #033464)',
-  'blue-950': 'var(--blue-950, #002850)',
-  'gray-10': 'var(--gray-10, #fbfafd)',
-  'gray-50': 'var(--gray-50, #ececef)',
-  'gray-100': 'var(--gray-100, #dcdcde)',
-  'gray-200': 'var(--gray-200, #bfbfc3)',
-  'gray-300': 'var(--gray-300, #a4a3a8)',
-  'gray-400': 'var(--gray-400, #89888d)',
-  'gray-500': 'var(--gray-500, #737278)',
-  'gray-600': 'var(--gray-600, #626168)',
-  'gray-700': 'var(--gray-700, #4c4b51)',
-  'gray-800': 'var(--gray-800, #3a383f)',
-  'gray-900': 'var(--gray-900, #28272d)',
-  'gray-950': 'var(--gray-950, #18171d)',
-  'green-50': 'var(--green-50, #ecf4ee)',
-  'green-100': 'var(--green-100, #c3e6cd)',
-  'green-200': 'var(--green-200, #91d4a8)',
-  'green-300': 'var(--green-300, #52b87a)',
-  'green-400': 'var(--green-400, #2da160)',
-  'green-500': 'var(--green-500, #108548)',
-  'green-600': 'var(--green-600, #217645)',
-  'green-700': 'var(--green-700, #24663b)',
-  'green-800': 'var(--green-800, #0d532a)',
-  'green-900': 'var(--green-900, #0a4020)',
-  'green-950': 'var(--green-950, #072b15)',
-  'orange-50': 'var(--orange-50, #fdf1dd)',
-  'orange-100': 'var(--orange-100, #f5d9a8)',
-  'orange-200': 'var(--orange-200, #e9be74)',
-  'orange-300': 'var(--orange-300, #d99530)',
-  'orange-400': 'var(--orange-400, #c17d10)',
-  'orange-500': 'var(--orange-500, #ab6100)',
-  'orange-600': 'var(--orange-600, #9e5400)',
-  'orange-700': 'var(--orange-700, #8f4700)',
-  'orange-800': 'var(--orange-800, #703800)',
-  'orange-900': 'var(--orange-900, #5c2900)',
-  'orange-950': 'var(--orange-950, #421f00)',
-  'purple-50': 'var(--purple-50, #f4f0ff)',
-  'purple-100': 'var(--purple-100, #e1d8f9)',
-  'purple-200': 'var(--purple-200, #cbbbf2)',
-  'purple-300': 'var(--purple-300, #ac93e6)',
-  'purple-400': 'var(--purple-400, #9475db)',
-  'purple-500': 'var(--purple-500, #7b58cf)',
-  'purple-600': 'var(--purple-600, #694cc0)',
-  'purple-700': 'var(--purple-700, #5943b6)',
-  'purple-800': 'var(--purple-800, #453894)',
-  'purple-900': 'var(--purple-900, #2f2a6b)',
-  'purple-950': 'var(--purple-950, #232150)',
-  'red-50': 'var(--red-50, #fcf1ef)',
-  'red-100': 'var(--red-100, #fdd4cd)',
-  'red-200': 'var(--red-200, #fcb5aa)',
-  'red-300': 'var(--red-300, #f57f6c)',
-  'red-400': 'var(--red-400, #ec5941)',
-  'red-500': 'var(--red-500, #dd2b0e)',
-  'red-600': 'var(--red-600, #c91c00)',
-  'red-700': 'var(--red-700, #ae1800)',
-  'red-800': 'var(--red-800, #8d1300)',
-  'red-900': 'var(--red-900, #660e00)',
-  'red-950': 'var(--red-950, #4d0a00)',
-};
-const themeColors = {
-  'theme-indigo-10': 'var(--theme-indigo-10, #f8f8ff)',
-  'theme-indigo-50': 'var(--theme-indigo-50, #f1f1ff)',
-  'theme-indigo-100': 'var(--theme-indigo-100, #dbdbf8)',
-  'theme-indigo-200': 'var(--theme-indigo-200, #c7c7f2)',
-  'theme-indigo-300': 'var(--theme-indigo-300, #a2a2e6)',
-  'theme-indigo-400': 'var(--theme-indigo-400, #8181d7)',
-  'theme-indigo-500': 'var(--theme-indigo-500, #6666c4)',
-  'theme-indigo-600': 'var(--theme-indigo-600, #5252b5)',
-  'theme-indigo-700': 'var(--theme-indigo-700, #41419f)',
-  'theme-indigo-800': 'var(--theme-indigo-800, #303083)',
-  'theme-indigo-900': 'var(--theme-indigo-900, #222261)',
-  'theme-indigo-950': 'var(--theme-indigo-950, #14143d)',
-  'theme-blue-10': 'var(--theme-blue-10, #e6ecf0)',
-  'theme-blue-50': 'var(--theme-blue-50, #cdd8e3)',
-  'theme-blue-100': 'var(--theme-blue-100, #b9cadc)',
-  'theme-blue-200': 'var(--theme-blue-200, #a6bdd5)',
-  'theme-blue-300': 'var(--theme-blue-300, #81a5c9)',
-  'theme-blue-400': 'var(--theme-blue-400, #628eb9)',
-  'theme-blue-500': 'var(--theme-blue-500, #4977a5)',
-  'theme-blue-600': 'var(--theme-blue-600, #346596)',
-  'theme-blue-700': 'var(--theme-blue-700, #235180)',
-  'theme-blue-800': 'var(--theme-blue-800, #153c63)',
-  'theme-blue-900': 'var(--theme-blue-900, #0b2640)',
-  'theme-blue-950': 'var(--theme-blue-950, #04101c)',
-  'theme-light-blue-10': 'var(--theme-light-blue-10, #eef3f7)',
-  'theme-light-blue-50': 'var(--theme-light-blue-50, #dde6ee)',
-  'theme-light-blue-100': 'var(--theme-light-blue-100, #c1d4e6)',
-  'theme-light-blue-200': 'var(--theme-light-blue-200, #a0bedc)',
-  'theme-light-blue-300': 'var(--theme-light-blue-300, #74a3d3)',
-  'theme-light-blue-400': 'var(--theme-light-blue-400, #4f8bc7)',
-  'theme-light-blue-500': 'var(--theme-light-blue-500, #3476b9)',
-  'theme-light-blue-600': 'var(--theme-light-blue-600, #2268ae)',
-  'theme-light-blue-700': 'var(--theme-light-blue-700, #145aa1)',
-  'theme-light-blue-800': 'var(--theme-light-blue-800, #0e4d8d)',
-  'theme-light-blue-900': 'var(--theme-light-blue-900, #0c4277)',
-  'theme-light-blue-950': 'var(--theme-light-blue-950, #0a3764)',
-  'theme-green-10': 'var(--theme-green-10, #eef4ef)',
-  'theme-green-50': 'var(--theme-green-50, #dde9de)',
-  'theme-green-100': 'var(--theme-green-100, #b1d6b5)',
-  'theme-green-200': 'var(--theme-green-200, #8cc497)',
-  'theme-green-300': 'var(--theme-green-300, #69af7d)',
-  'theme-green-400': 'var(--theme-green-400, #499767)',
-  'theme-green-500': 'var(--theme-green-500, #308258)',
-  'theme-green-600': 'var(--theme-green-600, #25744c)',
-  'theme-green-700': 'var(--theme-green-700, #1b653f)',
-  'theme-green-800': 'var(--theme-green-800, #155635)',
-  'theme-green-900': 'var(--theme-green-900, #0e4328)',
-  'theme-green-950': 'var(--theme-green-950, #052e19)',
-  'theme-red-10': 'var(--theme-red-10, #faf4f3)',
-  'theme-red-50': 'var(--theme-red-50, #f4e9e7)',
-  'theme-red-100': 'var(--theme-red-100, #ecd3d0)',
-  'theme-red-200': 'var(--theme-red-200, #e3bab5)',
-  'theme-red-300': 'var(--theme-red-300, #d59086)',
-  'theme-red-400': 'var(--theme-red-400, #c66e60)',
-  'theme-red-500': 'var(--theme-red-500, #ad4a3b)',
-  'theme-red-600': 'var(--theme-red-600, #a13322)',
-  'theme-red-700': 'var(--theme-red-700, #8f2110)',
-  'theme-red-800': 'var(--theme-red-800, #761405)',
-  'theme-red-900': 'var(--theme-red-900, #580d02)',
-  'theme-red-950': 'var(--theme-red-950, #380700)',
-  'theme-light-red-10': 'var(--theme-light-red-10, #fdf9f8)',
-  'theme-light-red-50': 'var(--theme-light-red-50, #faf2f1)',
-  'theme-light-red-100': 'var(--theme-light-red-100, #f6d9d5)',
-  'theme-light-red-200': 'var(--theme-light-red-200, #ebada2)',
-  'theme-light-red-300': 'var(--theme-light-red-300, #e07f6f)',
-  'theme-light-red-400': 'var(--theme-light-red-400, #d36250)',
-  'theme-light-red-500': 'var(--theme-light-red-500, #c24b38)',
-  'theme-light-red-600': 'var(--theme-light-red-600, #b53a26)',
-  'theme-light-red-700': 'var(--theme-light-red-700, #a02e1c)',
-  'theme-light-red-800': 'var(--theme-light-red-800, #8b2212)',
-  'theme-light-red-900': 'var(--theme-light-red-900, #751709)',
-  'theme-light-red-950': 'var(--theme-light-red-950, #5c1105)',
-};
-const dataVizColors = {
-  'data-viz-green-50': 'var(--data-viz-green-50, #ddfab7)',
-  'data-viz-green-100': 'var(--data-viz-green-100, #c6ed94)',
-  'data-viz-green-200': 'var(--data-viz-green-200, #b0d97b)',
-  'data-viz-green-300': 'var(--data-viz-green-300, #94c25e)',
-  'data-viz-green-400': 'var(--data-viz-green-400, #81ac41)',
-  'data-viz-green-500': 'var(--data-viz-green-500, #619025)',
-  'data-viz-green-600': 'var(--data-viz-green-600, #4e7f0e)',
-  'data-viz-green-700': 'var(--data-viz-green-700, #366800)',
-  'data-viz-green-800': 'var(--data-viz-green-800, #275600)',
-  'data-viz-green-900': 'var(--data-viz-green-900, #1a4500)',
-  'data-viz-green-950': 'var(--data-viz-green-950, #133a03)',
-  'data-viz-aqua-50': 'var(--data-viz-aqua-50, #b5fefd)',
-  'data-viz-aqua-100': 'var(--data-viz-aqua-100, #93f2ef)',
-  'data-viz-aqua-200': 'var(--data-viz-aqua-200, #5edee3)',
-  'data-viz-aqua-300': 'var(--data-viz-aqua-300, #32c5d2)',
-  'data-viz-aqua-400': 'var(--data-viz-aqua-400, #00acc4)',
-  'data-viz-aqua-500': 'var(--data-viz-aqua-500, #0090b1)',
-  'data-viz-aqua-600': 'var(--data-viz-aqua-600, #007b9b)',
-  'data-viz-aqua-700': 'var(--data-viz-aqua-700, #006381)',
-  'data-viz-aqua-800': 'var(--data-viz-aqua-800, #00516c)',
-  'data-viz-aqua-900': 'var(--data-viz-aqua-900, #004059)',
-  'data-viz-aqua-950': 'var(--data-viz-aqua-950, #00344b)',
-  'data-viz-blue-50': 'var(--data-viz-blue-50, #e9ebff)',
-  'data-viz-blue-100': 'var(--data-viz-blue-100, #d2dcff)',
-  'data-viz-blue-200': 'var(--data-viz-blue-200, #b7c6ff)',
-  'data-viz-blue-300': 'var(--data-viz-blue-300, #97acff)',
-  'data-viz-blue-400': 'var(--data-viz-blue-400, #7992f5)',
-  'data-viz-blue-500': 'var(--data-viz-blue-500, #617ae2)',
-  'data-viz-blue-600': 'var(--data-viz-blue-600, #4e65cd)',
-  'data-viz-blue-700': 'var(--data-viz-blue-700, #3f51ae)',
-  'data-viz-blue-800': 'var(--data-viz-blue-800, #374291)',
-  'data-viz-blue-900': 'var(--data-viz-blue-900, #303470)',
-  'data-viz-blue-950': 'var(--data-viz-blue-950, #2a2b59)',
-  'data-viz-magenta-50': 'var(--data-viz-magenta-50, #ffe3eb)',
-  'data-viz-magenta-100': 'var(--data-viz-magenta-100, #ffccdb)',
-  'data-viz-magenta-200': 'var(--data-viz-magenta-200, #fcacc5)',
-  'data-viz-magenta-300': 'var(--data-viz-magenta-300, #f88aaf)',
-  'data-viz-magenta-400': 'var(--data-viz-magenta-400, #e86e9a)',
-  'data-viz-magenta-500': 'var(--data-viz-magenta-500, #cf4d81)',
-  'data-viz-magenta-600': 'var(--data-viz-magenta-600, #b93d71)',
-  'data-viz-magenta-700': 'var(--data-viz-magenta-700, #9a2e5d)',
-  'data-viz-magenta-800': 'var(--data-viz-magenta-800, #7c214f)',
-  'data-viz-magenta-900': 'var(--data-viz-magenta-900, #661e3a)',
-  'data-viz-magenta-950': 'var(--data-viz-magenta-950, #541d31)',
-  'data-viz-orange-50': 'var(--data-viz-orange-50, #fae8d1)',
-  'data-viz-orange-100': 'var(--data-viz-orange-100, #f5d6b3)',
-  'data-viz-orange-200': 'var(--data-viz-orange-200, #eebd8c)',
-  'data-viz-orange-300': 'var(--data-viz-orange-300, #e99b60)',
-  'data-viz-orange-400': 'var(--data-viz-orange-400, #e07e41)',
-  'data-viz-orange-500': 'var(--data-viz-orange-500, #c95d2e)',
-  'data-viz-orange-600': 'var(--data-viz-orange-600, #b14f18)',
-  'data-viz-orange-700': 'var(--data-viz-orange-700, #92430a)',
-  'data-viz-orange-800': 'var(--data-viz-orange-800, #6f3500)',
-  'data-viz-orange-900': 'var(--data-viz-orange-900, #5e2f05)',
-  'data-viz-orange-950': 'var(--data-viz-orange-950, #4b2707)',
-};
-const textColors = {
-  default: 'var(--gl-text-color-default, var(--gl-color-neutral-800, #3a383f))',
-  subtle: 'var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))',
-  strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
-  heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
-  link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #0b5cad))',
-  warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #9e5400))',
-  danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c91c00))',
-  success: 'var(--gl-text-color-success, var(--gl-color-green-600, #217645))',
-  disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
-};
-const backgroundColors = {
-  default: 'var(--gl-background-color-default, var(--gl-color-neutral-0, #fff))',
-  subtle: 'var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))',
-  strong: 'var(--gl-background-color-strong, var(--gl-color-neutral-50, #ececef))',
-  disabled: 'var(--gl-background-color-disabled, var(--gl-color-neutral-10, #fbfafd))',
-  overlap: 'var(--gl-background-color-overlap, var(--gl-color-neutral-0, #fff))',
-  section: 'var(--gl-background-color-section, var(--gl-color-neutral-0, #fff))',
-  overlay:
-    'var(--gl-background-color-overlay, var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24)))',
-};
-const borderColors = {
-  default: 'var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
-  subtle: 'var(--gl-border-color-subtle, var(--gl-color-neutral-50, #ececef))',
-  strong: 'var(--gl-border-color-strong, var(--gl-color-neutral-400, #89888d))',
-  section: 'var(--gl-border-color-section, var(--gl-border-color-default, #dcdcde))',
-  transparent: 'var(--gl-border-color-transparent, var(--gl-color-alpha-0, transparent))',
-};
-const iconColors = {
-  default: 'var(--gl-icon-color-default, var(--gl-color-neutral-700, #4c4b51))',
-  subtle: 'var(--gl-icon-color-subtle, var(--gl-color-neutral-500, #737278))',
-  strong: 'var(--gl-icon-color-strong, var(--gl-color-neutral-900, #28272d))',
-  disabled: 'var(--gl-icon-color-disabled, var(--gl-color-neutral-300, #a4a3a8))',
-  link: 'var(--gl-icon-color-link, var(--gl-color-blue-600, #1068bf))',
-  info: 'var(--gl-icon-color-info, var(--gl-color-blue-600, #1068bf))',
-  warning: 'var(--gl-icon-color-warning, var(--gl-color-orange-600, #9e5400))',
-  danger: 'var(--gl-icon-color-danger, var(--gl-color-red-600, #c91c00))',
-  success: 'var(--gl-icon-color-success, var(--gl-color-green-600, #217645))',
-};
-const alphaDarkColors = {
-  2: 'var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))',
-  4: 'var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))',
-  6: 'var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))',
-  8: 'var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))',
-  16: 'var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.16))',
-  24: 'var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24))',
-  40: 'var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))',
-};
-const alphaLightColors = {
-  2: 'var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))',
-  4: 'var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))',
-  6: 'var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))',
-  8: 'var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))',
-  16: 'var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.16))',
-  24: 'var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.24))',
-  36: 'var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))',
-};
-const brandColors = {
-  'brand-white': 'var(--gl-color-brand-white, #fff)',
-  'brand-charcoal': 'var(--gl-color-brand-charcoal, #171321)',
-  'brand-orange': {
-    '01g': 'var(--gl-color-brand-orange-01g, #ffd1bf)',
-    '01p': 'var(--gl-color-brand-orange-01p, #fca326)',
-    '02p': 'var(--gl-color-brand-orange-02p, #fc6d26)',
-    '03p': 'var(--gl-color-brand-orange-03p, #e24329)',
-  },
-  'brand-purple': {
-    '01g': 'var(--gl-color-brand-purple-01g, #ceb3ef)',
-    '01p': 'var(--gl-color-brand-purple-01p, #a989f5)',
-    '02p': 'var(--gl-color-brand-purple-02p, #7759c2)',
-  },
-  'brand-gray': {
-    '01': 'var(--gl-color-brand-gray-01, #d1d0d3)',
-    '02': 'var(--gl-color-brand-gray-02, #a2a1a6)',
-    '03': 'var(--gl-color-brand-gray-03, #74717a)',
-    '04': 'var(--gl-color-brand-gray-04, #45424d)',
-    '05': 'var(--gl-color-brand-gray-05, #2b2838)',
-  },
-  'brand-pink': { '01g': 'var(--gl-color-brand-pink-01g, #ffb9c9)' },
-};
-
-const colors = {
-  inherit: 'inherit',
-  current: 'currentColor',
-  transparent: 'transparent',
-  white: 'var(--white, #fff)',
-  black: 'var(--black, #050506)',
-  alpha: {
-    dark: { ...alphaDarkColors },
-    light: { ...alphaLightColors },
-  },
-  ...baseColors,
-  ...themeColors,
-  ...dataVizColors,
-  ...brandColors,
-};
-
-const backgroundColor = {
-  ...colors,
-  ...backgroundColors,
-  dropdown: 'var(--gl-dropdown-background-color, var(--gl-background-color-overlap, #fff))',
-};
-
-const borderColor = {
-  ...colors,
-  ...borderColors,
-  dropdown: 'var(--gl-dropdown-border-color, var(--gl-color-neutral-200, #bfbfc3))',
-};
-
-const fill = {
-  ...colors,
-  icon: {
-    ...iconColors,
-  },
-};
-
-const textColor = {
-  ...colors,
-  ...textColors,
-  primary: 'var(--gl-text-primary, #28272d)',
-  secondary: 'var(--gl-text-secondary, #737278)',
-  tertiary: 'var(--gl-text-tertiary, #89888d)',
-};
-
-module.exports = {
-  colors,
-  backgroundColor,
-  borderColor,
-  textColor,
-  fill,
-};

package/src/charts.js

@@ -1,14 +0,0 @@
-export { default as GlChart } from './components/charts/chart/chart.vue';
-export { default as GlAreaChart } from './components/charts/area/area.vue';
-export { default as GlBarChart } from './components/charts/bar/bar.vue';
-export { default as GlGaugeChart } from './components/charts/gauge/gauge.vue';
-export { default as GlLineChart } from './components/charts/line/line.vue';
-export { default as GlChartLegend } from './components/charts/legend/legend.vue';
-export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label.vue';
-export { default as GlChartTooltip } from './components/charts/tooltip/tooltip.vue';
-export { default as GlHeatmap } from './components/charts/heatmap';
-export { default as GlColumnChart } from './components/charts/column/column.vue';
-export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column.vue';
-export { default as GlDiscreteScatterChart } from './components/charts/discrete_scatter/discrete_scatter.vue';
-export { default as GlSingleStat } from './components/charts/single_stat/single_stat.vue';
-export { default as GlSparklineChart } from './components/charts/sparkline/sparkline.vue';

package/src/components/base/accordion/accordion.md

@@ -1,3 +0,0 @@
-Accordions are used to group similar content and hide or show it depending on user needs or
-preferences. Accordions give users more granular control over the interface and help digest content
-in stages, rather than all at once.

package/src/components/base/accordion/accordion.vue

@@ -1,43 +0,0 @@
-<script>
-import uniqueId from 'lodash/uniqueId';
-
-export default {
-  name: 'GlAccordion',
-  provide() {
-    const accordionId = uniqueId('accordion-set-');
-    // temporary fix for this issue: https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2019#note_514671251
-    // MR for the upstream pending: https://github.com/vuejs/apollo/pull/1153
-    return {
-      defaultHeaderLevel: () => this.headerLevel,
-      accordionSetId: () => this.autoCollapse && accordionId,
-    };
-  },
-  props: {
-    /*
-    When true, will have the effect of closing other accordion items when one accordion item is visible.
-     */
-    autoCollapse: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    /*
-    The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.
-     */
-    headerLevel: {
-      type: Number,
-      required: true,
-      validator(value) {
-        return value > 0 && value <= 6;
-      },
-    },
-  },
-};
-</script>
-
-<template>
-  <div>
-    <!-- @slot `GLAccordionItem`s list -->
-    <slot></slot>
-  </div>
-</template>

package/src/components/base/accordion/accordion_item.md

@@ -1,3 +0,0 @@
-## Usage
-
-Use `GlAccordionItem` to place the accordion item within your accordion.

package/src/components/base/accordion/accordion_item.scss

@@ -1,16 +0,0 @@
-.gl-accordion-item {
-  @apply gl-mb-5;
-
-  .gl-accordion-item-header {
-    @apply gl-m-0;
-    @apply gl-leading-normal;
-  }
-
-  &:last-child {
-    @apply gl-mb-0;
-  }
-
-  .collapse {
-    margin-left: $gl-spacing-scale-5 + $gl-spacing-scale-2;
-  }
-}

package/src/components/base/accordion/accordion_item.vue

@@ -1,122 +0,0 @@
-<script>
-import uniqueId from 'lodash/uniqueId';
-import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
-import { GlCollapseToggleDirective } from '../../../directives/collapse_toggle';
-import GlButton from '../button/button.vue';
-
-export default {
-  name: 'GlAccordionItem',
-  components: {
-    BCollapse,
-    GlButton,
-  },
-  directives: {
-    GlCollapseToggle: GlCollapseToggleDirective,
-  },
-  inject: ['accordionSetId', 'defaultHeaderLevel'],
-  inheritAttrs: false,
-  model: {
-    prop: 'visible',
-    event: 'input',
-  },
-  props: {
-    /**
-     * Used to set the title of accordion link
-     */
-    title: {
-      type: String,
-      required: true,
-    },
-    /**
-     * Used to set the title of accordion link when the content is visible
-     * */
-    titleVisible: {
-      type: String,
-      default: null,
-      required: false,
-    },
-    /**
-     * When set, it will ensure the accordion item is initially visible
-     */
-    visible: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
-    /**
-     * The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.,
-     */
-    headerLevel: {
-      type: Number,
-      required: false,
-      default: null,
-      validator(value) {
-        return value > 0 && value <= 6;
-      },
-    },
-    /**
-     * Additional CSS class(es) to be applied to the header
-     */
-    headerClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: '',
-    },
-  },
-  data() {
-    return {
-      accordionItemId: uniqueId('accordion-item-'),
-      isVisible: this.visible,
-    };
-  },
-  computed: {
-    headerComponent() {
-      const level = this.headerLevel || this.defaultHeaderLevel();
-      return `h${level}`;
-    },
-    accordion() {
-      return this.accordionSetId() || undefined;
-    },
-    icon() {
-      return this.isVisible ? 'chevron-down' : 'chevron-right';
-    },
-    buttonTitle() {
-      return this.isVisible && this.titleVisible ? this.titleVisible : this.title;
-    },
-  },
-  watch: {
-    isVisible: {
-      immediate: true,
-      handler(isVisible) {
-        this.$emit('input', isVisible);
-      },
-    },
-  },
-};
-</script>
-
-<template>
-  <div class="gl-accordion-item">
-    <component :is="headerComponent" class="gl-accordion-item-header" :class="headerClass">
-      <gl-button
-        v-gl-collapse-toggle="accordionItemId"
-        variant="link"
-        button-text-classes="gl-flex"
-        :icon="icon"
-      >
-        {{ buttonTitle }}
-      </gl-button>
-    </component>
-    <b-collapse
-      :id="accordionItemId"
-      v-model="isVisible"
-      :visible="isVisible"
-      :accordion="accordion"
-      class="gl-mt-3 gl-text-base"
-      :data-testid="`accordion-item-collapse-${accordionItemId}`"
-    >
-      <!-- @slot Item content -->
-      <slot></slot>
-    </b-collapse>
-  </div>
-</template>

package/src/components/base/alert/alert.md

@@ -1,35 +0,0 @@
-Alerts allow the application to pass along relevant system information to the
-user without impeding their journey. Alerts are system generated and may or may
-not be derived by a user’s action.
-
-## Dismissible alerts
-
-Alerts don't handle their own visibility, so it's the parent component's
-responsbility to listen for the `dismiss` event and hide the alert in some way.
-For example:
-
-```html
-<script>
-  ...
-  computed: {
-    shouldShowAlert() {
-      return !this.isAlertDismissed && this.someOtherCondition();
-    },
-  },
-  ...
-</script>
-
-<template>
-  ...
-  <gl-alert v-if="shouldShowAlert" @dismiss="isAlertDismissed = true">
-    An important message
-  </gl-alert>
-  ...
-</template>
-```
-
-## Sticky alerts
-
-Any alert can use `position: sticky`, however it should be limited to critical alerts where keeping
-the alert visually in context is necessary or when alerts are injected into a page and might
-otherwise go unnoticed.