@gitlab/ui 58.3.0 → 58.4.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 +7 -0
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +1 -1
- package/scss_to_js/scss_variables.js +4 -0
- package/scss_to_js/scss_variables.json +20 -0
- package/src/scss/utilities.scss +307 -73
- package/src/scss/utility-mixins/background.scss +4 -0
- package/src/scss/utility-mixins/box-shadow.scss +8 -0
- package/src/scss/utility-mixins/composite.scss +4 -0
- package/src/scss/utility-mixins/flex.scss +14 -0
- package/src/scss/utility-mixins/grid.scss +12 -0
- package/src/scss/utility-mixins/index.scss +1 -0
- package/src/scss/utility-mixins/isolation.scss +3 -0
- package/src/scss/utility-mixins/position.scss +4 -0
- package/src/scss/utility-mixins/sizing.scss +20 -0
- package/src/scss/utility-mixins/spacing.scss +65 -0
- package/src/scss/utility-mixins/text.scss +4 -0
- package/src/scss/utility-mixins/transition.scss +8 -0
- package/src/scss/utility-mixins/typography.scss +21 -0
- package/src/scss/variables.scss +4 -0
package/package.json
CHANGED
|
@@ -19,7 +19,9 @@ export const glSpacingScale26 = '13rem'
|
|
|
19
19
|
export const glSpacingScale28 = '14rem'
|
|
20
20
|
export const glSpacingScale30 = '15rem'
|
|
21
21
|
export const glSpacingScale34 = '17rem'
|
|
22
|
+
export const glSpacingScale48 = '24rem'
|
|
22
23
|
export const glSpacingScale62 = '31rem'
|
|
24
|
+
export const glSpacingScale75 = '37.5rem'
|
|
23
25
|
export const glSpacingScale80 = '40rem'
|
|
24
26
|
export const breakpointSm = '576px'
|
|
25
27
|
export const breakpointMd = '768px'
|
|
@@ -253,6 +255,7 @@ export const glFontWeightNormal = '400'
|
|
|
253
255
|
export const glFontWeightSemibold = '500'
|
|
254
256
|
export const glFontWeightBold = '600'
|
|
255
257
|
export const glFontWeights = '("normal": 400, "bold": 600)'
|
|
258
|
+
export const glLineHeight12 = '0.75rem'
|
|
256
259
|
export const glLineHeight16 = '1rem'
|
|
257
260
|
export const glLineHeight20 = '1.25rem'
|
|
258
261
|
export const glLineHeight24 = '1.5rem'
|
|
@@ -263,6 +266,7 @@ export const glLineHeight42 = '2.625rem'
|
|
|
263
266
|
export const glLineHeight44 = '2.75rem'
|
|
264
267
|
export const glLineHeight52 = '3.25rem'
|
|
265
268
|
export const glFontSize = '0.875rem'
|
|
269
|
+
export const glFontSizeXs = '0.625rem'
|
|
266
270
|
export const glFontSizeSm = '0.75rem'
|
|
267
271
|
export const glFontSizeLg = '1rem'
|
|
268
272
|
export const glFontSizeHDisplay = '1.75rem'
|
|
@@ -105,11 +105,21 @@
|
|
|
105
105
|
"value": "34 * $grid-size",
|
|
106
106
|
"compiledValue": "17rem"
|
|
107
107
|
},
|
|
108
|
+
{
|
|
109
|
+
"name": "$gl-spacing-scale-48",
|
|
110
|
+
"value": "48 * $grid-size",
|
|
111
|
+
"compiledValue": "24rem"
|
|
112
|
+
},
|
|
108
113
|
{
|
|
109
114
|
"name": "$gl-spacing-scale-62",
|
|
110
115
|
"value": "62 * $grid-size",
|
|
111
116
|
"compiledValue": "31rem"
|
|
112
117
|
},
|
|
118
|
+
{
|
|
119
|
+
"name": "$gl-spacing-scale-75",
|
|
120
|
+
"value": "75 * $grid-size",
|
|
121
|
+
"compiledValue": "37.5rem"
|
|
122
|
+
},
|
|
113
123
|
{
|
|
114
124
|
"name": "$gl-spacing-scale-80",
|
|
115
125
|
"value": "80 * $grid-size",
|
|
@@ -1314,6 +1324,11 @@
|
|
|
1314
1324
|
],
|
|
1315
1325
|
"compiledValue": "(\"normal\": 400, \"bold\": 600)"
|
|
1316
1326
|
},
|
|
1327
|
+
{
|
|
1328
|
+
"name": "$gl-line-height-12",
|
|
1329
|
+
"value": "px-to-rem(12px)",
|
|
1330
|
+
"compiledValue": "0.75rem"
|
|
1331
|
+
},
|
|
1317
1332
|
{
|
|
1318
1333
|
"name": "$gl-line-height-16",
|
|
1319
1334
|
"value": "px-to-rem(16px)",
|
|
@@ -1364,6 +1379,11 @@
|
|
|
1364
1379
|
"value": "px-to-rem(14px)",
|
|
1365
1380
|
"compiledValue": "0.875rem"
|
|
1366
1381
|
},
|
|
1382
|
+
{
|
|
1383
|
+
"name": "$gl-font-size-xs",
|
|
1384
|
+
"value": "px-to-rem(10px)",
|
|
1385
|
+
"compiledValue": "0.625rem"
|
|
1386
|
+
},
|
|
1367
1387
|
{
|
|
1368
1388
|
"name": "$gl-font-size-sm",
|
|
1369
1389
|
"value": "px-to-rem(12px)",
|