@gitlab/ui 122.0.0 → 122.1.0

package/tailwind.defaults.js

@@ -8,48 +8,12 @@ const {
   outlineColor,
   fill,
   textColor,
+  spacing,
+  borderRadius,
 } = require('./src/tokens/build/tailwind/tokens.cjs');
 
 const buildCQs = Boolean(process.env.USE_TAILWIND_CONTAINER_QUERIES);
 
-const gridSize = 0.5; // rem
-const spacing = {
-  0: '0',
-  px: '1px',
-  ...Object.fromEntries(
-    Object.entries({
-      1: 0.25,
-      2: 0.5,
-      3: 1,
-      4: 1.5,
-      5: 2,
-      6: 3,
-      7: 4,
-      8: 5,
-      9: 6,
-      10: 7,
-      11: 8,
-      '11-5': 9,
-      12: 10,
-      13: 12,
-      15: 15,
-      20: 20,
-      26: 26,
-      28: 28,
-      30: 30,
-      31: 31,
-      34: 34,
-      48: 48,
-      62: 62,
-      75: 75,
-      80: 80,
-      88: 88,
-    }).map(([scale, factor]) => {
-      return [scale, `${factor * gridSize}rem`];
-    }),
-  ),
-};
-
 function addCustomDefinitions({ addComponents, addUtilities }) {
   addComponents({
     '.action-neutral-colors': {
@@ -499,15 +463,7 @@ module.exports = {
     },
     backgroundColor,
     borderColor,
-    borderRadius: {
-      none: '0',
-      6: '1.5rem',
-      base: '.25rem',
-      full: '50%', // Tailwind gl-rounded-full is 9999px
-      small: '.125rem',
-      lg: '.5rem',
-      pill: '.75rem',
-    },
+    borderRadius,
     boxShadow: {
       DEFAULT: '0 1px 4px 0 #0000004d',
       none: 'none',