@gitlab/ui 122.12.1 → 122.14.0

package/src/tokens/constant/zindex.tokens.json

@@ -0,0 +1,53 @@
+{
+  "zindex": {
+    "0": {
+      "$value": "0",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "1": {
+      "$value": "1",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "2": {
+      "$value": "2",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "3": {
+      "$value": "3",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "4": {
+      "$value": "4",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "200": {
+      "$value": "200",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    },
+    "9999": {
+      "$value": "9999",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      }
+    }
+  }
+}

package/tailwind.defaults.js

@@ -11,6 +11,7 @@ const {
   spacing,
   borderRadius,
   opacity,
+  zIndex,
 } = require('./src/tokens/build/tailwind/tokens.cjs');
 
 const buildCQs = Boolean(process.env.USE_TAILWIND_CONTAINER_QUERIES);
@@ -583,15 +584,7 @@ module.exports = {
       ease: 'ease',
       linear: 'linear',
     },
-    zIndex: {
-      0: '0',
-      1: '1',
-      2: '2',
-      3: '3',
-      4: '4',
-      200: '200',
-      9999: '9999',
-    },
+    zIndex,
     extend: {
       borderWidth: {
         1: '1px',

package/dist/utils/unique_id.js

@@ -1,18 +0,0 @@
-/**
- * Function uses browser native crypto to return a sixteen
- * character base16 encoded string. It is often used to
- * generate collision-resistant IDs for aria markup such
- * as aria-activedescendant and aria-controls.
- *
- * @returns String
- */
-const GlUniqueId = () => {
-  if (typeof window !== 'undefined' && window.crypto) {
-    const arr32 = new Uint32Array(2);
-    window.crypto.getRandomValues(arr32);
-    return Array.from(arr32, id => id.toString(16)).join('');
-  }
-  throw new Error('Cannot generate a unique ID');
-};
-
-export { GlUniqueId };

package/src/utils/unique_id.js

@@ -1,17 +0,0 @@
-/**
- * Function uses browser native crypto to return a sixteen
- * character base16 encoded string. It is often used to
- * generate collision-resistant IDs for aria markup such
- * as aria-activedescendant and aria-controls.
- *
- * @returns String
- */
-export const GlUniqueId = () => {
-  if (typeof window !== 'undefined' && window.crypto) {
-    const arr32 = new Uint32Array(2);
-    window.crypto.getRandomValues(arr32);
-    return Array.from(arr32, (id) => id.toString(16)).join('');
-  }
-
-  throw new Error('Cannot generate a unique ID');
-};