@gitlab/ui 122.11.0 → 122.12.0

package/dist/tokens/json/tokens.dark.json

@@ -6436,6 +6436,272 @@
       ]
     }
   },
+  "opacity": {
+    "0": {
+      "key": "{opacity.0}",
+      "$value": "0",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.0}"
+      },
+      "name": "OPACITY_0",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "0"
+      ]
+    },
+    "1": {
+      "key": "{opacity.1}",
+      "$value": ".1",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".1",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.1}"
+      },
+      "name": "OPACITY_1",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "1"
+      ]
+    },
+    "2": {
+      "key": "{opacity.2}",
+      "$value": ".2",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".2",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.2}"
+      },
+      "name": "OPACITY_2",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "2"
+      ]
+    },
+    "3": {
+      "key": "{opacity.3}",
+      "$value": ".3",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".3",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.3}"
+      },
+      "name": "OPACITY_3",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "3"
+      ]
+    },
+    "4": {
+      "key": "{opacity.4}",
+      "$value": ".4",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".4",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.4}"
+      },
+      "name": "OPACITY_4",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "4"
+      ]
+    },
+    "5": {
+      "key": "{opacity.5}",
+      "$value": ".5",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".5",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.5}"
+      },
+      "name": "OPACITY_5",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "5"
+      ]
+    },
+    "6": {
+      "key": "{opacity.6}",
+      "$value": ".6",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".6",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.6}"
+      },
+      "name": "OPACITY_6",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "6"
+      ]
+    },
+    "7": {
+      "key": "{opacity.7}",
+      "$value": ".7",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".7",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.7}"
+      },
+      "name": "OPACITY_7",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "7"
+      ]
+    },
+    "8": {
+      "key": "{opacity.8}",
+      "$value": ".8",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".8",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.8}"
+      },
+      "name": "OPACITY_8",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "8"
+      ]
+    },
+    "9": {
+      "key": "{opacity.9}",
+      "$value": ".9",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".9",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.9}"
+      },
+      "name": "OPACITY_9",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "9"
+      ]
+    },
+    "10": {
+      "key": "{opacity.10}",
+      "$value": "1",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "1",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.10}"
+      },
+      "name": "OPACITY_10",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "10"
+      ]
+    }
+  },
   "spacing-scale": {
     "0": {
       "key": "{spacing-scale.0}",

package/dist/tokens/json/tokens.json

@@ -6436,6 +6436,272 @@
       ]
     }
   },
