@gitlab/ui 66.13.0 → 66.13.1

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": "66.13.0",
3
+ "version": "66.13.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -94,22 +94,22 @@
94
94
  "@gitlab/eslint-plugin": "19.0.0",
95
95
  "@gitlab/fonts": "^1.2.0",
96
96
  "@gitlab/stylelint-config": "5.0.0",
97
- "@gitlab/svgs": "3.62.0",
97
+ "@gitlab/svgs": "3.63.0",
98
98
  "@rollup/plugin-commonjs": "^11.1.0",
99
99
  "@rollup/plugin-node-resolve": "^7.1.3",
100
100
  "@rollup/plugin-replace": "^2.3.2",
101
- "@storybook/addon-a11y": "7.4.2",
102
- "@storybook/addon-docs": "7.4.2",
103
- "@storybook/addon-essentials": "7.4.2",
104
- "@storybook/addon-storyshots": "7.4.2",
105
- "@storybook/addon-storyshots-puppeteer": "7.4.2",
106
- "@storybook/addon-viewport": "7.4.2",
107
- "@storybook/builder-webpack5": "7.4.2",
108
- "@storybook/theming": "7.4.2",
109
- "@storybook/vue": "7.4.2",
110
- "@storybook/vue-webpack5": "7.4.2",
111
- "@storybook/vue3": "7.4.2",
112
- "@storybook/vue3-webpack5": "7.4.2",
101
+ "@storybook/addon-a11y": "7.4.3",
102
+ "@storybook/addon-docs": "7.4.3",
103
+ "@storybook/addon-essentials": "7.4.3",
104
+ "@storybook/addon-storyshots": "7.4.3",
105
+ "@storybook/addon-storyshots-puppeteer": "7.4.3",
106
+ "@storybook/addon-viewport": "7.4.3",
107
+ "@storybook/builder-webpack5": "7.4.3",
108
+ "@storybook/theming": "7.4.3",
109
+ "@storybook/vue": "7.4.3",
110
+ "@storybook/vue-webpack5": "7.4.3",
111
+ "@storybook/vue3": "7.4.3",
112
+ "@storybook/vue3-webpack5": "7.4.3",
113
113
  "@vue/compat": "^3.2.40",
114
114
  "@vue/compiler-sfc": "^3.2.40",
115
115
  "@vue/test-utils": "1.3.0",
@@ -128,8 +128,8 @@
128
128
  "emoji-regex": "^10.0.0",
129
129
  "eslint": "8.49.0",
130
130
  "eslint-import-resolver-jest": "3.0.2",
131
- "eslint-plugin-cypress": "2.14.0",
132
- "eslint-plugin-storybook": "0.6.13",
131
+ "eslint-plugin-cypress": "2.15.1",
132
+ "eslint-plugin-storybook": "0.6.14",
133
133
  "glob": "10.3.3",
134
134
  "identity-obj-proxy": "^3.0.0",
135
135
  "inquirer-select-directory": "^1.2.0",
@@ -160,7 +160,7 @@
160
160
  "sass-loader": "^10.2.0",
161
161
  "sass-true": "^6.1.0",
162
162
  "start-server-and-test": "^1.10.6",
163
- "storybook": "7.4.2",
163
+ "storybook": "7.4.3",
164
164
  "storybook-dark-mode": "3.0.1",
165
165
  "style-dictionary": "^3.8.0",
166
166
  "stylelint": "15.10.2",
@@ -79,12 +79,19 @@
79
79
 
80
80
  &-icon {
81
81
  @include gl-mr-5;
82
+ line-height: $gl-line-height-16;
82
83
 
83
84
  > svg {
84
85
  @include gl-vertical-align-bottom;
85
86
  }
86
87
  }
87
88
 
89
+ &-text {
90
+ margin-top: -$gl-spacing-scale-1;
91
+ margin-bottom: -$gl-spacing-scale-1;
92
+ @include gl-overflow-break-word;
93
+ }
94
+
88
95
  &-dismiss {
89
96
  @include gl-my-n2;
90
97
  @include gl-ml-5;
@@ -77,10 +77,10 @@ export default {
77
77
  <template>
78
78
  <div class="gl-broadcast-message" :class="`${theme} ${type}`">
79
79
  <div class="gl-broadcast-message-content">
80
- <div class="gl-broadcast-message-icon gl-line-height-normal">
80
+ <div class="gl-broadcast-message-icon">
81
81
  <gl-icon :name="iconName" />
82
82
  </div>
83
- <div class="gl-my-n1">
83
+ <div class="gl-broadcast-message-text">
84
84
  <h2 class="gl-sr-only">Admin message</h2>
85
85
  <!-- @slot The broadcast message's text -->
86
86
  <slot></slot>
@@ -8359,13 +8359,13 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
8359
8359
  }
8360
8360
  .gl-overflow-break-word {
8361
8361
  overflow-wrap: break-word;
8362
- word-wrap: break-word;
8363
8362
  hyphens: auto;
8363
+ -webkit-hyphens: auto;
8364
8364
  }
8365
8365
  .gl-overflow-break-word\! {
8366
8366
  overflow-wrap: break-word !important;
8367
- word-wrap: break-word !important;
8368
8367
  hyphens: auto !important;
8368
+ -webkit-hyphens: auto !important;
8369
8369
  }
8370
8370
  .gl-str-truncated {
8371
8371
  @include str-truncated;
@@ -129,8 +129,8 @@
129
129
 
130
130
  @mixin gl-overflow-break-word {
131
131
  overflow-wrap: break-word;
132
- word-wrap: break-word;
133
132
  hyphens: auto;
133
+ -webkit-hyphens: auto; // stylelint-disable-line
134
134
  }
135
135
 
136
136
  // Deprecated, prefer `gl-text-truncate`