@gitlab/ui 80.15.2 → 80.16.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/CHANGELOG.md +14 -0
- package/dist/components/base/breadcrumb/breadcrumb.js +1 -0
- package/dist/components/base/icon/icon.js +14 -2
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +10 -1
- package/dist/tokens/build/js/tokens.js +10 -1
- package/dist/tokens/css/tokens.css +9 -0
- package/dist/tokens/css/tokens.dark.css +9 -0
- package/dist/tokens/js/tokens.dark.js +9 -0
- package/dist/tokens/js/tokens.js +9 -0
- package/dist/tokens/json/tokens.dark.json +202 -0
- package/dist/tokens/json/tokens.json +202 -0
- package/dist/tokens/scss/_tokens.dark.scss +9 -0
- package/dist/tokens/scss/_tokens.scss +9 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +9 -0
- package/dist/tokens/tailwind/tokens.cjs +20 -0
- package/dist/utils/constants.js +13 -1
- package/package.json +3 -3
- package/src/components/base/breadcrumb/breadcrumb.vue +3 -0
- package/src/components/base/icon/icon.scss +0 -1
- package/src/components/base/icon/icon.vue +14 -2
- package/src/tokens/build/css/tokens.css +9 -0
- package/src/tokens/build/css/tokens.dark.css +9 -0
- package/src/tokens/build/js/tokens.dark.js +9 -0
- package/src/tokens/build/js/tokens.js +9 -0
- package/src/tokens/build/json/tokens.dark.json +202 -0
- package/src/tokens/build/json/tokens.json +202 -0
- package/src/tokens/build/scss/_tokens.dark.scss +9 -0
- package/src/tokens/build/scss/_tokens.scss +9 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +9 -0
- package/src/tokens/build/tailwind/tokens.cjs +20 -0
- package/src/tokens/icon.tokens.json +78 -0
- package/src/utils/constants.js +13 -0
- package/tailwind.defaults.js +7 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [80.16.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.16.0...v80.16.1) (2024-05-30)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* breadcrumbs refs breaks on vue3 ([e3feef3](https://gitlab.com/gitlab-org/gitlab-ui/commit/e3feef3640f68fe58eaed80f91cb8ba68e8c7ab1))
|
|
7
|
+
|
|
8
|
+
# [80.16.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.2...v80.16.0) (2024-05-30)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* **GlIcon:** Add semantic icon design tokens to GlIcon component ([2e17cab](https://gitlab.com/gitlab-org/gitlab-ui/commit/2e17cab58a6890b31efd8060bbf0ee617577172f))
|
|
14
|
+
|
|
1
15
|
## [80.15.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.1...v80.15.2) (2024-05-29)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -135,6 +135,7 @@ var script = {
|
|
|
135
135
|
// Wait for DOM update so all items get rendered and can be measured.
|
|
136
136
|
await this.$nextTick();
|
|
137
137
|
this.totalBreadcrumbsWidth = 0;
|
|
138
|
+
if (!this.$refs.breadcrumbs) return;
|
|
138
139
|
this.$refs.breadcrumbs.forEach((b, index) => {
|
|
139
140
|
const width = b.$el.clientWidth;
|
|
140
141
|
this.totalBreadcrumbsWidth += width;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import iconsPath from '@gitlab/svgs/dist/icons.svg';
|
|
2
|
-
import { iconSizeOptions } from '../../../utils/constants';
|
|
2
|
+
import { iconSizeOptions, iconVariantOptions } from '../../../utils/constants';
|
|
3
3
|
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
4
4
|
|
|
5
5
|
//
|
|
@@ -60,6 +60,15 @@ var script = {
|
|
|
60
60
|
required: false,
|
|
61
61
|
default: 16,
|
|
62
62
|
validator: value => iconSizeOptions.includes(value)
|
|
63
|
+
},
|
|
64
|
+
/**
|
|
65
|
+
* Icon variant
|
|
66
|
+
*/
|
|
67
|
+
variant: {
|
|
68
|
+
type: String,
|
|
69
|
+
required: false,
|
|
70
|
+
default: 'current',
|
|
71
|
+
validator: value => Object.keys(iconVariantOptions).includes(value)
|
|
63
72
|
}
|
|
64
73
|
},
|
|
65
74
|
computed: {
|
|
@@ -68,6 +77,9 @@ var script = {
|
|
|
68
77
|
},
|
|
69
78
|
iconSizeClass() {
|
|
70
79
|
return this.size ? `s${this.size}` : '';
|
|
80
|
+
},
|
|
81
|
+
iconVariantClass() {
|
|
82
|
+
return this.variant ? iconVariantOptions[this.variant] : '';
|
|
71
83
|
}
|
|
72
84
|
}
|
|
73
85
|
};
|
|
@@ -76,7 +88,7 @@ var script = {
|
|
|
76
88
|
const __vue_script__ = script;
|
|
77
89
|
|
|
78
90
|
/* template */
|
|
79
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',_vm._g({key:_vm.spriteHref,class:['gl-icon', _vm.iconSizeClass],attrs:{"data-testid":(_vm.name + "-icon"),"role":"img","aria-hidden":!_vm.ariaLabel,"aria-label":_vm.ariaLabel}},_vm.$listeners),[_c('use',{attrs:{"href":_vm.spriteHref}})])};
|
|
91
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',_vm._g({key:_vm.spriteHref,class:['gl-icon', _vm.iconSizeClass, _vm.iconVariantClass],attrs:{"data-testid":(_vm.name + "-icon"),"role":"img","aria-hidden":!_vm.ariaLabel,"aria-label":_vm.ariaLabel}},_vm.$listeners),[_c('use',{attrs:{"href":_vm.spriteHref}})])};
|
|
80
92
|
var __vue_staticRenderFns__ = [];
|
|
81
93
|
|
|
82
94
|
/* style */
|