+  "opacity": {
+    "0": {
+      "key": "{opacity.0}",
+      "$value": "0",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.0}"
+      },
+      "name": "OPACITY_0",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "0"
+      ]
+    },
+    "1": {
+      "key": "{opacity.1}",
+      "$value": ".1",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".1",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.1}"
+      },
+      "name": "OPACITY_1",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "1"
+      ]
+    },
+    "2": {
+      "key": "{opacity.2}",
+      "$value": ".2",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".2",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.2}"
+      },
+      "name": "OPACITY_2",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "2"
+      ]
+    },
+    "3": {
+      "key": "{opacity.3}",
+      "$value": ".3",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".3",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.3}"
+      },
+      "name": "OPACITY_3",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "3"
+      ]
+    },
+    "4": {
+      "key": "{opacity.4}",
+      "$value": ".4",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".4",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.4}"
+      },
+      "name": "OPACITY_4",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "4"
+      ]
+    },
+    "5": {
+      "key": "{opacity.5}",
+      "$value": ".5",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".5",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.5}"
+      },
+      "name": "OPACITY_5",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "5"
+      ]
+    },
+    "6": {
+      "key": "{opacity.6}",
+      "$value": ".6",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".6",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.6}"
+      },
+      "name": "OPACITY_6",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "6"
+      ]
+    },
+    "7": {
+      "key": "{opacity.7}",
+      "$value": ".7",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".7",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.7}"
+      },
+      "name": "OPACITY_7",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "7"
+      ]
+    },
+    "8": {
+      "key": "{opacity.8}",
+      "$value": ".8",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".8",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.8}"
+      },
+      "name": "OPACITY_8",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "8"
+      ]
+    },
+    "9": {
+      "key": "{opacity.9}",
+      "$value": ".9",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": ".9",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.9}"
+      },
+      "name": "OPACITY_9",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "9"
+      ]
+    },
+    "10": {
+      "key": "{opacity.10}",
+      "$value": "1",
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/opacity.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "1",
+        "$type": "number",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{opacity.10}"
+      },
+      "name": "OPACITY_10",
+      "attributes": {},
+      "path": [
+        "opacity",
+        "10"
+      ]
+    }
+  },
   "spacing-scale": {
     "0": {
       "key": "{spacing-scale.0}",

package/dist/tokens/scss/_tokens.dark.scss

@@ -238,6 +238,17 @@ $gl-line-height-36: 2.25rem;
 $gl-line-height-42: 2.625rem;
 $gl-line-height-44: 2.75rem;
 $gl-line-height-52: 3.25rem;
+$gl-opacity-0: 0;
+$gl-opacity-1: .1;
+$gl-opacity-2: .2;
+$gl-opacity-3: .3;
+$gl-opacity-4: .4;
+$gl-opacity-5: .5;
+$gl-opacity-6: .6;
+$gl-opacity-7: .7;
+$gl-opacity-8: .8;
+$gl-opacity-9: .9;
+$gl-opacity-10: 1;
 $gl-spacing-scale-0: 0;
 $gl-spacing-scale-1: 0.125rem;
 $gl-spacing-scale-2: 0.25rem;

package/dist/tokens/scss/_tokens.scss

@@ -238,6 +238,17 @@ $gl-line-height-36: 2.25rem;
 $gl-line-height-42: 2.625rem;
 $gl-line-height-44: 2.75rem;
 $gl-line-height-52: 3.25rem;
+$gl-opacity-0: 0;
+$gl-opacity-1: .1;
+$gl-opacity-2: .2;
+$gl-opacity-3: .3;
+$gl-opacity-4: .4;
+$gl-opacity-5: .5;
+$gl-opacity-6: .6;
+$gl-opacity-7: .7;
+$gl-opacity-8: .8;
+$gl-opacity-9: .9;
+$gl-opacity-10: 1;
 $gl-spacing-scale-0: 0;
 $gl-spacing-scale-1: 0.125rem;
 $gl-spacing-scale-2: 0.25rem;

package/dist/tokens/scss/_tokens_custom_properties.scss

@@ -253,6 +253,17 @@ $gl-line-height-36: var(--gl-line-height-36);
 $gl-line-height-42: var(--gl-line-height-42);
 $gl-line-height-44: var(--gl-line-height-44);
 $gl-line-height-52: var(--gl-line-height-52);
+$gl-opacity-0: var(--gl-opacity-0);
+$gl-opacity-1: var(--gl-opacity-1);
+$gl-opacity-2: var(--gl-opacity-2);
+$gl-opacity-3: var(--gl-opacity-3);
+$gl-opacity-4: var(--gl-opacity-4);
+$gl-opacity-5: var(--gl-opacity-5);
+$gl-opacity-6: var(--gl-opacity-6);
+$gl-opacity-7: var(--gl-opacity-7);
+$gl-opacity-8: var(--gl-opacity-8);
+$gl-opacity-9: var(--gl-opacity-9);
+$gl-opacity-10: var(--gl-opacity-10);
 $gl-spacing-scale-0: var(--gl-spacing-scale-0);
 $gl-spacing-scale-1: var(--gl-spacing-scale-1);
 $gl-spacing-scale-2: var(--gl-spacing-scale-2);

package/dist/tokens/tailwind/tokens.cjs

@@ -22,6 +22,7 @@
   const feedbackIconColors = {"feedback-strong":"var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))","feedback-neutral":"var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))","feedback-info":"var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))","feedback-success":"var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))","feedback-warning":"var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))","feedback-danger":"var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))"};
   const spacingScale = {"0":"var(--gl-spacing-scale-0, 0)","1":"var(--gl-spacing-scale-1, 0.125rem)","2":"var(--gl-spacing-scale-2, 0.25rem)","3":"var(--gl-spacing-scale-3, 0.5rem)","4":"var(--gl-spacing-scale-4, 0.75rem)","5":"var(--gl-spacing-scale-5, 1rem)","6":"var(--gl-spacing-scale-6, 1.5rem)","7":"var(--gl-spacing-scale-7, 2rem)","8":"var(--gl-spacing-scale-8, 2.5rem)","9":"var(--gl-spacing-scale-9, 3rem)","10":"var(--gl-spacing-scale-10, 3.5rem)","11":"var(--gl-spacing-scale-11, 4rem)","12":"var(--gl-spacing-scale-12, 5rem)","13":"var(--gl-spacing-scale-13, 6rem)","15":"var(--gl-spacing-scale-15, 7.5rem)","18":"var(--gl-spacing-scale-18, 9rem)","20":"var(--gl-spacing-scale-20, 10rem)","26":"var(--gl-spacing-scale-26, 13rem)","28":"var(--gl-spacing-scale-28, 14rem)","30":"var(--gl-spacing-scale-30, 15rem)","31":"var(--gl-spacing-scale-31, 15.5rem)","33":"var(--gl-spacing-scale-33, 16.5rem)","34":"var(--gl-spacing-scale-34, 17rem)","37":"var(--gl-spacing-scale-37, 18.5rem)","48":"var(--gl-spacing-scale-48, 24rem)","62":"var(--gl-spacing-scale-62, 31rem)","75":"var(--gl-spacing-scale-75, 37.5rem)","80":"var(--gl-spacing-scale-80, 40rem)","88":"var(--gl-spacing-scale-88, 44rem)","px":"var(--gl-spacing-scale-px, 1px)","2-5":"var(--gl-spacing-scale-2-5, 0.375rem)","11-5":"var(--gl-spacing-scale-11-5, 4.5rem)"};
   const borderRadius = {"none":"var(--gl-border-radius-none, var(--gl-spacing-scale-0, 0))","xs":"var(--gl-border-radius-xs, var(--gl-spacing-scale-px, 1px))","sm":"var(--gl-border-radius-sm, var(--gl-spacing-scale-1, 0.125rem))","md":"var(--gl-border-radius-md, var(--gl-spacing-scale-2, 0.25rem))","lg":"var(--gl-border-radius-lg, var(--gl-spacing-scale-3, 0.5rem))","xl":"var(--gl-border-radius-xl, var(--gl-spacing-scale-4, 0.75rem))","2xl":"var(--gl-border-radius-2xl, var(--gl-spacing-scale-5, 1rem))","3xl":"var(--gl-border-radius-3xl, var(--gl-spacing-scale-6, 1.5rem))","full":"var(--gl-border-radius-full, 9999px)","default":"var(--gl-border-radius-default, var(--gl-border-radius-md, 0.25rem))","control":"var(--gl-control-border-radius, var(--gl-border-radius-default, 0.25rem))"};
+  const opacity = {"0":"var(--gl-opacity-0, 0)","1":"var(--gl-opacity-1, .1)","2":"var(--gl-opacity-2, .2)","3":"var(--gl-opacity-3, .3)","4":"var(--gl-opacity-4, .4)","5":"var(--gl-opacity-5, .5)","6":"var(--gl-opacity-6, .6)","7":"var(--gl-opacity-7, .7)","8":"var(--gl-opacity-8, .8)","9":"var(--gl-opacity-9, .9)","10":"var(--gl-opacity-10, 1)"};
 
   const colors = {
     inherit: 'inherit',
@@ -103,5 +104,6 @@
     fill,
     spacing: spacingScale,
     borderRadius,
+    opacity,
   }
   

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "122.11.0",
+  "version": "122.12.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/tokens/build/css/tokens.css

@@ -240,6 +240,17 @@
   --gl-line-height-42: 2.625rem;
   --gl-line-height-44: 2.75rem;
   --gl-line-height-52: 3.25rem;
+  --gl-opacity-0: 0;
+  --gl-opacity-1: .1;
+  --gl-opacity-2: .2;
+  --gl-opacity-3: .3;
+  --gl-opacity-4: .4;
+  --gl-opacity-5: .5;
+  --gl-opacity-6: .6;
+  --gl-opacity-7: .7;
+  --gl-opacity-8: .8;
+  --gl-opacity-9: .9;
+  --gl-opacity-10: 1;
   --gl-spacing-scale-0: 0;
   --gl-spacing-scale-1: 0.125rem;
   --gl-spacing-scale-2: 0.25rem;

package/src/tokens/build/css/tokens.dark.css

@@ -240,6 +240,17 @@
   --gl-line-height-42: 2.625rem;
   --gl-line-height-44: 2.75rem;
   --gl-line-height-52: 3.25rem;
+  --gl-opacity-0: 0;
+  --gl-opacity-1: .1;
+  --gl-opacity-2: .2;
+  --gl-opacity-3: .3;
+  --gl-opacity-4: .4;
+  --gl-opacity-5: .5;
+  --gl-opacity-6: .6;
+  --gl-opacity-7: .7;
+  --gl-opacity-8: .8;
+  --gl-opacity-9: .9;
+  --gl-opacity-10: 1;
   --gl-spacing-scale-0: 0;
   --gl-spacing-scale-1: 0.125rem;
   --gl-spacing-scale-2: 0.25rem;