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);