@gitlab/ui 64.21.2 → 64.22.0

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 12:51:04 GMT
+ * Generated on Thu, 20 Jul 2023 05:29:58 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 12:51:04 GMT
+ * Generated on Thu, 20 Jul 2023 05:29:58 GMT
  */
 
 :root {

package/dist/tokens/js/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 12:51:04 GMT
+ * Generated on Thu, 20 Jul 2023 05:29:58 GMT
  */
 
 export const BLACK = "#fff";

package/dist/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 12:51:04 GMT
+ * Generated on Thu, 20 Jul 2023 05:29:58 GMT
  */
 
 export const BLACK = "#000";

package/dist/tokens/scss/_tokens.dark.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 12:51:04 GMT
+// Generated on Thu, 20 Jul 2023 05:29:58 GMT
 
 $red-950: #fff4f3;
 $red-900: #fcf1ef;

package/dist/tokens/scss/_tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 12:51:04 GMT
+// Generated on Thu, 20 Jul 2023 05:29:58 GMT
 
 $brand-gray-05: #2b2838 !default;
 $brand-gray-04: #45424d !default;

package/package.json

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

package/src/components/base/form/input_group_text/input_group_text.scss

@@ -0,0 +1,6 @@
+.gl-input-group-text {
+  @include gl-bg-gray-10;
+  @include gl-h-7;
+  @include gl-font-base;
+  @include gl-text-gray-900;
+}

package/src/components/base/form/input_group_text/input_group_text.spec.js

@@ -6,4 +6,9 @@ describe('GlInputGroupText', () => {
     const wrapper = shallowMount(GlInputGroupText);
     expect(wrapper).toBeInstanceOf(Object);
   });
+
+  it('applies gl-input-group-text class', () => {
+    const wrapper = shallowMount(GlInputGroupText);
+    expect(wrapper.classes('gl-input-group-text')).toBe(true);
+  });
 });

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

@@ -11,7 +11,7 @@ export default {
 </script>
 
 <template>
-  <b-input-group-text v-bind="$attrs" v-on="$listeners">
+  <b-input-group-text v-bind="$attrs" class="gl-input-group-text" v-on="$listeners">
     <slot></slot>
   </b-input-group-text>
 </template>

package/src/scss/components.scss

@@ -44,6 +44,7 @@
 @import '../components/base/form/form_select/form_select';
 @import '../components/base/form/form_textarea/form_textarea';
 @import '../components/base/form/form_combobox/form_combobox';
+@import '../components/base/form/input_group_text/input_group_text';
 @import '../components/base/icon/icon';
 @import '../components/base/infinite_scroll/infinite_scroll';
 @import '../components/base/label/label';