@gitlab/ui 32.14.0 → 32.18.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# [32.18.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.17.0...v32.18.0) (2021-10-05)
+
+
+### Features
+
+* **Datepicker:** Add hover and disabled styles ([d5e1a81](https://gitlab.com/gitlab-org/gitlab-ui/commit/d5e1a8180f24a1238c5d86725d490b7e4829f6e7))
+
+# [32.17.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.16.0...v32.17.0) (2021-10-04)
+
+
+### Features
+
+* **GlStackedColumn:** Add custom palette ([b6fb842](https://gitlab.com/gitlab-org/gitlab-ui/commit/b6fb8421f56fdd64f573213eb26cf6e8fceda6ff))
+
+# [32.16.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.15.0...v32.16.0) (2021-10-04)
+
+
+### Features
+
+* **Datepicker:** Add hover state to month/year dropdowns ([5093b38](https://gitlab.com/gitlab-org/gitlab-ui/commit/5093b388267fb842ed2ea3217a14a1937386db0a))
+
+# [32.15.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.14.0...v32.15.0) (2021-10-01)
+
+
+### Features
+
+* **deps:** Update bootstrap-vue to 2.19.0 ([03af642](https://gitlab.com/gitlab-org/gitlab-ui/commit/03af64275f2f066964c6c79d553fcc541385631d))
+
 # [32.14.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.13.0...v32.14.0) (2021-10-01)
 
 

package/dist/components/base/skeleton_loading/skeleton_loading.documentation.js

@@ -1,19 +1,7 @@
-import examples from './examples';
-
-var description = "# (Deprecated) Skeleton Loading\n\nThe Skeleton Loading component has been deprecated, please use [Skeleton Loader](https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-skeleton-loader--default).\n\nHow to replace this component with [Skeleton Loader](https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-skeleton-loader--default):\n\n1. Update imports\n   - `import { GlSkeletonLoading } from '@gitlab/ui'` -> `import { GlSkeletonLoader } from '@gitlab/ui'`\n2. Update component definitions\n   - `components: { GlSkeletonLoading }` -> `components: { GlSkeletonLoader }`\n3. Update template\n   - `<gl-skeleton-loading />` -> `<gl-skeleton-loader />`\n";
+var description = "The Skeleton Loading component has been deprecated, please use [Skeleton Loader](https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-skeleton-loader--default).\n\nHow to replace this component with [Skeleton Loader](https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-skeleton-loader--default):\n\n1. Update imports\n   - `import { GlSkeletonLoading } from '@gitlab/ui'` -> `import { GlSkeletonLoader } from '@gitlab/ui'`\n2. Update component definitions\n   - `components: { GlSkeletonLoading }` -> `components: { GlSkeletonLoader }`\n3. Update template\n   - `<gl-skeleton-loading />` -> `<gl-skeleton-loader />`\n";
 
 var skeleton_loading_documentation = {
-  description,
-  examples,
-  propsInfo: {
-    lines: {
-      validation: {
-        type: 'range',
-        min: 1,
-        max: 3
-      }
-    }
-  }
+  description
 };
 
 export default skeleton_loading_documentation;

package/dist/components/base/skeleton_loading/skeleton_loading.js

@@ -2,6 +2,9 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
   props: {
+    /**
+     * Controls the number of lines.
+     */
     lines: {
       type: Number,
       required: false,

package/dist/components/charts/stacked_column/stacked_column.js

@@ -114,6 +114,11 @@ var script = {
       type: Function,
       required: false,
       default: null
+    },
+    customPalette: {
+      type: Array,
+      required: false,
+      default: null
     }
   },
 
@@ -142,7 +147,7 @@ var script = {
         data
       }, index) => {
         const stack = this.presentation === 'stacked' ? this.groupBy : null;
-        const color = colorFromDefaultPalette(index);
+        const color = this.getColor(index);
         return generateBarSeries({
           stack,
           name,
@@ -158,7 +163,7 @@ var script = {
         name,
         data
       }, index) => {
-        const color = colorFromDefaultPalette(offset + index);
+        const color = this.getColor(offset + index);
         return generateLineSeries({
           name,
           data,
@@ -175,7 +180,7 @@ var script = {
         type,
         stack = columnOptions.tiled
       }, index) => {
-        const color = colorFromDefaultPalette(offset + index);
+        const color = this.getColor(offset + index);
         return type === CHART_TYPE_LINE ? generateLineSeries({
           color,
           name,
@@ -248,7 +253,7 @@ var script = {
         acc.push({
           name: series.name,
           type: series.type,
-          color: colorFromDefaultPalette(index),
+          color: this.getColor(index),
           data: series.data.map(data => data),
           yAxisIndex: series.yAxisIndex
         });
@@ -264,6 +269,12 @@ var script = {
   },
 
   methods: {
+    getColor(index) {
+      var _this$customPalette;
+
+      return this.customPalette ? (_this$customPalette = this.customPalette) === null || _this$customPalette === void 0 ? void 0 : _this$customPalette[index] : colorFromDefaultPalette(index);
+    },
+
     moveShowTooltip(mouseEvent) {
       this.tooltipPosition = {
         left: `${mouseEvent.zrX}px`,
@@ -283,11 +294,10 @@ var script = {
       const {
         tooltipContent
       } = params.seriesData.reverse().reduce((acc, bar) => {
-        const barColor = colorFromDefaultPalette(bar.seriesIndex);
         acc.tooltipContent[bar.seriesName] = {
           value: bar.value,
           index: bar.seriesIndex,
-          color: barColor
+          color: this.getColor(bar.seriesIndex)
         };
         return acc;
       }, {