@gitlab/ui 112.2.2 → 112.3.0

package/src/tokens/deprecated/deprecated.color.tokens.json

@@ -82,7 +82,7 @@
     },
     "600": {
       "$value": {
-        "default": "#1068bf",
+        "default": "#2f68b4",
         "dark": "#63a6e9"
       },
       "$type": "color",
@@ -92,7 +92,7 @@
     },
     "700": {
       "$value": {
-        "default": "#0b5cad",
+        "default": "#2f5ca0",
         "dark": "#9dc7f1"
       },
       "$type": "color",
@@ -102,7 +102,7 @@
     },
     "800": {
       "$value": {
-        "default": "#064787",
+        "default": "#284779",
         "dark": "#cbe2f9"
       },
       "$type": "color",
@@ -112,7 +112,7 @@
     },
     "900": {
       "$value": {
-        "default": "#033464",
+        "default": "#213454",
         "dark": "#e9f3fc"
       },
       "$type": "color",
@@ -122,7 +122,7 @@
     },
     "950": {
       "$value": {
-        "default": "#002850",
+        "default": "#1d283e",
         "dark": "#f2f9ff"
       },
       "$type": "color",
@@ -316,7 +316,7 @@
     },
     "600": {
       "$value": {
-        "default": "#217645",
+        "default": "#2f7549",
         "dark": "#52b87a"
       },
       "$type": "color",
@@ -326,7 +326,7 @@
     },
     "700": {
       "$value": {
-        "default": "#24663b",
+        "default": "#306440",
         "dark": "#91d4a8"
       },
       "$type": "color",
@@ -336,7 +336,7 @@
     },
     "800": {
       "$value": {
-        "default": "#0d532a",
+        "default": "#225131",
         "dark": "#c3e6cd"
       },
       "$type": "color",
@@ -346,7 +346,7 @@
     },
     "900": {
       "$value": {
-        "default": "#0a4020",
+        "default": "#1e3e28",
         "dark": "#ecf4ee"
       },
       "$type": "color",
@@ -356,7 +356,7 @@
     },
     "950": {
       "$value": {
-        "default": "#072b15",
+        "default": "#17291c",
         "dark": "#f1fdf6"
       },
       "$type": "color",
@@ -428,7 +428,7 @@
     },
     "600": {
       "$value": {
-        "default": "#9e5400",
+        "default": "#995715",
         "dark": "#d99530"
       },
       "$type": "color",
@@ -438,7 +438,7 @@
     },
     "700": {
       "$value": {
-        "default": "#8f4700",
+        "default": "#894b16",
         "dark": "#e9be74"
       },
       "$type": "color",
@@ -448,7 +448,7 @@
     },
     "800": {
       "$value": {
-        "default": "#703800",
+        "default": "#693c14",
         "dark": "#f5d9a8"
       },
       "$type": "color",
@@ -458,7 +458,7 @@
     },
     "900": {
       "$value": {
-        "default": "#5c2900",
+        "default": "#532e16",
         "dark": "#fdf1dd"
       },
       "$type": "color",
@@ -468,7 +468,7 @@
     },
     "950": {
       "$value": {
-        "default": "#421f00",
+        "default": "#382315",
         "dark": "#fff4e1"
       },
       "$type": "color",
@@ -540,7 +540,7 @@
     },
     "600": {
       "$value": {
-        "default": "#694cc0",
+        "default": "#6a4fb4",
         "dark": "#9475db"
       },
       "$type": "color",
@@ -550,7 +550,7 @@
     },
     "700": {
       "$value": {
-        "default": "#5943b6",
+        "default": "#5c47a6",
         "dark": "#ac93e6"
       },
       "$type": "color",
@@ -560,7 +560,7 @@
     },
     "800": {
       "$value": {
-        "default": "#453894",
+        "default": "#493c83",
         "dark": "#cbbbf2"
       },
       "$type": "color",
@@ -570,7 +570,7 @@
     },
     "900": {
       "$value": {
-        "default": "#2f2a6b",
+        "default": "#342d59",
         "dark": "#e1d8f9"
       },
       "$type": "color",
@@ -580,7 +580,7 @@
     },
     "950": {
       "$value": {
-        "default": "#232150",
+        "default": "#27243e",
         "dark": "#f4f0ff"
       },
       "$type": "color",
@@ -652,7 +652,7 @@
     },
     "600": {
       "$value": {
-        "default": "#c91c00",
+        "default": "#c02f12",
         "dark": "#f57f6c"
       },
       "$type": "color",
@@ -662,7 +662,7 @@
     },
     "700": {
       "$value": {
-        "default": "#ae1800",
+        "default": "#a32c12",
         "dark": "#fcb5aa"
       },
       "$type": "color",
@@ -672,7 +672,7 @@
     },
     "800": {
       "$value": {
-        "default": "#8d1300",
+        "default": "#812713",
         "dark": "#fdd4cd"
       },
       "$type": "color",
@@ -682,7 +682,7 @@
     },
     "900": {
       "$value": {
-        "default": "#660e00",
+        "default": "#582014",
         "dark": "#fcf1ef"
       },
       "$type": "color",
@@ -692,7 +692,7 @@
     },
     "950": {
       "$value": {
-        "default": "#4d0a00",
+        "default": "#3e1a14",
         "dark": "#fff4f3"
       },
       "$type": "color",

package/src/vendor/bootstrap-vue/src/constants/components.js

@@ -2,7 +2,6 @@
 export const NAME_BUTTON = 'BButton'
 export const NAME_BUTTON_CLOSE = 'BButtonClose'
 export const NAME_COL = 'BCol'
-export const NAME_COLLAPSE = 'BCollapse'
 export const NAME_DROPDOWN = 'BDropdown'
 export const NAME_DROPDOWN_DIVIDER = 'BDropdownDivider'
 export const NAME_DROPDOWN_FORM = 'BDropdownForm'
@@ -46,7 +45,6 @@ export const NAME_TOOLTIP = 'BTooltip'
 export const NAME_TR = 'BTr'
 
 // Helper component names
-export const NAME_COLLAPSE_HELPER = 'BVCollapse'
 export const NAME_FORM_BUTTON_LABEL_CONTROL = 'BVFormBtnLabelControl'
 export const NAME_FORM_RATING_STAR = 'BVFormRatingStar'
 export const NAME_POPOVER_HELPER = 'BVPopover'

package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js

@@ -1,207 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_COLLAPSE } from '../../constants/components';
-import { EVENT_NAME_SHOW, EVENT_NAME_SHOWN, EVENT_NAME_HIDE, EVENT_NAME_HIDDEN } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';
-import { SLOT_NAME_DEFAULT } from '../../constants/slots';
-import { getRootActionEventName, getRootEventName } from '../../utils/events';
-import { makeModelMixin } from '../../utils/model';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { props as props$1, idMixin } from '../../mixins/id';
-import { listenOnRootMixin } from '../../mixins/listen-on-root';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { BVCollapse } from './helpers/bv-collapse';
-
-// --- Constants ---
-const ROOT_ACTION_EVENT_NAME_TOGGLE = getRootActionEventName(NAME_COLLAPSE, 'toggle');
-const ROOT_ACTION_EVENT_NAME_REQUEST_STATE = getRootActionEventName(NAME_COLLAPSE, 'request-state');
-const ROOT_EVENT_NAME_ACCORDION = getRootEventName(NAME_COLLAPSE, 'accordion');
-const ROOT_EVENT_NAME_STATE = getRootEventName(NAME_COLLAPSE, 'state');
-const ROOT_EVENT_NAME_SYNC_STATE = getRootEventName(NAME_COLLAPSE, 'sync-state');
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('visible', {
-  type: PROP_TYPE_BOOLEAN,
-  defaultValue: false
-});
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  ...modelProps,
-  // If `true` (and `visible` is `true` on mount), animate initially visible
-  accordion: makeProp(PROP_TYPE_STRING),
-  appear: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'div')
-}), NAME_COLLAPSE);
-
-// --- Main component ---
-
-// @vue/component
-const BCollapse = /*#__PURE__*/extend({
-  name: NAME_COLLAPSE,
-  mixins: [idMixin, modelMixin, normalizeSlotMixin, listenOnRootMixin],
-  props,
-  data() {
-    return {
-      show: this[MODEL_PROP_NAME],
-      transitioning: false
-    };
-  },
-  computed: {
-    classObject() {
-      const {
-        transitioning
-      } = this;
-      return {
-        collapse: !transitioning,
-        show: this.show && !transitioning
-      };
-    },
-    slotScope() {
-      return {
-        visible: this.show,
-        close: () => {
-          this.show = false;
-        }
-      };
-    }
-  },
-  watch: {
-    [MODEL_PROP_NAME](newValue) {
-      if (newValue !== this.show) {
-        this.show = newValue;
-      }
-    },
-    show(newValue, oldValue) {
-      if (newValue !== oldValue) {
-        this.emitState();
-      }
-    }
-  },
-  created() {
-    this.show = this[MODEL_PROP_NAME];
-  },
-  mounted() {
-    this.show = this[MODEL_PROP_NAME];
-    // Listen for toggle events to open/close us
-    this.listenOnRoot(ROOT_ACTION_EVENT_NAME_TOGGLE, this.handleToggleEvent);
-    // Listen to other collapses for accordion events
-    this.listenOnRoot(ROOT_EVENT_NAME_ACCORDION, this.handleAccordionEvent);
-    this.$nextTick(() => {
-      this.emitState();
-    });
-    // Listen for "Sync state" requests from `v-b-toggle`
-    this.listenOnRoot(ROOT_ACTION_EVENT_NAME_REQUEST_STATE, id => {
-      if (id === this.safeId()) {
-        this.$nextTick(this.emitSync);
-      }
-    });
-  },
-  updated() {
-    // Emit a private event every time this component updates to ensure
-    // the toggle button is in sync with the collapse's state
-    // It is emitted regardless if the visible state changes
-    this.emitSync();
-  },
-  beforeDestroy() {
-    // Trigger state emit if needed
-    this.show = false;
-  },
-  methods: {
-    toggle() {
-      this.show = !this.show;
-    },
-    onEnter() {
-      this.transitioning = true;
-      // This should be moved out so we can add cancellable events
-      this.$emit(EVENT_NAME_SHOW);
-    },
-    onAfterEnter() {
-      this.transitioning = false;
-      this.$emit(EVENT_NAME_SHOWN);
-    },
-    onLeave() {
-      this.transitioning = true;
-      // This should be moved out so we can add cancellable events
-      this.$emit(EVENT_NAME_HIDE);
-    },
-    onAfterLeave() {
-      this.transitioning = false;
-      this.$emit(EVENT_NAME_HIDDEN);
-    },
-    emitState() {
-      const {
-        show,
-        accordion
-      } = this;
-      const id = this.safeId();
-      this.$emit(MODEL_EVENT_NAME, show);
-
-      // Let `v-b-toggle` know the state of this collapse
-      this.emitOnRoot(ROOT_EVENT_NAME_STATE, id, show);
-      if (accordion && show) {
-        // Tell the other collapses in this accordion to close
-        this.emitOnRoot(ROOT_EVENT_NAME_ACCORDION, id, accordion);
-      }
-    },
-    emitSync() {
-      // Emit a private event every time this component updates to ensure
-      // the toggle button is in sync with the collapse's state
-      // It is emitted regardless if the visible state changes
-      this.emitOnRoot(ROOT_EVENT_NAME_SYNC_STATE, this.safeId(), this.show);
-    },
-    handleToggleEvent(id) {
-      if (id === this.safeId()) {
-        this.toggle();
-      }
-    },
-    handleAccordionEvent(openedId, openAccordion) {
-      const {
-        accordion,
-        show
-      } = this;
-      if (!accordion || accordion !== openAccordion) {
-        return;
-      }
-      const isThis = openedId === this.safeId();
-      // Open this collapse if not shown or
-      // close this collapse if shown
-      if (isThis && !show || !isThis && show) {
-        this.toggle();
-      }
-    }
-  },
-  render(h) {
-    const {
-      appear
-    } = this;
-    const $content = h(this.tag, {
-      class: this.classObject,
-      directives: [{
-        name: 'show',
-        value: this.show
-      }],
-      attrs: {
-        id: this.safeId()
-      }
-    }, this.normalizeSlot(SLOT_NAME_DEFAULT, this.slotScope));
-    return h(BVCollapse, {
-      props: {
-        appear
-      },
-      on: {
-        enter: this.onEnter,
-        afterEnter: this.onAfterEnter,
-        leave: this.onLeave,
-        afterLeave: this.onAfterLeave
-      }
-    }, [$content]);
-  }
-});
-
-export { BCollapse, props };

