@gitlab/ui 111.4.0 → 111.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/base/form/form_input_group/form_input_group.js +3 -9
  3. package/package.json +1 -1
  4. package/src/components/base/form/form_input_group/form_input_group.vue +10 -16
  5. package/src/tokens/build/figma/constants.tokens.json +1028 -0
  6. package/src/tokens/build/figma/contextual.tokens.json +3496 -0
  7. package/src/tokens/build/figma/deprecated.tokens.json +2243 -0
  8. package/src/tokens/build/figma/semantic.tokens.json +1423 -0
  9. package/src/tokens/contextual/alert.tokens.json +1 -1
  10. package/src/tokens/contextual/dropdown.tokens.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [111.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.4.0...v111.5.0) (2025-03-20)
2
+
3
+
4
+ ### Features
5
+
6
+ * **DesignTokens:** Compile JSON files for Figma plugin ([2834c7e](https://gitlab.com/gitlab-org/gitlab-ui/commit/2834c7ed4f688050b386c289db996ce7e28e184e))
7
+
1
8
  # [111.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.3.1...v111.4.0) (2025-03-20)
2
9
 
3
10
 
package/dist/components/base/form/form_input_group/form_input_group.js CHANGED
@@ -1,19 +1,13 @@
1
- import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
2
- import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
3
- import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
4
- import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
5
1
  import GlDropdown from '../../dropdown/dropdown';
6
2
  import GlDropdownItem from '../../dropdown/dropdown_item';
3
+ import GlFormInput from '../form_input/form_input';
7
4
  import { InputGroupMixin } from './form_input_group_mixin';
8
5
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
9
6
 
10
7
  var script = {
11
8
  name: 'GlFormInputGroup',
12
9
  components: {
13
- BInputGroup,
14
- BInputGroupPrepend,
15
- BInputGroupAppend,
16
- BFormInput,
10
+ GlFormInput,
17
11
  GlDropdown,
18
12
  GlDropdownItem
19
13
  },
@@ -77,7 +71,7 @@ var script = {
77
71
  const __vue_script__ = script;
78
72
 
79
73
  /* template */
80
- 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)};
74
+ 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)};
81
75
  var __vue_staticRenderFns__ = [];
82
76
 
83
77
  /* style */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "111.4.0",
3
+ "version": "111.5.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/components/base/form/form_input_group/form_input_group.vue CHANGED
@@ -1,19 +1,13 @@
1
1
  <script>
2
- import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
3
- import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
4
- import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
5
- import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
6
2
  import GlDropdown from '../../dropdown/dropdown.vue';
7
3
  import GlDropdownItem from '../../dropdown/dropdown_item.vue';
4
+ import GlFormInput from '../form_input/form_input.vue';
8
5
  import { InputGroupMixin } from './form_input_group_mixin';
9
6
 
10
7
  export default {
11
8
  name: 'GlFormInputGroup',
12
9
  components: {
13
- BInputGroup,
14
- BInputGroupPrepend,
15
- BInputGroupAppend,
16
- BFormInput,
10
+ GlFormInput,
17
11
  GlDropdown,
18
12
  GlDropdownItem,
19
13
  },
@@ -68,8 +62,8 @@ export default {
68
62
  };
69
63
  </script>
70
64
  <template>
71
- <b-input-group>
72
- <b-input-group-prepend v-if="activeOption || $scopedSlots.prepend">
65
+ <div role="group" class="input-group">
66
+ <div v-if="activeOption || $scopedSlots.prepend" class="input-group-prepend">
73
67
  <!-- @slot Is rendered in front of the input field. -->
74
68
  <slot name="prepend"></slot>
75
69
  <gl-dropdown v-if="activeOption" :text="activeOption">
@@ -83,22 +77,22 @@ export default {
83
77
  {{ option.name }}
84
78
  </gl-dropdown-item>
85
79
  </gl-dropdown>
86
- </b-input-group-prepend>
80
+ </div>
87
81
  <!-- @slot Allows replacement of default input field. -->
88
82
  <slot>
89
- <b-form-input
83
+ <gl-form-input
90
84
  ref="input"
91
85
  v-model="localValue"
92
- :class="['gl-form-input', inputClass]"
86
+ :class="inputClass"
93
87
  :aria-label="label"
94
88
  v-bind="$attrs"
95
89
  v-on="$listeners"
96
90
  @click="handleClick"
97
91
  />
98
92
  </slot>
99
- <b-input-group-append v-if="$scopedSlots.append">
93
+ <div v-if="$scopedSlots.append" class="input-group-append">
100
94
  <!-- @slot Is rendered after the input field. -->
101
95
  <slot name="append"></slot>
102
- </b-input-group-append>
103
- </b-input-group>
96
+ </div>
97
+ </div>
104
98
  </template>