@gitlab/ui 80.12.0 → 80.13.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
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# [80.13.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.12.0...v80.13.0) (2024-05-22)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **DesignTokens:** fix styling of deprecated badge ([448f116](https://gitlab.com/gitlab-org/gitlab-ui/commit/448f116be0a935561a69f6d4c11436b2a1a394bc))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **DesignTokens:** make deprecated items appear last in list ([39757f8](https://gitlab.com/gitlab-org/gitlab-ui/commit/39757f82252e1169fd33aa320418a1dd58209b9d))
|
|
12
|
+
|
|
1
13
|
# [80.12.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.11.0...v80.12.0) (2024-05-20)
|
|
2
14
|
|
|
3
15
|
|
|
@@ -93,6 +93,17 @@ var script = {
|
|
|
93
93
|
tokensArray.push(...this.transformTokensToTableRows(token));
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
|
+
|
|
97
|
+
// Sort tokensArray so deprecated items are last
|
|
98
|
+
tokensArray.sort((a, b) => {
|
|
99
|
+
if (a.deprecated && !b.deprecated) {
|
|
100
|
+
return 1;
|
|
101
|
+
}
|
|
102
|
+
if (!a.deprecated && b.deprecated) {
|
|
103
|
+
return -1;
|
|
104
|
+
}
|
|
105
|
+
return 0;
|
|
106
|
+
});
|
|
96
107
|
return tokensArray;
|
|
97
108
|
}
|
|
98
109
|
}
|
|
@@ -107,7 +118,7 @@ var ref_item = ref.item;
|
|
|
107
118
|
var name = ref_item.name;
|
|
108
119
|
var deprecated = ref_item.deprecated;
|
|
109
120
|
var description = ref_item.description;
|
|
110
|
-
return [_c('code',{staticClass:"gl-font-base gl-text-strong"},[_vm._v("\n "+_vm._s(name)+"\n
|
|
121
|
+
return [_c('code',{staticClass:"gl-font-base gl-text-strong"},[_vm._v("\n "+_vm._s(name)+"\n ")]),_vm._v(" "),(deprecated)?_c('gl-badge',{attrs:{"size":"sm","variant":"danger"}},[_vm._v("Deprecated")]):_vm._e(),_vm._v(" "),(description)?_c('div',{staticClass:"gl-mt-3 gl-text-subtle"},[_vm._v("\n "+_vm._s(description)+"\n ")]):_vm._e()]}},{key:"cell(value)",fn:function(ref){
|
|
111
122
|
var ref_item = ref.item;
|
|
112
123
|
var type = ref_item.type;
|
|
113
124
|
var value = ref_item.value;
|
package/package.json
CHANGED
|
@@ -8,9 +8,11 @@ const components = {
|
|
|
8
8
|
GlIcon,
|
|
9
9
|
};
|
|
10
10
|
|
|
11
|
+
const defaultValue = (prop) => GlIcon.props[prop].default;
|
|
12
|
+
|
|
11
13
|
const generateProps = ({
|
|
12
14
|
name = 'check-circle',
|
|
13
|
-
size =
|
|
15
|
+
size = defaultValue('size'),
|
|
14
16
|
ariaLabel = 'This is an icon',
|
|
15
17
|
} = {}) => ({
|
|
16
18
|
name,
|
|
@@ -101,6 +101,17 @@ export default {
|
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
|
|
104
|
+
// Sort tokensArray so deprecated items are last
|
|
105
|
+
tokensArray.sort((a, b) => {
|
|
106
|
+
if (a.deprecated && !b.deprecated) {
|
|
107
|
+
return 1;
|
|
108
|
+
}
|
|
109
|
+
if (!a.deprecated && b.deprecated) {
|
|
110
|
+
return -1;
|
|
111
|
+
}
|
|
112
|
+
return 0;
|
|
113
|
+
});
|
|
114
|
+
|
|
104
115
|
return tokensArray;
|
|
105
116
|
},
|
|
106
117
|
},
|
|
@@ -130,8 +141,8 @@ export default {
|
|
|
130
141
|
<template #cell(description)="{ item: { name, deprecated, description } }">
|
|
131
142
|
<code class="gl-font-base gl-text-strong">
|
|
132
143
|
{{ name }}
|
|
133
|
-
<gl-badge v-if="deprecated" size="sm" variant="neutral">Deprecated</gl-badge>
|
|
134
144
|
</code>
|
|
145
|
+
<gl-badge v-if="deprecated" size="sm" variant="danger">Deprecated</gl-badge>
|
|
135
146
|
<div v-if="description" class="gl-mt-3 gl-text-subtle">
|
|
136
147
|
{{ description }}
|
|
137
148
|
</div>
|