@gitlab/ui 68.7.0 → 69.0.0
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/CHANGELOG.md +40 -0
- package/dist/components/base/banner/banner.js +5 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/js/tokens.dark.js +1 -1
- package/dist/tokens/js/tokens.js +1 -1
- package/dist/tokens/scss/_tokens.dark.scss +1 -1
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +3 -3
- package/src/components/base/banner/banner.vue +5 -1
- package/src/scss/utilities.scss +70 -46
- package/src/scss/utility-mixins/flex.scss +6 -14
- package/src/scss/utility-mixins/sizing.scss +24 -7
- package/src/scss/utility-mixins/spacing.scss +6 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,43 @@
|
|
|
1
|
+
# [69.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v68.8.0...v69.0.0) (2023-11-16)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **css:** remove desktop-first CSS utils ([797f198](https://gitlab.com/gitlab-org/gitlab-ui/commit/797f19868bf6cd4d10e1c7775744391e82aa81e1))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **css:** add responsive CSS utils ([ca0d144](https://gitlab.com/gitlab-org/gitlab-ui/commit/ca0d1440f861fa0b83f0446d34c66661f329450d))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### BREAKING CHANGES
|
|
15
|
+
|
|
16
|
+
* **css:** This removes the remaining desktop-first CSS utilities
|
|
17
|
+
form the library. Any usages of those should be replaced with
|
|
18
|
+
mobile-first alternatives. See below for replacement suggestions. Note
|
|
19
|
+
that the proposed replacements should work in the most simple cases.
|
|
20
|
+
Some use cases might require using different utils combinations.
|
|
21
|
+
|
|
22
|
+
* `gl-sm-flex-direction-column`
|
|
23
|
+
Replace with `gl-flex-direction-column gl-md-flex-direction-row`.
|
|
24
|
+
|
|
25
|
+
* `gl-xs-flex-direction-column`
|
|
26
|
+
Replace with `gl-flex-direction-column gl-sm-flex-direction-row`.
|
|
27
|
+
|
|
28
|
+
* `gl-xs-w-full`
|
|
29
|
+
Replace with `gl-w-full gl-sm-w-auto`.
|
|
30
|
+
|
|
31
|
+
* `gl-xs-mb-3`
|
|
32
|
+
Replace with `gl-mb-3 gl-sm-mb-0`.
|
|
33
|
+
|
|
34
|
+
# [68.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v68.7.0...v68.8.0) (2023-11-15)
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
### Features
|
|
38
|
+
|
|
39
|
+
* **GlBanner:** Add gray background ([5103460](https://gitlab.com/gitlab-org/gitlab-ui/commit/5103460b8601edd25e1af69f38612cea0a847f1a))
|
|
40
|
+
|
|
1
41
|
# [68.7.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v68.6.0...v68.7.0) (2023-11-15)
|
|
2
42
|
|
|
3
43
|
|
|
@@ -109,7 +109,11 @@ var script = {
|
|
|
109
109
|
const __vue_script__ = script;
|
|
110
110
|
|
|
111
111
|
/* template */
|
|
112
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-card',{staticClass:"gl-pl-6 gl-pr-8 gl-py-6",class:{
|
|
112
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-card',{staticClass:"gl-pl-6 gl-pr-8 gl-py-6",class:{
|
|
113
|
+
'gl-banner-introduction': _vm.isIntroducing,
|
|
114
|
+
'gl-border-none!': _vm.embedded,
|
|
115
|
+
'gl-bg-gray-10!': !_vm.isIntroducing,
|
|
116
|
+
},attrs:{"body-class":"gl-display-flex gl-p-0!"}},[(_vm.svgPath)?_c('div',{staticClass:"gl-banner-illustration"},[_c('img',{attrs:{"src":_vm.svgPath,"alt":""}})]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-banner-content"},[_c('h2',{staticClass:"gl-banner-title"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('gl-button',_vm._b({attrs:{"variant":"confirm","category":"primary","data-testid":"gl-banner-primary-button","href":_vm.buttonLink},on:{"click":_vm.primaryButtonClicked}},'gl-button',_vm.buttonAttributes,false),[_vm._v(_vm._s(_vm.buttonText))]),_vm._v(" "),_vm._t("actions")],2),_vm._v(" "),_c('close-button',{staticClass:"gl-banner-close",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.handleClose}})],1)};
|
|
113
117
|
var __vue_staticRenderFns__ = [];
|
|
114
118
|
|
|
115
119
|
/* style */
|
package/dist/tokens/js/tokens.js
CHANGED