@gitlab/ui 64.13.2 → 64.13.3

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/utility_classes.css +1 -1
  5. package/dist/utility_classes.css.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/base/new_dropdowns/dropdown.scss +3 -3
  8. package/src/scss/utilities.scss +6 -6
  9. package/src/scss/utility-mixins/box-shadow.scss +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "64.13.2",
3
+ "version": "64.13.3",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/components/base/new_dropdowns/dropdown.scss CHANGED
@@ -137,12 +137,12 @@
137
137
  &.top-scrim-light {
138
138
  height: 2.25rem;
139
139
  border-radius: 0.375rem 0.375rem 0 0;
140
- background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0));
140
+ background: linear-gradient(180deg, $white 0%, $transparent-rgba);
141
141
  }
142
142
 
143
143
  &.top-scrim-dark {
144
144
  height: 0.25rem;
145
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
145
+ background: linear-gradient(180deg, $t-gray-a-16 0%, $transparent-rgba 100%);
146
146
  }
147
147
  }
148
148
  }
@@ -156,7 +156,7 @@
156
156
  position: relative;
157
157
  top: calc(-2.25rem + #{$dropdown-content-padding});
158
158
  border-radius: 0 0 0.375rem 0.375rem;
159
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1));
159
+ background: linear-gradient(180deg, $transparent-rgba 0%, $white);
160
160
  }
161
161
  }
162
162
 
package/src/scss/utilities.scss CHANGED
@@ -2241,27 +2241,27 @@
2241
2241
  }
2242
2242
 
2243
2243
  .gl-shadow-sm {
2244
- box-shadow: 0 1px 2px rgba($gray-950, 0.1)
2244
+ box-shadow: 0 1px 2px $t-gray-a-08
2245
2245
  }
2246
2246
 
2247
2247
  .gl-shadow-sm\! {
2248
- box-shadow: 0 1px 2px rgba($gray-950, 0.1) !important
2248
+ box-shadow: 0 1px 2px $t-gray-a-08 !important
2249
2249
  }
2250
2250
 
2251
2251
  .gl-shadow-md {
2252
- box-shadow: 0 2px 8px rgba($gray-950, 0.16), 0 0 2px rgba($gray-950, 0.16)
2252
+ box-shadow: 0 2px 8px $t-gray-a-16, 0 0 2px $t-gray-a-16
2253
2253
  }
2254
2254
 
2255
2255
  .gl-shadow-md\! {
2256
- box-shadow: 0 2px 8px rgba($gray-950, 0.16), 0 0 2px rgba($gray-950, 0.16) !important
2256
+ box-shadow: 0 2px 8px $t-gray-a-16, 0 0 2px $t-gray-a-16 !important
2257
2257
  }
2258
2258
 
2259
2259
  .gl-shadow-lg {
2260
- box-shadow: 0 4px 12px rgba($gray-950, 0.16), 0 0 4px rgba($gray-950, 0.16)
2260
+ box-shadow: 0 4px 12px $t-gray-a-16, 0 0 4px $t-gray-a-16
2261
2261
  }
2262
2262
 
2263
2263
  .gl-shadow-lg\! {
2264
- box-shadow: 0 4px 12px rgba($gray-950, 0.16), 0 0 4px rgba($gray-950, 0.16) !important
2264
+ box-shadow: 0 4px 12px $t-gray-a-16, 0 0 4px $t-gray-a-16 !important
2265
2265
  }
2266
2266
  .gl-clearfix {
2267
2267
  &::after {
package/src/scss/utility-mixins/box-shadow.scss CHANGED
@@ -200,13 +200,13 @@
200
200
  */
201
201
 
202
202
  @mixin gl-shadow-sm {
203
- box-shadow: 0 1px 2px rgba($gray-950, 0.1);
203
+ box-shadow: 0 1px 2px $t-gray-a-08;
204
204
  }
205
205
 
206
206
  @mixin gl-shadow-md {
207
- box-shadow: 0 2px 8px rgba($gray-950, 0.16), 0 0 2px rgba($gray-950, 0.16);
207
+ box-shadow: 0 2px 8px $t-gray-a-16, 0 0 2px $t-gray-a-16;
208
208
  }
209
209
 
210
210
  @mixin gl-shadow-lg {
211
- box-shadow: 0 4px 12px rgba($gray-950, 0.16), 0 0 4px rgba($gray-950, 0.16);
211
+ box-shadow: 0 4px 12px $t-gray-a-16, 0 0 4px $t-gray-a-16;
212
212
  }