@gitlab/ui 70.0.1 → 71.1.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [71.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v71.0.0...v71.1.0) (2023-11-24)
+
+
+### Features
+
+* **css:** Add gl-line-clamp-{value} utility class ([304a508](https://gitlab.com/gitlab-org/gitlab-ui/commit/304a508af5933ebe33de9f30f7e0aca4c871654a))
+
+# [71.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v70.0.1...v71.0.0) (2023-11-22)
+
+
+### Features
+
+* **GlFormInput, GlFormSelect, GlDatepicker:** remove deprecated props ([72ff245](https://gitlab.com/gitlab-org/gitlab-ui/commit/72ff245417250b78514b60fb0a85fbde64a5d7c7))
+
+
+### BREAKING CHANGES
+
+* **GlFormInput, GlFormSelect, GlDatepicker:** Removes the legacy property "size" from GlFormInput,
+GlFormSelect & GlDatepicker.
+
 ## [70.0.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v70.0.0...v70.0.1) (2023-11-21)
 
 

package/dist/components/base/datepicker/datepicker.js

@@ -1,6 +1,6 @@
 import isString from 'lodash/isString';
 import Pikaday from 'pikaday';
-import { defaultDateFormat, datepickerWidthOptionsMap, datepickerSizeOptionsMap } from '../../../utils/constants';
+import { defaultDateFormat, datepickerWidthOptionsMap } from '../../../utils/constants';
 import { areDatesEqual } from '../../../utils/datetime_utility';
 import GlButton from '../button/button';
 import GlFormInput from '../form/form_input/form_input';
@@ -181,20 +181,6 @@ var script = {
       required: false,
       default: null,
       validator: value => Object.keys(datepickerWidthOptionsMap).includes(value)
-    },
-    /**
-     * ⚠️ DEPRECATED:
-     *
-     * Will be replaced by the
-     * property width
-     *
-     * Maximum width of the Datepicker
-     */
-    size: {
-      type: String,
-      required: false,
-      default: null,
-      validator: value => Object.keys(datepickerSizeOptionsMap).includes(value)
     }
   },
   data() {
@@ -233,9 +219,6 @@ var script = {
     computedWidth() {
       if (this.width) {
         return this.width;
-        // eslint-disable-next-line no-else-return
-      } else if (this.size) {
-        return datepickerSizeOptionsMap[this.size];
       }
       return 'md';
     }

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

@@ -1,6 +1,6 @@
 import isObject from 'lodash/isObject';
 import { BFormInput } from 'bootstrap-vue/esm/index.js';
-import { formInputSizes } from '../../../../utils/constants';
+import { formInputWidths } from '../../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const MODEL_PROP = 'value';
@@ -25,46 +25,26 @@ var script = {
       default: null,
       validator: value => {
         const widths = isObject(value) ? Object.values(value) : [value];
-        return widths.every(width => Object.values(formInputSizes).includes(width));
-      }
-    },
-    /**
-     * ⚠️ DEPRECATED:
-     *
-     * Will be replaced by the
-     * property width
-     *
-     * Maximum width of the input
-     */
-    size: {
-      type: [String, Object],
-      required: false,
-      default: null,
-      validator: value => {
-        const sizes = isObject(value) ? Object.values(value) : [value];
-        return sizes.every(size => Object.values(formInputSizes).includes(size));
+        return widths.every(width => Object.values(formInputWidths).includes(width));
       }
     }
   },
   computed: {
-    computedWidth() {
-      return this.width ? this.width : this.size;
-    },
     cssClasses() {
-      if (this.computedWidth === null) {
+      if (this.width === null) {
         return [];
       }
-      if (isObject(this.computedWidth)) {
+      if (isObject(this.width)) {
         const {
-          default: defaultSize,
-          ...nonDefaultSizes
-        } = this.computedWidth;
-        return [...(defaultSize ? [`gl-form-input-${defaultSize}`] : []), ...Object.entries(nonDefaultSizes).map(_ref => {
-          let [breakpoint, size] = _ref;
-          return `gl-${breakpoint}-form-input-${size}`;
+          default: defaultWidth,
+          ...nonDefaultWidths
+        } = this.width;
+        return [...(defaultWidth ? [`gl-form-input-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(_ref => {
+          let [breakpoint, width] = _ref;
+          return `gl-${breakpoint}-form-input-${width}`;
         })];
       }
-      return [`gl-form-input-${this.computedWidth}`];
+      return [`gl-form-input-${this.width}`];
     },
     listeners() {
       var _this = this;

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

@@ -1,6 +1,6 @@
 import { BFormSelect } from 'bootstrap-vue/esm/index.js';
 import isObject from 'lodash/isObject';
-import { formInputSizes } from '../../../../utils/constants';
+import { formInputWidths } from '../../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -19,46 +19,26 @@ var script = {
       default: null,
       validator: value => {
         const widths = isObject(value) ? Object.values(value) : [value];
-        return widths.every(width => Object.values(formInputSizes).includes(width));
-      }
-    },
-    /**
-     * ⚠️ DEPRECATED:
-     *
-     * Will be replaced by the
-     * property width
-     *
-     * Maximum width of the Select
-     */
-    size: {
-      type: [String, Object],
-      required: false,
-      default: null,
-      validator: value => {
-        const sizes = isObject(value) ? Object.values(value) : [value];
-        return sizes.every(size => Object.values(formInputSizes).includes(size));
+        return widths.every(width => Object.values(formInputWidths).includes(width));
       }
     }
   },
   computed: {
-    computedWidth() {
-      return this.width ? this.width : this.size;
-    },
     cssClasses() {
-      if (this.computedWidth === null) {
+      if (this.width === null) {
         return [];
       }
-      if (isObject(this.computedWidth)) {
+      if (isObject(this.width)) {
         const {
-          default: defaultSize,
-          ...nonDefaultSizes
-        } = this.computedWidth;
-        return [...(defaultSize ? [`gl-form-select-${defaultSize}`] : []), ...Object.entries(nonDefaultSizes).map(_ref => {
-          let [breakpoint, size] = _ref;
-          return `gl-${breakpoint}-form-select-${size}`;
+          default: defaultWidth,
+          ...nonDefaultWidths
+        } = this.width;
+        return [...(defaultWidth ? [`gl-form-select-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(_ref => {
+          let [breakpoint, width] = _ref;
+          return `gl-${breakpoint}-form-select-${width}`;
         })];
       }
-      return [`gl-form-select-${this.computedWidth}`];
+      return [`gl-form-select-${this.width}`];
     }
   }
 };