package/dist/vendor/bootstrap-vue/src/components/collapse/helpers/bv-collapse.js

@@ -1,90 +0,0 @@
-import { extend, mergeData } from '../../../vue';
-import { NAME_COLLAPSE_HELPER } from '../../../constants/components';
-import { PROP_TYPE_BOOLEAN } from '../../../constants/props';
-import { setStyle, requestAF, reflow, removeStyle, getBCR } from '../../../utils/dom';
-import { makeProp } from '../../../utils/props';
-
-// Generic collapse transion helper component
-
-// --- Helper methods ---
-
-// Transition event handler helpers
-const onEnter = el => {
-  setStyle(el, 'height', 0);
-  // In a `requestAF()` for `appear` to work
-  requestAF(() => {
-    reflow(el);
-    setStyle(el, 'height', `${el.scrollHeight}px`);
-  });
-};
-const onAfterEnter = el => {
-  removeStyle(el, 'height');
-};
-const onLeave = el => {
-  setStyle(el, 'height', 'auto');
-  setStyle(el, 'display', 'block');
-  setStyle(el, 'height', `${getBCR(el).height}px`);
-  reflow(el);
-  setStyle(el, 'height', 0);
-};
-const onAfterLeave = el => {
-  removeStyle(el, 'height');
-};
-
-// --- Constants ---
-
-// Default transition props
-// `appear` will use the enter classes
-const TRANSITION_PROPS = {
-  css: true,
-  enterClass: '',
-  enterActiveClass: 'collapsing',
-  enterToClass: 'collapse show',
-  leaveClass: 'collapse show',
-  leaveActiveClass: 'collapsing',
-  leaveToClass: 'collapse'
-};
-
-// Default transition handlers
-// `appear` will use the enter handlers
-const TRANSITION_HANDLERS = {
-  enter: onEnter,
-  afterEnter: onAfterEnter,
-  leave: onLeave,
-  afterLeave: onAfterLeave
-};
-
-// --- Main component ---
-
-const props = {
-  // // If `true` (and `visible` is `true` on mount), animate initially visible
-  appear: makeProp(PROP_TYPE_BOOLEAN, false)
-};
-
-// --- Main component ---
-
-// @vue/component
-const BVCollapse = /*#__PURE__*/extend({
-  name: NAME_COLLAPSE_HELPER,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
-    return h('transition',
-    // We merge in the `appear` prop last
-    mergeData(data, {
-      props: TRANSITION_PROPS,
-      on: TRANSITION_HANDLERS
-    }, {
-      props
-    }),
-    // Note: `<transition>` supports a single root element only
-    children);
-  }
-});
-
-export { BVCollapse, props };

package/dist/vendor/bootstrap-vue/src/components/collapse/index.js

@@ -1 +0,0 @@
-export { BCollapse } from './collapse';

package/src/vendor/bootstrap-vue/src/components/collapse/MODIFICATIONS.md

@@ -1,14 +0,0 @@
-# Modifications to Vendored Code
-
-**Library**: BootstrapVue  
-**Version**: 2.23.1 **Link:** https://bootstrap-vue.org **Source:**
-https://github.com/bootstrap-vue/bootstrap-vue **Copyright:** (c) 2016-2024 BootstrapVue
-**License:** (c)
-[2016-2024 BootstrapVue](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/LICENSE)
-
-This file documents modifications made to the original BootstrapVue component files.
-
-## Removed props
-
-The property `isNav` and code executed based on this property has been removed, as we removed the
-Navbar logic.