@gitlab/ui 137.0.2 → 137.1.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 (5) hide show
  1. package/dist/components/base/form/form_password_input/form_password_input.js +11 -1
  2. package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js +0 -2
  3. package/package.json +7 -7
  4. package/src/components/base/form/form_password_input/form_password_input.vue +11 -0
  5. package/src/vendor/bootstrap-vue/src/directives/modal/modal.js +0 -3
package/dist/components/base/form/form_password_input/form_password_input.js CHANGED
@@ -60,6 +60,16 @@ var script = {
60
60
  type: Boolean,
61
61
  required: false,
62
62
  default: false
63
+ },
64
+ /**
65
+ * CSS class(es) applied to the inner input element, not the wrapper.
66
+ * Use it for hooks or styles that must target the input itself, since a
67
+ * `class` passed to this component lands on the wrapper under Vue 2.
68
+ */
69
+ inputClass: {
70
+ type: [String, Array, Object],
71
+ required: false,
72
+ default: ''
63
73
  }
64
74
  },
65
75
  data() {
@@ -96,7 +106,7 @@ var script = {
96
106
  const __vue_script__ = script;
97
107
 
98
108
  /* template */
99
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-password-input"},[_c('gl-form-input',_vm._g(_vm._b({staticClass:"gl-form-password-input-field",attrs:{"value":_vm.value,"type":_vm.type,"disabled":_vm.disabled}},'gl-form-input',_vm.$attrs,false),_vm.$listeners)),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.toggleLabel),expression:"toggleLabel"}],staticClass:"gl-form-password-input-toggle",attrs:{"category":"tertiary","size":"small","aria-label":_vm.toggleLabel,"icon":_vm.toggleIcon,"disabled":_vm.disabled},on:{"click":_vm.toggleVisibility}})],1)};
109
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-password-input"},[_c('gl-form-input',_vm._g(_vm._b({staticClass:"gl-form-password-input-field",class:_vm.inputClass,attrs:{"value":_vm.value,"type":_vm.type,"disabled":_vm.disabled}},'gl-form-input',_vm.$attrs,false),_vm.$listeners)),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.toggleLabel),expression:"toggleLabel"}],staticClass:"gl-form-password-input-toggle",attrs:{"category":"tertiary","size":"small","aria-label":_vm.toggleLabel,"icon":_vm.toggleIcon,"disabled":_vm.disabled},on:{"click":_vm.toggleVisibility}})],1)};
100
110
  var __vue_staticRenderFns__ = [];
101
111
 
102
112
  /* style */
package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js CHANGED
@@ -96,14 +96,12 @@ const componentUpdated = (el, binding, vnode) => {
96
96
  // is still set for accessibility
97
97
  setRole(trigger);
98
98
  };
99
- const updated = () => {};
100
99
 
101
100
  /*
102
101
  * Export our directive
103
102
  */
104
103
  const VBModal = {
105
104
  inserted: componentUpdated,
106
- updated,
107
105
  componentUpdated,
108
106
  unbind
109
107
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "137.0.2",
3
+ "version": "137.1.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -131,7 +131,7 @@
131
131
  "@vue/compiler-sfc": "3.5.32",
132
132
  "@vue/server-renderer": "3.5.32",
133
133
  "@vue/test-utils": "1.3.6",
134
- "@vue/test-utils-vue3": "npm:@vue/test-utils@^2.4.11",
134
+ "@vue/test-utils-vue3": "npm:@vue/test-utils@^2.5.0",
135
135
  "@vue/vue2-jest": "29.2.6",
136
136
  "@vue/vue3-jest": "^29.2.6",
137
137
  "@yarnpkg/lockfile": "^1.1.0",
@@ -140,17 +140,17 @@
140
140
  "autoprefixer": "10.5.4",
141
141
  "axe-playwright": "^2.2.2",
142
142
  "babel-loader": "^9.2.1",
143
- "cypress": "15.21.0",
143
+ "cypress": "15.21.1",
144
144
  "cypress-real-events": "^1.15.0",
145
145
  "dompurify": "^3.1.2",
146
146
  "emoji-regex": "^10.6.0",
147
147
  "gitlab-api-async-iterator": "^1.3.1",
148
148
  "glob": "11.1.0",
149
149
  "identity-obj-proxy": "^3.0.0",
150
- "jest": "30.4.2",
151
- "jest-circus": "30.4.2",
152
- "jest-environment-jsdom": "30.4.1",
153
- "jest-environment-node": "30.4.1",
150
+ "jest": "30.5.0",
151
+ "jest-circus": "30.5.0",
152
+ "jest-environment-jsdom": "30.5.0",
153
+ "jest-environment-node": "30.5.0",
154
154
  "jest-image-snapshot": "^6.5.2",
155
155
  "merge-cobertura": "^1.0.9",
156
156
  "mockdate": "^3.0.5",
package/src/components/base/form/form_password_input/form_password_input.vue CHANGED
@@ -61,6 +61,16 @@ export default {
61
61
  required: false,
62
62
  default: false,
63
63
  },
64
+ /**
65
+ * CSS class(es) applied to the inner input element, not the wrapper.
66
+ * Use it for hooks or styles that must target the input itself, since a
67
+ * `class` passed to this component lands on the wrapper under Vue 2.
68
+ */
69
+ inputClass: {
70
+ type: [String, Array, Object],
71
+ required: false,
72
+ default: '',
73
+ },
64
74
  },
65
75
  data() {
66
76
  return {
@@ -98,6 +108,7 @@ export default {
98
108
  <gl-form-input
99
109
  v-bind="$attrs"
100
110
  class="gl-form-password-input-field"
111
+ :class="inputClass"
101
112
  :value="value"
102
113
  :type="type"
103
114
  :disabled="disabled"
package/src/vendor/bootstrap-vue/src/directives/modal/modal.js CHANGED
@@ -102,14 +102,11 @@ const componentUpdated = (el, binding, vnode) => {
102
102
  setRole(trigger)
103
103
  }
104
104
 
105
- const updated = () => {}
106
-
107
105
  /*
108
106
  * Export our directive
109
107
  */
110
108
  export const VBModal = {
111
109
  inserted: componentUpdated,
112
- updated,
113
110
  componentUpdated,
114
111
  unbind
115
112
  }