@gitlab/ui 56.4.1 → 58.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "56.4.1",
3
+ "version": "58.0.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -170,6 +170,8 @@ $label-close-button: '.gl-label-close.gl-button';
170
170
  .gl-label-text,
171
171
  .gl-label-text-scoped {
172
172
  @include gl-py-0;
173
+ @include gl-line-height-normal;
174
+ @include gl-font-sm;
173
175
  }
174
176
 
175
177
  #{$label-close-button} {
package/src/index.js CHANGED
@@ -52,10 +52,7 @@ export { default as GlDropdownDivider } from './components/base/dropdown/dropdow
52
52
  export { default as GlDropdownText } from './components/base/dropdown/dropdown_text.vue';
53
53
  export { default as GlDropdown } from './components/base/dropdown/dropdown.vue';
54
54
  // new components aiming to replace GlDropdown - start
55
- export {
56
- default as GlListbox,
57
- default as GlCollapsibleListbox,
58
- } from './components/base/new_dropdowns/listbox/listbox.vue';
55
+ export { default as GlCollapsibleListbox } from './components/base/new_dropdowns/listbox/listbox.vue';
59
56
  export { default as GlListboxItem } from './components/base/new_dropdowns/listbox/listbox_item.vue';
60
57
  export { default as GlDisclosureDropdown } from './components/base/new_dropdowns/disclosure/disclosure_dropdown.vue';
61
58
  export { default as GlDisclosureDropdownItem } from './components/base/new_dropdowns/disclosure/disclosure_dropdown_item.vue';
@@ -6853,12 +6853,12 @@
6853
6853
  }
6854
6854
  }
6855
6855
  .gl-sm-pl-0 {
6856
- @include gl-media-breakpoint-down(sm) {
6856
+ @include gl-media-breakpoint-up(sm) {
6857
6857
  padding-left: 0;
6858
6858
  }
6859
6859
  }
6860
6860
  .gl-sm-pl-0\! {
6861
- @include gl-media-breakpoint-down(sm) {
6861
+ @include gl-media-breakpoint-up(sm) {
6862
6862
  padding-left: 0 !important;
6863
6863
  }
6864
6864
  }
@@ -6872,6 +6872,16 @@
6872
6872
  padding-left: $gl-spacing-scale-5 !important;
6873
6873
  }
6874
6874
  }
6875
+ .gl-sm-pl-6 {
6876
+ @include gl-media-breakpoint-up(sm) {
6877
+ padding-left: $gl-spacing-scale-6;
6878
+ }
6879
+ }
6880
+ .gl-sm-pl-6\! {
6881
+ @include gl-media-breakpoint-up(sm) {
6882
+ padding-left: $gl-spacing-scale-6 !important;
6883
+ }
6884
+ }
6875
6885
  .gl-md-pt-0 {
6876
6886
  @include gl-media-breakpoint-up(md) {
6877
6887
  padding-top: 0;
@@ -1097,8 +1097,7 @@
1097
1097
  }
1098
1098
 
1099
1099
  @mixin gl-sm-pl-0 {
1100
- // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
1101
- @include gl-media-breakpoint-down(sm) {
1100
+ @include gl-media-breakpoint-up(sm) {
1102
1101
  @include gl-pl-0;
1103
1102
  }
1104
1103
  }
@@ -1110,6 +1109,12 @@
1110
1109
  }
1111
1110
  }
1112
1111
 
1112
+ @mixin gl-sm-pl-6 {
1113
+ @include gl-media-breakpoint-up(sm) {
1114
+ @include gl-pl-6;
1115
+ }
1116
+ }
1117
+
1113
1118
  @mixin gl-md-pt-0 {
1114
1119
  @include gl-media-breakpoint-up(md) {
1115
1120
  @include gl-pt-0;