@gitlab/ui 42.12.0 → 42.14.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.
@@ -23,6 +23,10 @@ const getResetAnimationsCSS = () => `
23
23
  -ms-animation: none !important;
24
24
  -o-animation: none !important;
25
25
  animation: none !important;
26
+ }
27
+
28
+ input, textarea {
29
+ caret-color: transparent !important;
26
30
  }`;
27
31
 
28
32
  export { getResetAnimationsCSS, setStoryTimeout, waitForAnimationFrame };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "42.12.0",
3
+ "version": "42.14.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -81,9 +81,9 @@
81
81
  "@arkweid/lefthook": "0.7.7",
82
82
  "@babel/core": "^7.10.2",
83
83
  "@babel/preset-env": "^7.10.2",
84
- "@gitlab/eslint-plugin": "12.3.0",
84
+ "@gitlab/eslint-plugin": "13.0.0",
85
85
  "@gitlab/stylelint-config": "4.1.0",
86
- "@gitlab/svgs": "2.22.0",
86
+ "@gitlab/svgs": "2.25.0",
87
87
  "@rollup/plugin-commonjs": "^11.1.0",
88
88
  "@rollup/plugin-node-resolve": "^7.1.3",
89
89
  "@rollup/plugin-replace": "^2.3.2",
@@ -105,10 +105,10 @@
105
105
  "bootstrap": "4.5.3",
106
106
  "cypress": "^6.6.0",
107
107
  "emoji-regex": "^10.0.0",
108
- "eslint": "8.18.0",
108
+ "eslint": "8.19.0",
109
109
  "eslint-import-resolver-jest": "3.0.2",
110
110
  "eslint-plugin-cypress": "2.12.1",
111
- "eslint-plugin-storybook": "0.5.12",
111
+ "eslint-plugin-storybook": "0.5.13",
112
112
  "file-loader": "^4.2.0",
113
113
  "glob": "^7.2.0",
114
114
  "identity-obj-proxy": "^3.0.0",
@@ -32,7 +32,7 @@ export default {
32
32
 
33
33
  <template>
34
34
  <div class="gl-card">
35
- <div v-if="$slots.header" class="gl-card-header" :class="headerClass">
35
+ <div v-if="$scopedSlots.header" class="gl-card-header" :class="headerClass">
36
36
  <!-- @slot The card's header content. -->
37
37
  <slot name="header"></slot>
38
38
  </div>
@@ -40,7 +40,7 @@ export default {
40
40
  <!-- @slot The card's main content. -->
41
41
  <slot></slot>
42
42
  </div>
43
- <div v-if="$slots.footer" class="gl-card-footer" :class="footerClass">
43
+ <div v-if="$scopedSlots.footer" class="gl-card-footer" :class="footerClass">
44
44
  <!-- @slot The card's footer content. -->
45
45
  <slot name="footer"></slot>
46
46
  </div>
@@ -5704,6 +5704,12 @@
5704
5704
  .gl-mr-7\! {
5705
5705
  margin-right: $gl-spacing-scale-7 !important;
5706
5706
  }
5707
+ .gl-mb-auto {
5708
+ margin-bottom: auto;
5709
+ }
5710
+ .gl-mb-auto\! {
5711
+ margin-bottom: auto !important;
5712
+ }
5707
5713
  .gl-mb-0 {
5708
5714
  margin-bottom: 0;
5709
5715
  }
@@ -6178,12 +6184,6 @@
6178
6184
  .gl-gap-6\! {
6179
6185
  gap: $gl-spacing-scale-6 !important;
6180
6186
  }
6181
- .gl-grid-gap-6 {
6182
- gap: $gl-spacing-scale-6;
6183
- }
6184
- .gl-grid-gap-6\! {
6185
- gap: $gl-spacing-scale-6 !important;
6186
- }
6187
6187
  .gl-xs-mb-3 {
6188
6188
  @include gl-media-breakpoint-down(sm) {
6189
6189
  margin-bottom: $gl-spacing-scale-3;
@@ -498,6 +498,10 @@
498
498
  margin-right: $gl-spacing-scale-7;
499
499
  }
500
500
 
501
+ @mixin gl-mb-auto {
502
+ margin-bottom: auto;
503
+ }
504
+
501
505
  @mixin gl-mb-0 {
502
506
  margin-bottom: 0;
503
507
  }
@@ -817,11 +821,6 @@
817
821
  gap: $gl-spacing-scale-6;
818
822
  }
819
823
 
820
- /* Deprecated */
821
- @mixin gl-grid-gap-6 {
822
- @include gl-gap-6;
823
- }
824
-
825
824
  /**
826
825
  * Responsive margin utilities.
827
826
  *
@@ -26,4 +26,8 @@ export const getResetAnimationsCSS = () => `
26
26
  -ms-animation: none !important;
27
27
  -o-animation: none !important;
28
28
  animation: none !important;
29
+ }
30
+
31
+ input, textarea {
32
+ caret-color: transparent !important;
29
33
  }`;