diff --git a/packages/demo/src/content/components/resource-badge.mdx b/packages/demo/src/content/components/resource-badge.mdx
index 2541a5f..0dc010b 100644
--- a/packages/demo/src/content/components/resource-badge.mdx
+++ b/packages/demo/src/content/components/resource-badge.mdx
@@ -8,14 +8,10 @@ import { ResourceBadge, PanelLabel } from "@eqtylab/equality";
## Overview
----
-
The `ResourceBadge` component is a specialized badge wrapper that provides predefined configurations for displaying different resource types as defined by [integrity-py](https://github.com/eqtylab/integrity-py). It automatically applies appropriate icons, colors, and labels.
## Usage
----
-
Import the component:
```tsx
@@ -30,8 +26,6 @@ Basic usage requires only a `type` prop:
## Variants
----
-
@@ -53,6 +47,8 @@ Basic usage requires only a `type` prop:
+
+
@@ -76,6 +72,8 @@ Basic usage requires only a `type` prop:
+
+
@@ -99,6 +97,8 @@ Basic usage requires only a `type` prop:
+
+
@@ -106,8 +106,6 @@ Basic usage requires only a `type` prop:
## Display Options
----
-
### With Icon and Label (Default)
The default display shows both icon and label:
@@ -134,9 +132,7 @@ Show only the text by setting `display` to `"text-only"`:
## Props
----
-
-| Name | Description | Type | Default | Required |
-| --------- | --------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |
-| `type` | The resource type that determines the badge variant, icon, and label. | `"agent"`, `"benchmark"`, `"benchmark-result"`, `"binary"`, `"code"`, `"compute"`, `"config"`, `"database"`, `"dataset"`, `"document"`, `"guardrail"`, `"media"`, `"model"`, `"prompt"`, `"reasoning"`, `"skill"`, `"system-prompt"`, `"token"`, `"tool"`, `"unknown"` | | ✅ |
-| `display` | Controls what elements are displayed: icon, text, or both. | `"both"`, `"text-only"`, `"icon-only"` | `"both"` | ❌ |
+| Name | Description | Type | Default | Required |
+| --------- | --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |
+| `type` | The resource type that determines the badge variant, icon, and label. | `"agent"`, `"benchmark"`, `"benchmark-result"`, `"binary"`, `"certificate"`, `"code"`, `"compute"`, `"config"`, `"credential"`, `"database"`, `"dataset"`, `"document"`, `"guardrail"`, `"media"`, `"model"`, `"prompt"`, `"reasoning"`, `"skill"`, `"system-prompt"`, `"token"`, `"tool"`, `"unknown"` | | ✅ |
+| `display` | Controls what elements are displayed: icon, text, or both. | `"both"`, `"text-only"`, `"icon-only"` | `"both"` | ❌ |
diff --git a/packages/tokens/equality-tokens.json b/packages/tokens/equality-tokens.json
index 4ab842a..993250b 100644
--- a/packages/tokens/equality-tokens.json
+++ b/packages/tokens/equality-tokens.json
@@ -535,6 +535,14 @@
"hex": "#9C652D"
}
},
+ "certificate": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.2534, 0.2782, 0.09737],
+ "hex": "#414719"
+ }
+ },
"code": {
"$type": "color",
"$value": {
@@ -567,6 +575,14 @@
"hex": "#244560"
}
},
+ "credential": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.2534, 0.2782, 0.09737],
+ "hex": "#414719"
+ }
+ },
"database": {
"$type": "color",
"$value": {
@@ -599,14 +615,6 @@
"hex": "#5C2165"
}
},
- "inference": {
- "$type": "color",
- "$value": {
- "colorSpace": "display-p3",
- "components": [0.1689, 0.3045, 0.136],
- "hex": "#2B4E23"
- }
- },
"media": {
"$type": "color",
"$value": {
@@ -713,6 +721,14 @@
"hex": "#EFD2B7"
}
},
+ "certificate": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.8033, 0.8266, 0.7044],
+ "hex": "#CDD3B4"
+ }
+ },
"code": {
"$type": "color",
"$value": {
@@ -745,6 +761,14 @@
"hex": "#B4D3E7"
}
},
+ "credential": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.8033, 0.8266, 0.7044],
+ "hex": "#CDD3B4"
+ }
+ },
"database": {
"$type": "color",
"$value": {
@@ -777,14 +801,6 @@
"hex": "#CD94D6"
}
},
- "inference": {
- "$type": "color",
- "$value": {
- "colorSpace": "display-p3",
- "components": [0.7403, 0.8486, 0.7417],
- "hex": "#BDD8BD"
- }
- },
"media": {
"$type": "color",
"$value": {
@@ -2319,6 +2335,14 @@
"hex": "#EFD2B7"
}
},
+ "certificate": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.8033, 0.8266, 0.7044],
+ "hex": "#CDD3B4"
+ }
+ },
"code": {
"$type": "color",
"$value": {
@@ -2351,6 +2375,14 @@
"hex": "#B4D3E7"
}
},
+ "credential": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.8033, 0.8266, 0.7044],
+ "hex": "#CDD3B4"
+ }
+ },
"database": {
"$type": "color",
"$value": {
@@ -2383,14 +2415,6 @@
"hex": "#E2BEE8"
}
},
- "inference": {
- "$type": "color",
- "$value": {
- "colorSpace": "display-p3",
- "components": [0.7403, 0.8486, 0.7417],
- "hex": "#BDD8BD"
- }
- },
"media": {
"$type": "color",
"$value": {
@@ -2488,6 +2512,14 @@
"hex": "#CD8338"
}
},
+ "certificate": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.4451, 0.4851, 0.1956],
+ "hex": "#727C32"
+ }
+ },
"code": {
"$type": "color",
"$value": {
@@ -2520,6 +2552,14 @@
"hex": "#357AA5"
}
},
+ "credential": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.4451, 0.4851, 0.1956],
+ "hex": "#727C32"
+ }
+ },
"database": {
"$type": "color",
"$value": {
@@ -2552,14 +2592,6 @@
"hex": "#A035B1"
}
},
- "inference": {
- "$type": "color",
- "$value": {
- "colorSpace": "display-p3",
- "components": [0.2946, 0.5328, 0.2433],
- "hex": "#4B883E"
- }
- },
"media": {
"$type": "color",
"$value": {
@@ -2641,6 +2673,14 @@
"hex": "#432D17"
}
},
+ "certificate": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.1652, 0.183, 0.0523],
+ "hex": "#2A2F0D"
+ }
+ },
"code": {
"$type": "color",
"$value": {
@@ -2673,6 +2713,14 @@
"hex": "#192D40"
}
},
+ "credential": {
+ "$type": "color",
+ "$value": {
+ "colorSpace": "display-p3",
+ "components": [0.1652, 0.183, 0.0523],
+ "hex": "#2A2F0D"
+ }
+ },
"database": {
"$type": "color",
"$value": {
@@ -2705,14 +2753,6 @@
"hex": "#3C1742"
}
},
- "inference": {
- "$type": "color",
- "$value": {
- "colorSpace": "display-p3",
- "components": [0.1097, 0.1998, 0.08667],
- "hex": "#1C3316"
- }
- },
"media": {
"$type": "color",
"$value": {
diff --git a/packages/tokens/equality-tokens.pinwheel b/packages/tokens/equality-tokens.pinwheel
index 8a18720..336a0b8 100644
--- a/packages/tokens/equality-tokens.pinwheel
+++ b/packages/tokens/equality-tokens.pinwheel
@@ -1909,9 +1909,16 @@
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
- Inference
+ Certificate
3
- E1948874-0BDB-4E45-A49B-50B04FC79580
+ 736C6111-7CC7-4829-B456-29384906EF95
+ 4
+ 86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
+
+
+ Credential
+ 3
+ 736C6111-7CC7-4829-B456-29384906EF95
4
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
@@ -2132,13 +2139,24 @@
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
- Inference
+ Certificate
3
3
lightanddark
- E1948874-0BDB-4E45-A49B-50B04FC79580
+ 736C6111-7CC7-4829-B456-29384906EF95
7
- E1948874-0BDB-4E45-A49B-50B04FC79580
+ 736C6111-7CC7-4829-B456-29384906EF95
+ 1
+ 86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
+
+
+ Credential
+ 3
+ 3
+ lightanddark
+ 736C6111-7CC7-4829-B456-29384906EF95
+ 7
+ 736C6111-7CC7-4829-B456-29384906EF95
1
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
@@ -2381,13 +2399,24 @@
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
- Inference
+ Certificate
3
3
lightanddark
- E1948874-0BDB-4E45-A49B-50B04FC79580
+ 736C6111-7CC7-4829-B456-29384906EF95
1
- E1948874-0BDB-4E45-A49B-50B04FC79580
+ 736C6111-7CC7-4829-B456-29384906EF95
+ 6
+ 86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
+
+
+ Credential
+ 3
+ 3
+ lightanddark
+ 736C6111-7CC7-4829-B456-29384906EF95
+ 1
+ 736C6111-7CC7-4829-B456-29384906EF95
6
86B9D7D8-F74A-4CAE-B006-65451BBEDAB9
diff --git a/packages/ui/package.json b/packages/ui/package.json
index ff2b1ec..fb24d53 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -2,7 +2,7 @@
"name": "@eqtylab/equality",
"description": "EQTYLab's component and token-based design system",
"homepage": "https://equality.eqtylab.io/",
- "version": "1.7.1",
+ "version": "1.7.2",
"license": "Apache-2.0",
"keywords": [
"component library",
diff --git a/packages/ui/src/components/resource-badge/resource-badge.module.css b/packages/ui/src/components/resource-badge/resource-badge.module.css
index 054facb..1e4bf7b 100644
--- a/packages/ui/src/components/resource-badge/resource-badge.module.css
+++ b/packages/ui/src/components/resource-badge/resource-badge.module.css
@@ -20,6 +20,11 @@
@apply text-resource-text-binary;
}
+.badge--certificate {
+ @apply bg-resource-background-certificate;
+ @apply text-resource-text-certificate;
+}
+
.badge--code {
@apply bg-resource-background-code;
@apply text-resource-text-code;
@@ -30,6 +35,11 @@
@apply text-resource-text-compute;
}
+.badge--credential {
+ @apply bg-resource-background-credential;
+ @apply text-resource-text-credential;
+}
+
.badge--database {
@apply bg-resource-background-database;
@apply text-resource-text-database;
diff --git a/packages/ui/src/components/resource-badge/resource-badge.tsx b/packages/ui/src/components/resource-badge/resource-badge.tsx
index 34485e4..64e8885 100644
--- a/packages/ui/src/components/resource-badge/resource-badge.tsx
+++ b/packages/ui/src/components/resource-badge/resource-badge.tsx
@@ -9,8 +9,10 @@ export type ResourceType =
| 'benchmark'
| 'benchmark-result'
| 'binary'
+ | 'certificate'
| 'code'
| 'compute'
+ | 'credential'
| 'database'
| 'dataset'
| 'document'
@@ -76,12 +78,24 @@ const getTypeConfig = (type: ResourceType): { icon: string; className: string; l
className: styles['badge--binary'],
label: 'Binary',
};
+ case 'certificate':
+ return {
+ icon: 'Award',
+ className: styles['badge--certificate'],
+ label: 'Certificate',
+ };
case 'compute':
return {
icon: 'Cpu',
className: styles['badge--compute'],
label: 'Compute',
};
+ case 'credential':
+ return {
+ icon: 'IdCardLanyard',
+ className: styles['badge--credential'],
+ label: 'Credential',
+ };
case 'database':
return {
icon: 'Database',
diff --git a/packages/ui/src/theme/generated/color-vars.css b/packages/ui/src/theme/generated/color-vars.css
index e3c0969..9f517e8 100644
--- a/packages/ui/src/theme/generated/color-vars.css
+++ b/packages/ui/src/theme/generated/color-vars.css
@@ -172,15 +172,16 @@
--color-resource-background-benchmark-result: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-benchmark: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --color-resource-background-certificate: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-code: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-compute: color(display-p3 0.9327 0.8528 0.7204);
--color-resource-background-config: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-context: color(display-p3 0.7072 0.8271 0.9059);
+ --color-resource-background-credential: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-database: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-dataset: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-document: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-guardrail: color(display-p3 0.8859 0.7455 0.9086);
- --color-resource-background-inference: color(display-p3 0.7403 0.8486 0.7417);
--color-resource-background-media: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-model: color(display-p3 0.7289 0.7853 0.9401);
--color-resource-background-prompt: color(display-p3 0.7072 0.8271 0.9059);
@@ -193,15 +194,16 @@
--color-resource-benchmark-result: color(display-p3 0.6289 0.209 0.6944);
--color-resource-benchmark: color(display-p3 0.6289 0.209 0.6944);
--color-resource-binary: color(display-p3 0.805 0.5129 0.2188);
+ --color-resource-certificate: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-code: color(display-p3 0.805 0.5129 0.2188);
--color-resource-compute: color(display-p3 0.8263 0.6154 0.2247);
--color-resource-config: color(display-p3 0.805 0.5129 0.2188);
--color-resource-context: color(display-p3 0.2084 0.4784 0.6451);
+ --color-resource-credential: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-database: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-dataset: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-document: color(display-p3 0.7481 0.374 0.214);
--color-resource-guardrail: color(display-p3 0.6289 0.209 0.6944);
- --color-resource-inference: color(display-p3 0.2946 0.5328 0.2433);
--color-resource-media: color(display-p3 0.7481 0.374 0.214);
--color-resource-model: color(display-p3 0.2366 0.3261 0.7513);
--color-resource-prompt: color(display-p3 0.2084 0.4784 0.6451);
@@ -212,15 +214,16 @@
--color-resource-text-benchmark-result: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-benchmark: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-binary: color(display-p3 0.2643 0.1753 0.09139);
+ --color-resource-text-certificate: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-code: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-compute: color(display-p3 0.2723 0.1933 0.09642);
--color-resource-text-config: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-context: color(display-p3 0.09755 0.1752 0.2506);
+ --color-resource-text-credential: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-database: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-dataset: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-document: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-guardrail: color(display-p3 0.2359 0.0912 0.2602);
- --color-resource-text-inference: color(display-p3 0.1097 0.1998 0.08667);
--color-resource-text-media: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-model: color(display-p3 0.1017 0.1411 0.2832);
--color-resource-text-prompt: color(display-p3 0.09755 0.1752 0.2506);
@@ -322,15 +325,16 @@
--dark-color-resource-background-benchmark-result: color(display-p3 0.3593 0.1309 0.3967);
--dark-color-resource-background-benchmark: color(display-p3 0.3593 0.1309 0.3967);
--dark-color-resource-background-binary: color(display-p3 0.6137 0.3942 0.177);
+ --dark-color-resource-background-certificate: color(display-p3 0.2534 0.2782 0.09737);
--dark-color-resource-background-code: color(display-p3 0.6137 0.3942 0.177);
--dark-color-resource-background-compute: color(display-p3 0.4487 0.322 0.1436);
--dark-color-resource-background-config: color(display-p3 0.6137 0.3942 0.177);
--dark-color-resource-background-context: color(display-p3 0.1394 0.2691 0.3776);
+ --dark-color-resource-background-credential: color(display-p3 0.2534 0.2782 0.09737);
--dark-color-resource-background-database: color(display-p3 0.2473 0.1645 0.5241);
--dark-color-resource-background-dataset: color(display-p3 0.2473 0.1645 0.5241);
--dark-color-resource-background-document: color(display-p3 0.5752 0.2954 0.1593);
--dark-color-resource-background-guardrail: color(display-p3 0.3593 0.1309 0.3967);
- --dark-color-resource-background-inference: color(display-p3 0.1689 0.3045 0.136);
--dark-color-resource-background-media: color(display-p3 0.5752 0.2954 0.1593);
--dark-color-resource-background-model: color(display-p3 0.1442 0.2013 0.4303);
--dark-color-resource-background-prompt: color(display-p3 0.1394 0.2691 0.3776);
@@ -344,15 +348,16 @@
--dark-color-resource-text-benchmark-result: color(display-p3 0.8027 0.5791 0.8394);
--dark-color-resource-text-benchmark: color(display-p3 0.8027 0.5791 0.8394);
--dark-color-resource-text-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --dark-color-resource-text-certificate: color(display-p3 0.8033 0.8266 0.7044);
--dark-color-resource-text-code: color(display-p3 0.9376 0.8222 0.7184);
--dark-color-resource-text-compute: color(display-p3 0.9327 0.8528 0.7204);
--dark-color-resource-text-config: color(display-p3 0.9376 0.8222 0.7184);
--dark-color-resource-text-context: color(display-p3 0.7072 0.8271 0.9059);
+ --dark-color-resource-text-credential: color(display-p3 0.8033 0.8266 0.7044);
--dark-color-resource-text-database: color(display-p3 0.795 0.7755 0.9866);
--dark-color-resource-text-dataset: color(display-p3 0.795 0.7755 0.9866);
--dark-color-resource-text-document: color(display-p3 0.9272 0.788 0.7058);
--dark-color-resource-text-guardrail: color(display-p3 0.8027 0.5791 0.8394);
- --dark-color-resource-text-inference: color(display-p3 0.7403 0.8486 0.7417);
--dark-color-resource-text-media: color(display-p3 0.9272 0.788 0.7058);
--dark-color-resource-text-model: color(display-p3 0.7289 0.7853 0.9401);
--dark-color-resource-text-prompt: color(display-p3 0.7072 0.8271 0.9059);
diff --git a/packages/ui/src/theme/generated/dark-tokens.css b/packages/ui/src/theme/generated/dark-tokens.css
index 704dd50..f0035dd 100644
--- a/packages/ui/src/theme/generated/dark-tokens.css
+++ b/packages/ui/src/theme/generated/dark-tokens.css
@@ -64,15 +64,16 @@
--color-resource-background-benchmark-result: color(display-p3 0.3593 0.1309 0.3967);
--color-resource-background-benchmark: color(display-p3 0.3593 0.1309 0.3967);
--color-resource-background-binary: color(display-p3 0.6137 0.3942 0.177);
+ --color-resource-background-certificate: color(display-p3 0.2534 0.2782 0.09737);
--color-resource-background-code: color(display-p3 0.6137 0.3942 0.177);
--color-resource-background-compute: color(display-p3 0.4487 0.322 0.1436);
--color-resource-background-config: color(display-p3 0.6137 0.3942 0.177);
--color-resource-background-context: color(display-p3 0.1394 0.2691 0.3776);
+ --color-resource-background-credential: color(display-p3 0.2534 0.2782 0.09737);
--color-resource-background-database: color(display-p3 0.2473 0.1645 0.5241);
--color-resource-background-dataset: color(display-p3 0.2473 0.1645 0.5241);
--color-resource-background-document: color(display-p3 0.5752 0.2954 0.1593);
--color-resource-background-guardrail: color(display-p3 0.3593 0.1309 0.3967);
- --color-resource-background-inference: color(display-p3 0.1689 0.3045 0.136);
--color-resource-background-media: color(display-p3 0.5752 0.2954 0.1593);
--color-resource-background-model: color(display-p3 0.1442 0.2013 0.4303);
--color-resource-background-prompt: color(display-p3 0.1394 0.2691 0.3776);
@@ -86,15 +87,16 @@
--color-resource-text-benchmark-result: color(display-p3 0.8027 0.5791 0.8394);
--color-resource-text-benchmark: color(display-p3 0.8027 0.5791 0.8394);
--color-resource-text-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --color-resource-text-certificate: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-text-code: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-text-compute: color(display-p3 0.9327 0.8528 0.7204);
--color-resource-text-config: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-text-context: color(display-p3 0.7072 0.8271 0.9059);
+ --color-resource-text-credential: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-text-database: color(display-p3 0.795 0.7755 0.9866);
--color-resource-text-dataset: color(display-p3 0.795 0.7755 0.9866);
--color-resource-text-document: color(display-p3 0.9272 0.788 0.7058);
--color-resource-text-guardrail: color(display-p3 0.8027 0.5791 0.8394);
- --color-resource-text-inference: color(display-p3 0.7403 0.8486 0.7417);
--color-resource-text-media: color(display-p3 0.9272 0.788 0.7058);
--color-resource-text-model: color(display-p3 0.7289 0.7853 0.9401);
--color-resource-text-prompt: color(display-p3 0.7072 0.8271 0.9059);
diff --git a/packages/ui/src/theme/generated/global-dark-tokens.css b/packages/ui/src/theme/generated/global-dark-tokens.css
index dd0fe2a..595b3fe 100644
--- a/packages/ui/src/theme/generated/global-dark-tokens.css
+++ b/packages/ui/src/theme/generated/global-dark-tokens.css
@@ -64,15 +64,16 @@ html[data-equality-theme='dark'] {
--color-resource-background-benchmark-result: color(display-p3 0.3593 0.1309 0.3967);
--color-resource-background-benchmark: color(display-p3 0.3593 0.1309 0.3967);
--color-resource-background-binary: color(display-p3 0.6137 0.3942 0.177);
+ --color-resource-background-certificate: color(display-p3 0.2534 0.2782 0.09737);
--color-resource-background-code: color(display-p3 0.6137 0.3942 0.177);
--color-resource-background-compute: color(display-p3 0.4487 0.322 0.1436);
--color-resource-background-config: color(display-p3 0.6137 0.3942 0.177);
--color-resource-background-context: color(display-p3 0.1394 0.2691 0.3776);
+ --color-resource-background-credential: color(display-p3 0.2534 0.2782 0.09737);
--color-resource-background-database: color(display-p3 0.2473 0.1645 0.5241);
--color-resource-background-dataset: color(display-p3 0.2473 0.1645 0.5241);
--color-resource-background-document: color(display-p3 0.5752 0.2954 0.1593);
--color-resource-background-guardrail: color(display-p3 0.3593 0.1309 0.3967);
- --color-resource-background-inference: color(display-p3 0.1689 0.3045 0.136);
--color-resource-background-media: color(display-p3 0.5752 0.2954 0.1593);
--color-resource-background-model: color(display-p3 0.1442 0.2013 0.4303);
--color-resource-background-prompt: color(display-p3 0.1394 0.2691 0.3776);
@@ -86,15 +87,16 @@ html[data-equality-theme='dark'] {
--color-resource-text-benchmark-result: color(display-p3 0.8027 0.5791 0.8394);
--color-resource-text-benchmark: color(display-p3 0.8027 0.5791 0.8394);
--color-resource-text-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --color-resource-text-certificate: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-text-code: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-text-compute: color(display-p3 0.9327 0.8528 0.7204);
--color-resource-text-config: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-text-context: color(display-p3 0.7072 0.8271 0.9059);
+ --color-resource-text-credential: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-text-database: color(display-p3 0.795 0.7755 0.9866);
--color-resource-text-dataset: color(display-p3 0.795 0.7755 0.9866);
--color-resource-text-document: color(display-p3 0.9272 0.788 0.7058);
--color-resource-text-guardrail: color(display-p3 0.8027 0.5791 0.8394);
- --color-resource-text-inference: color(display-p3 0.7403 0.8486 0.7417);
--color-resource-text-media: color(display-p3 0.9272 0.788 0.7058);
--color-resource-text-model: color(display-p3 0.7289 0.7853 0.9401);
--color-resource-text-prompt: color(display-p3 0.7072 0.8271 0.9059);
diff --git a/packages/ui/src/theme/generated/global-light-tokens.css b/packages/ui/src/theme/generated/global-light-tokens.css
index c2bd2b2..caec31a 100644
--- a/packages/ui/src/theme/generated/global-light-tokens.css
+++ b/packages/ui/src/theme/generated/global-light-tokens.css
@@ -176,15 +176,16 @@ html {
--color-resource-background-benchmark-result: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-benchmark: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --color-resource-background-certificate: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-code: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-compute: color(display-p3 0.9327 0.8528 0.7204);
--color-resource-background-config: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-context: color(display-p3 0.7072 0.8271 0.9059);
+ --color-resource-background-credential: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-database: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-dataset: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-document: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-guardrail: color(display-p3 0.8859 0.7455 0.9086);
- --color-resource-background-inference: color(display-p3 0.7403 0.8486 0.7417);
--color-resource-background-media: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-model: color(display-p3 0.7289 0.7853 0.9401);
--color-resource-background-prompt: color(display-p3 0.7072 0.8271 0.9059);
@@ -197,15 +198,16 @@ html {
--color-resource-benchmark-result: color(display-p3 0.6289 0.209 0.6944);
--color-resource-benchmark: color(display-p3 0.6289 0.209 0.6944);
--color-resource-binary: color(display-p3 0.805 0.5129 0.2188);
+ --color-resource-certificate: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-code: color(display-p3 0.805 0.5129 0.2188);
--color-resource-compute: color(display-p3 0.8263 0.6154 0.2247);
--color-resource-config: color(display-p3 0.805 0.5129 0.2188);
--color-resource-context: color(display-p3 0.2084 0.4784 0.6451);
+ --color-resource-credential: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-database: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-dataset: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-document: color(display-p3 0.7481 0.374 0.214);
--color-resource-guardrail: color(display-p3 0.6289 0.209 0.6944);
- --color-resource-inference: color(display-p3 0.2946 0.5328 0.2433);
--color-resource-media: color(display-p3 0.7481 0.374 0.214);
--color-resource-model: color(display-p3 0.2366 0.3261 0.7513);
--color-resource-prompt: color(display-p3 0.2084 0.4784 0.6451);
@@ -216,15 +218,16 @@ html {
--color-resource-text-benchmark-result: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-benchmark: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-binary: color(display-p3 0.2643 0.1753 0.09139);
+ --color-resource-text-certificate: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-code: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-compute: color(display-p3 0.2723 0.1933 0.09642);
--color-resource-text-config: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-context: color(display-p3 0.09755 0.1752 0.2506);
+ --color-resource-text-credential: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-database: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-dataset: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-document: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-guardrail: color(display-p3 0.2359 0.0912 0.2602);
- --color-resource-text-inference: color(display-p3 0.1097 0.1998 0.08667);
--color-resource-text-media: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-model: color(display-p3 0.1017 0.1411 0.2832);
--color-resource-text-prompt: color(display-p3 0.09755 0.1752 0.2506);
diff --git a/packages/ui/src/theme/generated/light-tokens.css b/packages/ui/src/theme/generated/light-tokens.css
index 7b4f930..da66a0c 100644
--- a/packages/ui/src/theme/generated/light-tokens.css
+++ b/packages/ui/src/theme/generated/light-tokens.css
@@ -176,15 +176,16 @@
--color-resource-background-benchmark-result: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-benchmark: color(display-p3 0.8859 0.7455 0.9086);
--color-resource-background-binary: color(display-p3 0.9376 0.8222 0.7184);
+ --color-resource-background-certificate: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-code: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-compute: color(display-p3 0.9327 0.8528 0.7204);
--color-resource-background-config: color(display-p3 0.9376 0.8222 0.7184);
--color-resource-background-context: color(display-p3 0.7072 0.8271 0.9059);
+ --color-resource-background-credential: color(display-p3 0.8033 0.8266 0.7044);
--color-resource-background-database: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-dataset: color(display-p3 0.795 0.7755 0.9866);
--color-resource-background-document: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-guardrail: color(display-p3 0.8859 0.7455 0.9086);
- --color-resource-background-inference: color(display-p3 0.7403 0.8486 0.7417);
--color-resource-background-media: color(display-p3 0.9272 0.788 0.7058);
--color-resource-background-model: color(display-p3 0.7289 0.7853 0.9401);
--color-resource-background-prompt: color(display-p3 0.7072 0.8271 0.9059);
@@ -197,15 +198,16 @@
--color-resource-benchmark-result: color(display-p3 0.6289 0.209 0.6944);
--color-resource-benchmark: color(display-p3 0.6289 0.209 0.6944);
--color-resource-binary: color(display-p3 0.805 0.5129 0.2188);
+ --color-resource-certificate: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-code: color(display-p3 0.805 0.5129 0.2188);
--color-resource-compute: color(display-p3 0.8263 0.6154 0.2247);
--color-resource-config: color(display-p3 0.805 0.5129 0.2188);
--color-resource-context: color(display-p3 0.2084 0.4784 0.6451);
+ --color-resource-credential: color(display-p3 0.4451 0.4851 0.1956);
--color-resource-database: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-dataset: color(display-p3 0.4378 0.2639 0.9228);
--color-resource-document: color(display-p3 0.7481 0.374 0.214);
--color-resource-guardrail: color(display-p3 0.6289 0.209 0.6944);
- --color-resource-inference: color(display-p3 0.2946 0.5328 0.2433);
--color-resource-media: color(display-p3 0.7481 0.374 0.214);
--color-resource-model: color(display-p3 0.2366 0.3261 0.7513);
--color-resource-prompt: color(display-p3 0.2084 0.4784 0.6451);
@@ -216,15 +218,16 @@
--color-resource-text-benchmark-result: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-benchmark: color(display-p3 0.2359 0.0912 0.2602);
--color-resource-text-binary: color(display-p3 0.2643 0.1753 0.09139);
+ --color-resource-text-certificate: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-code: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-compute: color(display-p3 0.2723 0.1933 0.09642);
--color-resource-text-config: color(display-p3 0.2643 0.1753 0.09139);
--color-resource-text-context: color(display-p3 0.09755 0.1752 0.2506);
+ --color-resource-text-credential: color(display-p3 0.1652 0.183 0.0523);
--color-resource-text-database: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-dataset: color(display-p3 0.1608 0.1145 0.3417);
--color-resource-text-document: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-guardrail: color(display-p3 0.2359 0.0912 0.2602);
- --color-resource-text-inference: color(display-p3 0.1097 0.1998 0.08667);
--color-resource-text-media: color(display-p3 0.2598 0.1437 0.07482);
--color-resource-text-model: color(display-p3 0.1017 0.1411 0.2832);
--color-resource-text-prompt: color(display-p3 0.09755 0.1752 0.2506);
diff --git a/packages/ui/src/theme/generated/tailwind-tokens.css b/packages/ui/src/theme/generated/tailwind-tokens.css
index 53ec60e..b84fb44 100644
--- a/packages/ui/src/theme/generated/tailwind-tokens.css
+++ b/packages/ui/src/theme/generated/tailwind-tokens.css
@@ -174,15 +174,16 @@
--color-resource-background-benchmark-result: var(--color-resource-background-benchmark-result);
--color-resource-background-benchmark: var(--color-resource-background-benchmark);
--color-resource-background-binary: var(--color-resource-background-binary);
+ --color-resource-background-certificate: var(--color-resource-background-certificate);
--color-resource-background-code: var(--color-resource-background-code);
--color-resource-background-compute: var(--color-resource-background-compute);
--color-resource-background-config: var(--color-resource-background-config);
--color-resource-background-context: var(--color-resource-background-context);
+ --color-resource-background-credential: var(--color-resource-background-credential);
--color-resource-background-database: var(--color-resource-background-database);
--color-resource-background-dataset: var(--color-resource-background-dataset);
--color-resource-background-document: var(--color-resource-background-document);
--color-resource-background-guardrail: var(--color-resource-background-guardrail);
- --color-resource-background-inference: var(--color-resource-background-inference);
--color-resource-background-media: var(--color-resource-background-media);
--color-resource-background-model: var(--color-resource-background-model);
--color-resource-background-prompt: var(--color-resource-background-prompt);
@@ -195,15 +196,16 @@
--color-resource-benchmark-result: var(--color-resource-benchmark-result);
--color-resource-benchmark: var(--color-resource-benchmark);
--color-resource-binary: var(--color-resource-binary);
+ --color-resource-certificate: var(--color-resource-certificate);
--color-resource-code: var(--color-resource-code);
--color-resource-compute: var(--color-resource-compute);
--color-resource-config: var(--color-resource-config);
--color-resource-context: var(--color-resource-context);
+ --color-resource-credential: var(--color-resource-credential);
--color-resource-database: var(--color-resource-database);
--color-resource-dataset: var(--color-resource-dataset);
--color-resource-document: var(--color-resource-document);
--color-resource-guardrail: var(--color-resource-guardrail);
- --color-resource-inference: var(--color-resource-inference);
--color-resource-media: var(--color-resource-media);
--color-resource-model: var(--color-resource-model);
--color-resource-prompt: var(--color-resource-prompt);
@@ -214,15 +216,16 @@
--color-resource-text-benchmark-result: var(--color-resource-text-benchmark-result);
--color-resource-text-benchmark: var(--color-resource-text-benchmark);
--color-resource-text-binary: var(--color-resource-text-binary);
+ --color-resource-text-certificate: var(--color-resource-text-certificate);
--color-resource-text-code: var(--color-resource-text-code);
--color-resource-text-compute: var(--color-resource-text-compute);
--color-resource-text-config: var(--color-resource-text-config);
--color-resource-text-context: var(--color-resource-text-context);
+ --color-resource-text-credential: var(--color-resource-text-credential);
--color-resource-text-database: var(--color-resource-text-database);
--color-resource-text-dataset: var(--color-resource-text-dataset);
--color-resource-text-document: var(--color-resource-text-document);
--color-resource-text-guardrail: var(--color-resource-text-guardrail);
- --color-resource-text-inference: var(--color-resource-text-inference);
--color-resource-text-media: var(--color-resource-text-media);
--color-resource-text-model: var(--color-resource-text-model);
--color-resource-text-prompt: var(--color-resource-text-prompt);