@gitlab/ui 94.6.0 → 94.7.0

package/src/vendor/bootstrap-vue/src/icons/_icons.scss

@@ -1,156 +0,0 @@
-// Base icon styling
-.b-icon {
-  &.bi {
-    display: inline-block;
-    overflow: visible;
-    // The following is required to compensate for alignment
-    // issues with the Bootstrap Icons alpha implementation
-    vertical-align: $b-icon-vertical-offset;
-  }
-
-  &.b-icon-animation-cylon,
-  &.b-iconstack .b-icon-animation-cylon > g {
-    transform-origin: center;
-    animation: $b-icon-animation-cylon-duration infinite ease-in-out alternate
-      b-icon-animation-cylon;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-cylon-vertical,
-  &.b-iconstack .b-icon-animation-cylon-vertical > g {
-    transform-origin: center;
-    animation: $b-icon-animation-cylon-vertical-duration infinite ease-in-out alternate
-      b-icon-animation-cylon-vertical;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-fade,
-  &.b-iconstack .b-icon-animation-fade > g {
-    transform-origin: center;
-    animation: $b-icon-animation-fade-duration infinite ease-in-out alternate b-icon-animation-fade;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-spin,
-  &.b-iconstack .b-icon-animation-spin > g {
-    transform-origin: center;
-    animation: $b-icon-animation-spin-duration infinite linear normal b-icon-animation-spin;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-spin-reverse,
-  &.b-iconstack .b-icon-animation-spin-reverse > g {
-    transform-origin: center;
-    animation: $b-icon-animation-spin-reverse-duration infinite linear reverse b-icon-animation-spin;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-spin-pulse,
-  &.b-iconstack .b-icon-animation-spin-pulse > g {
-    transform-origin: center;
-    animation: $b-icon-animation-spin-pulse-duration infinite steps(8) normal b-icon-animation-spin;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-spin-reverse-pulse,
-  &.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
-    transform-origin: center;
-    animation: $b-icon-animation-spin-reverse-pulse-duration infinite steps(8) reverse
-      b-icon-animation-spin;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-
-  &.b-icon-animation-throb,
-  &.b-iconstack .b-icon-animation-throb > g {
-    transform-origin: center;
-    animation: $b-icon-animation-throb-duration infinite ease-in-out alternate
-      b-icon-animation-throb;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  }
-}
-
-// Animation for spinning icons
-@keyframes b-icon-animation-cylon {
-  0% {
-    transform: translateX(-25%);
-  }
-  100% {
-    transform: translateX(25%);
-  }
-}
-
-@keyframes b-icon-animation-cylon-vertical {
-  0% {
-    transform: translateY(25%);
-  }
-  100% {
-    transform: translateY(-25%);
-  }
-}
-
-@keyframes b-icon-animation-fade {
-  0% {
-    opacity: 0.1;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes b-icon-animation-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-
-@keyframes b-icon-animation-throb {
-  0% {
-    opacity: 0.5;
-    transform: scale(0.5);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-// Make icons slightly larger in buttons, nav-links, dropdowns, and input-group-text
-.btn,
-.nav-link,
-.dropdown-toggle,
-.dropdown-item,
-.input-group-text {
-  .b-icon {
-    &.bi {
-      font-size: 125%;
-      vertical-align: text-bottom;
-    }
-  }
-}

package/src/vendor/bootstrap-vue/src/icons/helpers/icon-base.js

@@ -1,134 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_ICON_BASE } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { identity } from '../../utils/identity'
-import { isUndefinedOrNull } from '../../utils/inspect'
-import { mathMax } from '../../utils/math'
-import { toFloat } from '../../utils/number'
-import { makeProp } from '../../utils/props'
-
-// --- Constants ---
-
-// Base attributes needed on all icons
-const BASE_ATTRS = {
-  viewBox: '0 0 16 16',
-  width: '1em',
-  height: '1em',
-  focusable: 'false',
-  role: 'img',
-  'aria-label': 'icon'
-}
-
-// Attributes that are nulled out when stacked
-const STACKED_ATTRS = {
-  width: null,
-  height: null,
-  focusable: null,
-  role: null,
-  'aria-label': null
-}
-
-// --- Props ---
-
-export const props = {
-  animation: makeProp(PROP_TYPE_STRING),
-  content: makeProp(PROP_TYPE_STRING),
-  flipH: makeProp(PROP_TYPE_BOOLEAN, false),
-  flipV: makeProp(PROP_TYPE_BOOLEAN, false),
-  fontScale: makeProp(PROP_TYPE_NUMBER_STRING, 1),
-  rotate: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  scale: makeProp(PROP_TYPE_NUMBER_STRING, 1),
-  shiftH: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  shiftV: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  stacked: makeProp(PROP_TYPE_BOOLEAN, false),
-  title: makeProp(PROP_TYPE_STRING),
-  variant: makeProp(PROP_TYPE_STRING)
-}
-
-// --- Main component ---
-
-// Shared private base component to reduce bundle/runtime size
-// @vue/component
-export const BVIconBase = /*#__PURE__*/ extend({
-  name: NAME_ICON_BASE,
-  functional: true,
-  props,
-  render(h, { data, props, children }) {
-    const { animation, content, flipH, flipV, stacked, title, variant } = props
-    const fontScale = mathMax(toFloat(props.fontScale, 1), 0) || 1
-    const scale = mathMax(toFloat(props.scale, 1), 0) || 1
-    const rotate = toFloat(props.rotate, 0)
-    const shiftH = toFloat(props.shiftH, 0)
-    const shiftV = toFloat(props.shiftV, 0)
-    // Compute the transforms
-    // Note that order is important as SVG transforms are applied in order from
-    // left to right and we want flipping/scale to occur before rotation
-    // Note shifting is applied separately
-    // Assumes that the viewbox is `0 0 16 16` (`8 8` is the center)
-    const hasScale = flipH || flipV || scale !== 1
-    const hasTransforms = hasScale || rotate
-    const hasShift = shiftH || shiftV
-    const hasContent = !isUndefinedOrNull(content)
-    const transforms = [
-      hasTransforms ? 'translate(8 8)' : null,
-      hasScale ? `scale(${(flipH ? -1 : 1) * scale} ${(flipV ? -1 : 1) * scale})` : null,
-      rotate ? `rotate(${rotate})` : null,
-      hasTransforms ? 'translate(-8 -8)' : null
-    ].filter(identity)
-
-    // We wrap the content in a `<g>` for handling the transforms (except shift)
-    let $inner = h(
-      'g',
-      {
-        attrs: { transform: transforms.join(' ') || null },
-        domProps: hasContent ? { innerHTML: content || '' } : {}
-      },
-      children
-    )
-
-    // If needed, we wrap in an additional `<g>` in order to handle the shifting
-    if (hasShift) {
-      $inner = h(
-        'g',
-        { attrs: { transform: `translate(${(16 * shiftH) / 16} ${(-16 * shiftV) / 16})` } },
-        [$inner]
-      )
-    }
-
-    // Wrap in an additional `<g>` for proper animation handling if stacked
-    if (stacked) {
-      $inner = h('g', [$inner])
-    }
-
-    const $title = title ? h('title', title) : null
-
-    const $content = [$title, $inner].filter(identity)
-
-    return h(
-      'svg',
-      mergeData(
-        {
-          staticClass: 'b-icon bi',
-          class: {
-            [`text-${variant}`]: variant,
-            [`b-icon-animation-${animation}`]: animation
-          },
-          attrs: BASE_ATTRS,
-          style: stacked ? {} : { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` }
-        },
-        // Merge in user supplied data
-        data,
-        // If icon is stacked, null-out some attrs
-        stacked ? { attrs: STACKED_ATTRS } : {},
-        // These cannot be overridden by users
-        {
-          attrs: {
-            xmlns: stacked ? null : 'http://www.w3.org/2000/svg',
-            fill: 'currentColor'
-          }
-        }
-      ),
-      $content
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/icons/helpers/make-icon.js

@@ -1,48 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { omit } from '../../utils/object'
-import { kebabCase, pascalCase, trim } from '../../utils/string'
-import { BVIconBase, props as BVIconBaseProps } from './icon-base'
-
-const iconProps = omit(BVIconBaseProps, ['content'])
-
-/**
- * Icon component generator function
- *
- * @param {string} icon name (minus the leading `BIcon`)
- * @param {string} raw `innerHTML` for SVG
- * @return {VueComponent}
- */
-export const makeIcon = (name, content) => {
-  // For performance reason we pre-compute some values, so that
-  // they are not computed on each render of the icon component
-  const kebabName = kebabCase(name)
-  const iconName = `BIcon${pascalCase(name)}`
-  const iconNameClass = `bi-${kebabName}`
-  const iconTitle = kebabName.replace(/-/g, ' ')
-  const svgContent = trim(content || '')
-
-  return /*#__PURE__*/ extend({
-    name: iconName,
-    functional: true,
-    props: iconProps,
-    render(h, { data, props }) {
-      return h(
-        BVIconBase,
-        mergeData(
-          // Defaults
-          {
-            props: { title: iconTitle },
-            attrs: { 'aria-label': iconTitle }
-          },
-          // User data
-          data,
-          // Required data
-          {
-            staticClass: iconNameClass,
-            props: { ...props, content: svgContent }
-          }
-        )
-      )
-    }
-  })
-}

package/src/vendor/bootstrap-vue/src/icons/icon.js

@@ -1,54 +0,0 @@
-import { Vue, extend, mergeData } from '../vue'
-import { NAME_ICON } from '../constants/components'
-import { PROP_TYPE_STRING } from '../constants/props'
-import { RX_ICON_PREFIX } from '../constants/regex'
-import { omit, sortKeys } from '../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../utils/props'
-import { pascalCase, trim } from '../utils/string'
-import { BIconBlank } from './icons'
-import { props as BVIconBaseProps } from './helpers/icon-base'
-
-// --- Helper methods ---
-
-const findIconComponent = (ctx, iconName) => {
-  if (!ctx) {
-    return Vue.component(iconName)
-  }
-  const components = (ctx.$options || {}).components
-  const iconComponent = components && components[iconName]
-  return iconComponent || findIconComponent(ctx.$parent, iconName)
-}
-
-// --- Props ---
-
-const iconProps = omit(BVIconBaseProps, ['content'])
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...iconProps,
-    icon: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_ICON
-)
-
-// --- Main component ---
-
-// Helper BIcon component
-// Requires the requested icon component to be installed
-// @vue/component
-export const BIcon = /*#__PURE__*/ extend({
-  name: NAME_ICON,
-  functional: true,
-  props,
-  render(h, { data, props, parent }) {
-    const icon = pascalCase(trim(props.icon || '')).replace(RX_ICON_PREFIX, '')
-
-    // If parent context exists, we check to see if the icon has been registered
-    // either locally in the parent component, or globally at the `$root` level
-    // If not registered, we render a blank icon
-    return h(
-      icon ? findIconComponent(parent, `BIcon${icon}`) || BIconBlank : BIconBlank,
-      mergeData(data, { props: pluckProps(iconProps, props) })
-    )
-  }
-})