@gitlab/ui 89.0.0 → 89.0.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "89.0.0",
3
+ "version": "89.0.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -369,7 +369,7 @@ export default {
369
369
 
370
370
  <template>
371
371
  <div :class="datepickerClasses">
372
- <div v-if="showDefaultField" class="gl-align-items-start gl-flex gl-gap-3">
372
+ <div v-if="showDefaultField" class="gl-flex gl-items-start gl-gap-3">
373
373
  <div class="gl-relative gl-flex gl-grow">
374
374
  <!--
375
375
  @slot (optional) Input to display and bind the datepicker to. Defaults to `<gl-form-input />`
@@ -102,17 +102,17 @@
102
102
  }
103
103
 
104
104
  .custom-control-input[type='checkbox']:checked ~ .custom-control-label::after {
105
- background-image: url('#{$gl-icon-check}');
105
+ background-color: var(--gl-control-indicator-color-selected);
106
106
  mask-image: url('#{$gl-icon-check}');
107
107
  }
108
108
 
109
109
  .custom-control-input[type='checkbox']:indeterminate ~ .custom-control-label::after {
110
- background-image: url('#{$gl-icon-indeterminate}');
110
+ background-color: var(--gl-control-indicator-color-selected);
111
111
  mask-image: url('#{$gl-icon-indeterminate}');
112
112
  }
113
113
 
114
114
  .custom-control-input[type='radio']:checked ~ .custom-control-label::after {
115
- background-image: url('#{$gl-icon-radio}');
115
+ background-color: var(--gl-control-indicator-color-selected);
116
116
  mask-image: url('#{$gl-icon-radio}');
117
117
  }
118
118