@gitlab/ui 122.5.0 → 122.6.0

package/src/tokens/build/figma/constants.tokens.json

@@ -1702,5 +1702,231 @@
         "com.figma.scope": []
       }
     }
+  },
+  "spacing-scale": {
+    "0": {
+      "$value": "0",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "1": {
+      "$value": "0.125rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "2": {
+      "$value": "0.25rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "3": {
+      "$value": "0.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "4": {
+      "$value": "0.75rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "5": {
+      "$value": "1rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "6": {
+      "$value": "1.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "7": {
+      "$value": "2rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "8": {
+      "$value": "2.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "9": {
+      "$value": "3rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "10": {
+      "$value": "3.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "11": {
+      "$value": "4rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "12": {
+      "$value": "5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "13": {
+      "$value": "6rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "15": {
+      "$value": "7.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "18": {
+      "$value": "9rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "20": {
+      "$value": "10rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "26": {
+      "$value": "13rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "28": {
+      "$value": "14rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "30": {
+      "$value": "15rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "31": {
+      "$value": "15.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "33": {
+      "$value": "16.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "34": {
+      "$value": "17rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "37": {
+      "$value": "18.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "48": {
+      "$value": "24rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "62": {
+      "$value": "31rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "75": {
+      "$value": "37.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "80": {
+      "$value": "40rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "88": {
+      "$value": "44rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "px": {
+      "$value": "1px",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "2-5": {
+      "$value": "0.375rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "11-5": {
+      "$value": "4.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    }
   }
 }

package/src/tokens/build/js/tokens.dark.js

@@ -238,6 +238,38 @@ export const GL_LINE_HEIGHT_36 = '2.25rem';
 export const GL_LINE_HEIGHT_42 = '2.625rem';
 export const GL_LINE_HEIGHT_44 = '2.75rem';
 export const GL_LINE_HEIGHT_52 = '3.25rem';
+export const GL_SPACING_SCALE_0 = '0';
+export const GL_SPACING_SCALE_1 = '0.125rem';
+export const GL_SPACING_SCALE_2 = '0.25rem';
+export const GL_SPACING_SCALE_3 = '0.5rem';
+export const GL_SPACING_SCALE_4 = '0.75rem';
+export const GL_SPACING_SCALE_5 = '1rem';
+export const GL_SPACING_SCALE_6 = '1.5rem';
+export const GL_SPACING_SCALE_7 = '2rem';
+export const GL_SPACING_SCALE_8 = '2.5rem';
+export const GL_SPACING_SCALE_9 = '3rem';
+export const GL_SPACING_SCALE_10 = '3.5rem';
+export const GL_SPACING_SCALE_11 = '4rem';
+export const GL_SPACING_SCALE_12 = '5rem';
+export const GL_SPACING_SCALE_13 = '6rem';
+export const GL_SPACING_SCALE_15 = '7.5rem';
+export const GL_SPACING_SCALE_18 = '9rem';
+export const GL_SPACING_SCALE_20 = '10rem';
+export const GL_SPACING_SCALE_26 = '13rem';
+export const GL_SPACING_SCALE_28 = '14rem';
+export const GL_SPACING_SCALE_30 = '15rem';
+export const GL_SPACING_SCALE_31 = '15.5rem';
+export const GL_SPACING_SCALE_33 = '16.5rem';
+export const GL_SPACING_SCALE_34 = '17rem';
+export const GL_SPACING_SCALE_37 = '18.5rem';
+export const GL_SPACING_SCALE_48 = '24rem';
+export const GL_SPACING_SCALE_62 = '31rem';
+export const GL_SPACING_SCALE_75 = '37.5rem';
+export const GL_SPACING_SCALE_80 = '40rem';
+export const GL_SPACING_SCALE_88 = '44rem';
+export const GL_SPACING_SCALE_PX = '1px';
+export const GL_SPACING_SCALE_2_5 = '0.375rem';
+export const GL_SPACING_SCALE_11_5 = '4.5rem';
 export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
 export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
 export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';

package/src/tokens/build/js/tokens.js

@@ -238,6 +238,38 @@ export const GL_LINE_HEIGHT_36 = '2.25rem';
 export const GL_LINE_HEIGHT_42 = '2.625rem';
 export const GL_LINE_HEIGHT_44 = '2.75rem';
 export const GL_LINE_HEIGHT_52 = '3.25rem';
+export const GL_SPACING_SCALE_0 = '0';
+export const GL_SPACING_SCALE_1 = '0.125rem';
+export const GL_SPACING_SCALE_2 = '0.25rem';
+export const GL_SPACING_SCALE_3 = '0.5rem';
+export const GL_SPACING_SCALE_4 = '0.75rem';
+export const GL_SPACING_SCALE_5 = '1rem';
+export const GL_SPACING_SCALE_6 = '1.5rem';
+export const GL_SPACING_SCALE_7 = '2rem';
+export const GL_SPACING_SCALE_8 = '2.5rem';
+export const GL_SPACING_SCALE_9 = '3rem';
+export const GL_SPACING_SCALE_10 = '3.5rem';
+export const GL_SPACING_SCALE_11 = '4rem';
+export const GL_SPACING_SCALE_12 = '5rem';
+export const GL_SPACING_SCALE_13 = '6rem';
+export const GL_SPACING_SCALE_15 = '7.5rem';
+export const GL_SPACING_SCALE_18 = '9rem';
+export const GL_SPACING_SCALE_20 = '10rem';
+export const GL_SPACING_SCALE_26 = '13rem';
+export const GL_SPACING_SCALE_28 = '14rem';
+export const GL_SPACING_SCALE_30 = '15rem';
+export const GL_SPACING_SCALE_31 = '15.5rem';
+export const GL_SPACING_SCALE_33 = '16.5rem';
+export const GL_SPACING_SCALE_34 = '17rem';
+export const GL_SPACING_SCALE_37 = '18.5rem';
+export const GL_SPACING_SCALE_48 = '24rem';
+export const GL_SPACING_SCALE_62 = '31rem';
+export const GL_SPACING_SCALE_75 = '37.5rem';
+export const GL_SPACING_SCALE_80 = '40rem';
+export const GL_SPACING_SCALE_88 = '44rem';
+export const GL_SPACING_SCALE_PX = '1px';
+export const GL_SPACING_SCALE_2_5 = '0.375rem';
+export const GL_SPACING_SCALE_11_5 = '4.5rem';
 export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
 export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
 export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent';