@gitlab/ui 86.14.1 → 86.14.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "86.14.1",
3
+ "version": "86.14.3",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -105,7 +105,7 @@
105
105
  },
106
106
  "devDependencies": {
107
107
  "@arkweid/lefthook": "0.7.7",
108
- "@babel/core": "^7.24.8",
108
+ "@babel/core": "^7.24.9",
109
109
  "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
110
110
  "@babel/plugin-proposal-optional-chaining": "^7.21.0",
111
111
  "@babel/preset-env": "^7.24.8",
@@ -114,24 +114,24 @@
114
114
  "@gitlab/eslint-plugin": "19.6.0",
115
115
  "@gitlab/fonts": "^1.3.0",
116
116
  "@gitlab/stylelint-config": "6.1.0",
117
- "@gitlab/svgs": "3.105.0",
117
+ "@gitlab/svgs": "3.107.0",
118
118
  "@jest/test-sequencer": "^29.7.0",
119
119
  "@rollup/plugin-commonjs": "^11.1.0",
120
120
  "@rollup/plugin-node-resolve": "^7.1.3",
121
121
  "@rollup/plugin-replace": "^2.3.2",
122
- "@storybook/addon-a11y": "^7.6.19",
123
- "@storybook/addon-docs": "^7.6.19",
124
- "@storybook/addon-essentials": "^7.6.19",
125
- "@storybook/addon-interactions": "^7.6.19",
126
- "@storybook/addon-viewport": "^7.6.19",
127
- "@storybook/builder-webpack5": "^7.6.19",
128
- "@storybook/test": "^7.6.19",
129
- "@storybook/test-runner": "0.18.2",
130
- "@storybook/theming": "^7.6.19",
122
+ "@storybook/addon-a11y": "^7.6.20",
123
+ "@storybook/addon-docs": "^7.6.20",
124
+ "@storybook/addon-essentials": "^7.6.20",
125
+ "@storybook/addon-interactions": "^7.6.20",
126
+ "@storybook/addon-viewport": "^7.6.20",
127
+ "@storybook/builder-webpack5": "^7.6.20",
128
+ "@storybook/test": "^7.6.20",
129
+ "@storybook/test-runner": "0.19.1",
130
+ "@storybook/theming": "^7.6.20",
131
131
  "@storybook/vue": "^7.6.17",
132
132
  "@storybook/vue-webpack5": "^7.6.17",
133
- "@storybook/vue3": "^7.6.19",
134
- "@storybook/vue3-webpack5": "^7.6.19",
133
+ "@storybook/vue3": "^7.6.20",
134
+ "@storybook/vue3-webpack5": "^7.6.20",
135
135
  "@types/jest-image-snapshot": "^6.4.0",
136
136
  "@vue/compat": "^3.2.40",
137
137
  "@vue/compiler-sfc": "^3.2.40",
@@ -148,7 +148,7 @@
148
148
  "babel-loader": "^8.0.5",
149
149
  "bootstrap": "4.6.2",
150
150
  "cobertura-merge": "^1.0.4",
151
- "cypress": "13.13.0",
151
+ "cypress": "13.13.1",
152
152
  "cypress-axe": "^1.4.0",
153
153
  "cypress-real-events": "^1.11.0",
154
154
  "dompurify": "^3.1.2",
@@ -172,8 +172,8 @@
172
172
  "module-alias": "^2.2.2",
173
173
  "npm-run-all": "^4.1.5",
174
174
  "pikaday": "^1.8.0",
175
- "playwright": "^1.45.1",
176
- "playwright-core": "^1.45.1",
175
+ "playwright": "^1.45.2",
176
+ "playwright-core": "^1.45.2",
177
177
  "plop": "^2.5.4",
178
178
  "postcss": "8.4.28",
179
179
  "postcss-loader": "^7.0.2",
@@ -193,7 +193,7 @@
193
193
  "sass-loader": "^10.2.0",
194
194
  "sass-true": "^6.1.0",
195
195
  "start-server-and-test": "^1.10.6",
196
- "storybook": "^7.6.19",
196
+ "storybook": "^7.6.20",
197
197
  "storybook-dark-mode": "4.0.2",
198
198
  "style-dictionary": "^3.8.0",
199
199
  "stylelint": "15.10.2",
@@ -9,6 +9,7 @@
9
9
  @include gl-border-none;
10
10
  @include gl-outline-none;
11
11
  @include gl-h-6;
12
+ @include gl-w-full;
12
13
  min-width: $gl-dropdown-width;
13
14
  }
14
15
 
@@ -124,7 +124,9 @@ export default {
124
124
 
125
125
  return this.defaultContent || this.renderMarkdown(concatUntilEmpty(this.message.chunks));
126
126
  },
127
-
127
+ renderedError() {
128
+ return this.renderMarkdown(this.message.errors?.join('; ') || '');
129
+ },
128
130
  error() {
129
131
  return Boolean(this.message?.errors?.length) && this.message.errors.join('; ');
130
132
  },
@@ -211,7 +213,11 @@ export default {
211
213
  data-testid="error"
212
214
  />
213
215
  <div ref="content-wrapper" :class="{ 'has-error': error }">
214
- <div v-if="error" ref="error-message">{{ error }}</div>
216
+ <div
217
+ v-if="error"
218
+ ref="error-message"
219
+ v-safe-html:[$options.safeHtmlConfigExtension]="renderedError"
220
+ ></div>
215
221
  <div v-else>
216
222
  <div ref="content" v-safe-html:[$options.safeHtmlConfigExtension]="messageContent"></div>
217
223