@gitlab/ui 111.3.1 → 111.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [111.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.4.0...v111.5.0) (2025-03-20)
+
+
+### Features
+
+* **DesignTokens:** Compile JSON files for Figma plugin ([2834c7e](https://gitlab.com/gitlab-org/gitlab-ui/commit/2834c7ed4f688050b386c289db996ce7e28e184e))
+
+# [111.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.3.1...v111.4.0) (2025-03-20)
+
+
+### Features
+
+* **DesignTokens:** Replace illustration stroke width with unitless ([f172642](https://gitlab.com/gitlab-org/gitlab-ui/commit/f172642437a13be85b4165349b0cad1d44d9c824))
+
 ## [111.3.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.3.0...v111.3.1) (2025-03-18)
 
 

package/dist/components/base/form/form_input_group/form_input_group.js

@@ -1,19 +1,13 @@
-import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
-import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
-import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
-import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 import GlDropdown from '../../dropdown/dropdown';
 import GlDropdownItem from '../../dropdown/dropdown_item';
+import GlFormInput from '../form_input/form_input';
 import { InputGroupMixin } from './form_input_group_mixin';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
   name: 'GlFormInputGroup',
   components: {
-    BInputGroup,
-    BInputGroupPrepend,
-    BInputGroupAppend,
-    BFormInput,
+    GlFormInput,
     GlDropdown,
     GlDropdownItem
   },
@@ -77,7 +71,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-input-group',[(_vm.activeOption || _vm.$scopedSlots.prepend)?_c('b-input-group-prepend',[_vm._t("prepend"),_vm._v(" "),(_vm.activeOption)?_c('gl-dropdown',{attrs:{"text":_vm.activeOption}},_vm._l((_vm.predefinedOptions),function(option){return _c('gl-dropdown-item',{key:option.value,attrs:{"is-check-item":"","is-checked":_vm.activeOption === option.name},on:{"click":function($event){return _vm.updateValue(option)}}},[_vm._v("\n        "+_vm._s(option.name)+"\n      ")])}),1):_vm._e()],2):_vm._e(),_vm._v(" "),_vm._t("default",function(){return [_c('b-form-input',_vm._g(_vm._b({ref:"input",class:['gl-form-input', _vm.inputClass],attrs:{"aria-label":_vm.label},on:{"click":_vm.handleClick},model:{value:(_vm.localValue),callback:function ($$v) {_vm.localValue=$$v;},expression:"localValue"}},'b-form-input',_vm.$attrs,false),_vm.$listeners))]}),_vm._v(" "),(_vm.$scopedSlots.append)?_c('b-input-group-append',[_vm._t("append")],2):_vm._e()],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"input-group",attrs:{"role":"group"}},[(_vm.activeOption || _vm.$scopedSlots.prepend)?_c('div',{staticClass:"input-group-prepend"},[_vm._t("prepend"),_vm._v(" "),(_vm.activeOption)?_c('gl-dropdown',{attrs:{"text":_vm.activeOption}},_vm._l((_vm.predefinedOptions),function(option){return _c('gl-dropdown-item',{key:option.value,attrs:{"is-check-item":"","is-checked":_vm.activeOption === option.name},on:{"click":function($event){return _vm.updateValue(option)}}},[_vm._v("\n        "+_vm._s(option.name)+"\n      ")])}),1):_vm._e()],2):_vm._e(),_vm._v(" "),_vm._t("default",function(){return [_c('gl-form-input',_vm._g(_vm._b({ref:"input",class:_vm.inputClass,attrs:{"aria-label":_vm.label},on:{"click":_vm.handleClick},model:{value:(_vm.localValue),callback:function ($$v) {_vm.localValue=$$v;},expression:"localValue"}},'gl-form-input',_vm.$attrs,false),_vm.$listeners))]}),_vm._v(" "),(_vm.$scopedSlots.append)?_c('div',{staticClass:"input-group-append"},[_vm._t("append")],2):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/tokens/json/tokens.dark.json

@@ -12427,8 +12427,8 @@
           "isSource": true,
           "original": {
             "$value": {
-              "default": "2px",
-              "dark": "1.5px"
+              "default": "2",
+              "dark": "1.5"
             },
             "$type": "dimension",
             "$description": "Default stroke width to define shape and provide essential detail."
@@ -12815,8 +12815,8 @@
             "isSource": true,
             "original": {
               "$value": {
-                "default": "2px",
-                "dark": "1.5px"
+                "default": "2",
+                "dark": "1.5"
               },
               "$type": "dimension",
               "$description": "Default stroke width to define shape and provide essential detail in isometric illustration."

package/dist/tokens/json/tokens.json

@@ -12427,8 +12427,8 @@
           "isSource": true,
           "original": {
             "$value": {
-              "default": "2px",
-              "dark": "1.5px"
+              "default": "2",
+              "dark": "1.5"
             },
             "$type": "dimension",
             "$description": "Default stroke width to define shape and provide essential detail."
@@ -12815,8 +12815,8 @@
             "isSource": true,
             "original": {
               "$value": {
-                "default": "2px",
-                "dark": "1.5px"
+                "default": "2",
+                "dark": "1.5"
               },
               "$type": "dimension",
               "$description": "Default stroke width to define shape and provide essential detail in isometric illustration."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "111.3.1",
+  "version": "111.5.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/form/form_input_group/form_input_group.vue

@@ -1,19 +1,13 @@
 <script>
-import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
-import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
-import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
-import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 import GlDropdown from '../../dropdown/dropdown.vue';
 import GlDropdownItem from '../../dropdown/dropdown_item.vue';
+import GlFormInput from '../form_input/form_input.vue';
 import { InputGroupMixin } from './form_input_group_mixin';
 
 export default {
   name: 'GlFormInputGroup',
   components: {
-    BInputGroup,
-    BInputGroupPrepend,
-    BInputGroupAppend,
-    BFormInput,
+    GlFormInput,
     GlDropdown,
     GlDropdownItem,
   },
@@ -68,8 +62,8 @@ export default {
 };
 </script>
 <template>
-  <b-input-group>
-    <b-input-group-prepend v-if="activeOption || $scopedSlots.prepend">
+  <div role="group" class="input-group">
+    <div v-if="activeOption || $scopedSlots.prepend" class="input-group-prepend">
       <!-- @slot Is rendered in front of the input field. -->
       <slot name="prepend"></slot>
       <gl-dropdown v-if="activeOption" :text="activeOption">
@@ -83,22 +77,22 @@ export default {
           {{ option.name }}
         </gl-dropdown-item>
       </gl-dropdown>
-    </b-input-group-prepend>
+    </div>
     <!-- @slot Allows replacement of default input field. -->
     <slot>
-      <b-form-input
+      <gl-form-input
         ref="input"
         v-model="localValue"
-        :class="['gl-form-input', inputClass]"
+        :class="inputClass"
         :aria-label="label"
         v-bind="$attrs"
         v-on="$listeners"
         @click="handleClick"
       />
     </slot>
-    <b-input-group-append v-if="$scopedSlots.append">
+    <div v-if="$scopedSlots.append" class="input-group-append">
       <!-- @slot Is rendered after the input field. -->
       <slot name="append"></slot>
-    </b-input-group-append>
-  </b-input-group>
+    </div>
+  </div>
 </template>