@gitlab/ui 132.0.3 → 132.2.0

package/src/tokens/constant/color.green.tokens.json

@@ -0,0 +1,182 @@
+{
+  "color": {
+    "green": {
+      "50": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9254901960784314,
+            0.9568627450980393,
+            0.9333333333333333
+          ],
+          "alpha": 1,
+          "hex": "#ecf4ee"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "100": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7647058823529411,
+            0.9019607843137255,
+            0.803921568627451
+          ],
+          "alpha": 1,
+          "hex": "#c3e6cd"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "200": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5686274509803921,
+            0.8313725490196079,
+            0.6588235294117647
+          ],
+          "alpha": 1,
+          "hex": "#91d4a8"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "300": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3215686274509804,
+            0.7215686274509804,
+            0.47843137254901963
+          ],
+          "alpha": 1,
+          "hex": "#52b87a"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "400": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.17647058823529413,
+            0.6313725490196078,
+            0.3764705882352941
+          ],
+          "alpha": 1,
+          "hex": "#2da160"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "500": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.06274509803921569,
+            0.5215686274509804,
+            0.2823529411764706
+          ],
+          "alpha": 1,
+          "hex": "#108548"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "600": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1843137254901961,
+            0.4588235294117647,
+            0.28627450980392155
+          ],
+          "alpha": 1,
+          "hex": "#2f7549"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "700": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.18823529411764706,
+            0.39215686274509803,
+            0.25098039215686274
+          ],
+          "alpha": 1,
+          "hex": "#306440"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "800": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.13333333333333333,
+            0.3176470588235294,
+            0.19215686274509805
+          ],
+          "alpha": 1,
+          "hex": "#225131"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "900": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.11764705882352941,
+            0.24313725490196078,
+            0.1568627450980392
+          ],
+          "alpha": 1,
+          "hex": "#1e3e28"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "950": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.09019607843137255,
+            0.1607843137254902,
+            0.10980392156862745
+          ],
+          "alpha": 1,
+          "hex": "#17291c"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      }
+    }
+  }
+}

package/src/tokens/constant/color.neutral.tokens.json

@@ -0,0 +1,230 @@
+{
+  "color": {
+    "neutral": {
+      "0": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#fff"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "10": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.984313725490196,
+            0.9803921568627451,
+            0.9921568627450981
+          ],
+          "alpha": 1,
+          "hex": "#fbfafd"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "50": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9254901960784314,
+            0.9254901960784314,
+            0.9372549019607843
+          ],
+          "alpha": 1,
+          "hex": "#ececef"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "100": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8627450980392157,
+            0.8627450980392157,
+            0.8705882352941177
+          ],
+          "alpha": 1,
+          "hex": "#dcdcde"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "200": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7490196078431373,
+            0.7490196078431373,
+            0.7647058823529411
+          ],
+          "alpha": 1,
+          "hex": "#bfbfc3"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "300": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6431372549019608,
+            0.6392156862745098,
+            0.6588235294117647
+          ],
+          "alpha": 1,
+          "hex": "#a4a3a8"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "400": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5372549019607843,
+            0.5333333333333333,
+            0.5529411764705883
+          ],
+          "alpha": 1,
+          "hex": "#89888d"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "500": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.45098039215686275,
+            0.4470588235294118,
+            0.47058823529411764
+          ],
+          "alpha": 1,
+          "hex": "#737278"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "600": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3843137254901961,
+            0.3803921568627451,
+            0.40784313725490196
+          ],
+          "alpha": 1,
+          "hex": "#626168"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "700": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2980392156862745,
+            0.29411764705882354,
+            0.3176470588235294
+          ],
+          "alpha": 1,
+          "hex": "#4c4b51"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "800": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.22745098039215686,
+            0.2196078431372549,
+            0.24705882352941178
+          ],
+          "alpha": 1,
+          "hex": "#3a383f"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "900": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1568627450980392,
+            0.15294117647058825,
+            0.17647058823529413
+          ],
+          "alpha": 1,
+          "hex": "#28272d"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "950": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.09411764705882353,
+            0.09019607843137255,
+            0.11372549019607843
+          ],
+          "alpha": 1,
+          "hex": "#18171d"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "1000": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0196078431372549,
+            0.0196078431372549,
+            0.023529411764705882
+          ],
+          "alpha": 1,
+          "hex": "#050506"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      }
+    }
+  }
+}

package/src/tokens/constant/color.orange.tokens.json

@@ -0,0 +1,182 @@
+{
+  "color": {
+    "orange": {
+      "50": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9921568627450981,
+            0.9450980392156862,
+            0.8666666666666667
+          ],
+          "alpha": 1,
+          "hex": "#fdf1dd"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "100": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9607843137254902,
+            0.8509803921568627,
+            0.6588235294117647
+          ],
+          "alpha": 1,
+          "hex": "#f5d9a8"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "200": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9137254901960784,
+            0.7450980392156863,
+            0.4549019607843137
+          ],
+          "alpha": 1,
+          "hex": "#e9be74"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "300": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8509803921568627,
+            0.5843137254901961,
+            0.18823529411764706
+          ],
+          "alpha": 1,
+          "hex": "#d99530"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "400": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7568627450980392,
+            0.49019607843137253,
+            0.06274509803921569
+          ],
+          "alpha": 1,
+          "hex": "#c17d10"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "500": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6705882352941176,
+            0.3803921568627451,
+            0
+          ],
+          "alpha": 1,
+          "hex": "#ab6100"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "600": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6,
+            0.3411764705882353,
+            0.08235294117647059
+          ],
+          "alpha": 1,
+          "hex": "#995715"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "700": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5372549019607843,
+            0.29411764705882354,
+            0.08627450980392157
+          ],
+          "alpha": 1,
+          "hex": "#894b16"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "800": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4117647058823529,
+            0.23529411764705882,
+            0.0784313725490196
+          ],
+          "alpha": 1,
+          "hex": "#693c14"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "900": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3254901960784314,
+            0.1803921568627451,
+            0.08627450980392157
+          ],
+          "alpha": 1,
+          "hex": "#532e16"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      },
+      "950": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2196078431372549,
+            0.13725490196078433,
+            0.08235294117647059
+          ],
+          "alpha": 1,
+          "hex": "#382315"
+        },
+        "$type": "color",
+        "$extensions": {
+          "com.figma.scopes": []
+        }
+      }
+    }
+  }
+}