@hashicorp/design-system-tokens 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +7 -6
- package/dist/devdot/css/tokens.css +10 -1
- package/dist/docs/products/tokens.json +209 -0
- package/dist/marketing/css/tokens.css +10 -1
- package/dist/marketing/tokens.json +235 -0
- package/dist/products/css/tokens.css +10 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @hashicorp/design-system-tokens
|
|
2
2
|
|
|
3
|
+
## 1.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1640](https://github.com/hashicorp/design-system/pull/1640) [`8001667d2`](https://github.com/hashicorp/design-system/commit/8001667d2b0b549b5c2743ebaa4b50b58344a87f) Thanks [@didoo](https://github.com/didoo)! - `Design tokens` - Added color tokens for “Vault Secrets” product
|
|
8
|
+
|
|
9
|
+
`IconTile` - updated component to include `vault-secrets` product option
|
|
10
|
+
|
|
3
11
|
## 1.7.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -19,15 +19,16 @@ Then import one of those files in your app's style file (`app.scss` or similar):
|
|
|
19
19
|
```js
|
|
20
20
|
// to use design tokens as CSS variables
|
|
21
21
|
//
|
|
22
|
-
~/dist/products/css/tokens.css
|
|
23
|
-
~/dist/devdot/css/tokens.css
|
|
22
|
+
~/dist/products/css/tokens.css // for product applications
|
|
23
|
+
~/dist/devdot/css/tokens.css // for devdot platform
|
|
24
|
+
~/dist/marketing/css/tokens.css // for marketing websites
|
|
24
25
|
|
|
25
26
|
// to use the CSS helper classes
|
|
26
27
|
//
|
|
27
|
-
~/dist/[products|devdot]/css/helpers/colors.css // for color styles
|
|
28
|
-
~/dist/[products|devdot]/css/helpers/elevation.css // for elevation styles
|
|
29
|
-
~/dist/[products|devdot]/css/helpers/typography.css // for typographic styles
|
|
30
|
-
~/dist/[products|devdot]/css/helpers/focus-ring.css // for focus-ring style
|
|
28
|
+
~/dist/[products|devdot|marketing]/css/helpers/colors.css // for color styles
|
|
29
|
+
~/dist/[products|devdot|marketing]/css/helpers/elevation.css // for elevation styles
|
|
30
|
+
~/dist/[products|devdot|marketing]/css/helpers/typography.css // for typographic styles
|
|
31
|
+
~/dist/[products|devdot|marketing]/css/helpers/focus-ring.css // for focus-ring style
|
|
31
32
|
```
|
|
32
33
|
|
|
33
34
|
## Usage
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 06:10:51 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -144,6 +144,15 @@
|
|
|
144
144
|
--token-color-vagrant-gradient-primary-stop: #7dadff;
|
|
145
145
|
--token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
|
|
146
146
|
--token-color-vagrant-gradient-faint-stop: #d6ebff;
|
|
147
|
+
--token-color-vault-secrets-brand: #ffd814;
|
|
148
|
+
--token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
|
|
149
|
+
--token-color-vault-secrets-foreground: #9a6f00;
|
|
150
|
+
--token-color-vault-secrets-surface: #fff9cf;
|
|
151
|
+
--token-color-vault-secrets-border: #feec7b;
|
|
152
|
+
--token-color-vault-secrets-gradient-primary-start: #feec7b;
|
|
153
|
+
--token-color-vault-secrets-gradient-primary-stop: #ffe543;
|
|
154
|
+
--token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
|
|
155
|
+
--token-color-vault-secrets-gradient-faint-stop: #fff9cf;
|
|
147
156
|
--token-color-vault-brand: #ffd814;
|
|
148
157
|
--token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
|
|
149
158
|
--token-color-vault-foreground: #9a6f00;
|
|
@@ -3023,6 +3023,215 @@
|
|
|
3023
3023
|
"stop"
|
|
3024
3024
|
]
|
|
3025
3025
|
},
|
|
3026
|
+
{
|
|
3027
|
+
"value": "#ffd814",
|
|
3028
|
+
"type": "color",
|
|
3029
|
+
"group": "branding",
|
|
3030
|
+
"original": {
|
|
3031
|
+
"value": "{color.palette.vault-secrets-brand.value}",
|
|
3032
|
+
"type": "color",
|
|
3033
|
+
"group": "branding"
|
|
3034
|
+
},
|
|
3035
|
+
"name": "token-color-vault-secrets-brand",
|
|
3036
|
+
"attributes": {
|
|
3037
|
+
"category": "color",
|
|
3038
|
+
"type": "vault-secrets",
|
|
3039
|
+
"item": "brand"
|
|
3040
|
+
},
|
|
3041
|
+
"path": [
|
|
3042
|
+
"color",
|
|
3043
|
+
"vault-secrets",
|
|
3044
|
+
"brand"
|
|
3045
|
+
]
|
|
3046
|
+
},
|
|
3047
|
+
{
|
|
3048
|
+
"value": "#000000",
|
|
3049
|
+
"type": "color",
|
|
3050
|
+
"group": "branding",
|
|
3051
|
+
"comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work",
|
|
3052
|
+
"original": {
|
|
3053
|
+
"value": "#000",
|
|
3054
|
+
"type": "color",
|
|
3055
|
+
"group": "branding",
|
|
3056
|
+
"comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work"
|
|
3057
|
+
},
|
|
3058
|
+
"name": "token-color-vault-secrets-brand-alt",
|
|
3059
|
+
"attributes": {
|
|
3060
|
+
"category": "color",
|
|
3061
|
+
"type": "vault-secrets",
|
|
3062
|
+
"item": "brand-alt"
|
|
3063
|
+
},
|
|
3064
|
+
"path": [
|
|
3065
|
+
"color",
|
|
3066
|
+
"vault-secrets",
|
|
3067
|
+
"brand-alt"
|
|
3068
|
+
]
|
|
3069
|
+
},
|
|
3070
|
+
{
|
|
3071
|
+
"value": "#9a6f00",
|
|
3072
|
+
"type": "color",
|
|
3073
|
+
"group": "branding",
|
|
3074
|
+
"original": {
|
|
3075
|
+
"value": "{color.palette.vault-secrets-500.value}",
|
|
3076
|
+
"type": "color",
|
|
3077
|
+
"group": "branding"
|
|
3078
|
+
},
|
|
3079
|
+
"name": "token-color-vault-secrets-foreground",
|
|
3080
|
+
"attributes": {
|
|
3081
|
+
"category": "color",
|
|
3082
|
+
"type": "vault-secrets",
|
|
3083
|
+
"item": "foreground"
|
|
3084
|
+
},
|
|
3085
|
+
"path": [
|
|
3086
|
+
"color",
|
|
3087
|
+
"vault-secrets",
|
|
3088
|
+
"foreground"
|
|
3089
|
+
]
|
|
3090
|
+
},
|
|
3091
|
+
{
|
|
3092
|
+
"value": "#fff9cf",
|
|
3093
|
+
"type": "color",
|
|
3094
|
+
"group": "branding",
|
|
3095
|
+
"original": {
|
|
3096
|
+
"value": "{color.palette.vault-secrets-50.value}",
|
|
3097
|
+
"type": "color",
|
|
3098
|
+
"group": "branding"
|
|
3099
|
+
},
|
|
3100
|
+
"name": "token-color-vault-secrets-surface",
|
|
3101
|
+
"attributes": {
|
|
3102
|
+
"category": "color",
|
|
3103
|
+
"type": "vault-secrets",
|
|
3104
|
+
"item": "surface"
|
|
3105
|
+
},
|
|
3106
|
+
"path": [
|
|
3107
|
+
"color",
|
|
3108
|
+
"vault-secrets",
|
|
3109
|
+
"surface"
|
|
3110
|
+
]
|
|
3111
|
+
},
|
|
3112
|
+
{
|
|
3113
|
+
"value": "#feec7b",
|
|
3114
|
+
"type": "color",
|
|
3115
|
+
"group": "branding",
|
|
3116
|
+
"original": {
|
|
3117
|
+
"value": "{color.palette.vault-secrets-100.value}",
|
|
3118
|
+
"type": "color",
|
|
3119
|
+
"group": "branding"
|
|
3120
|
+
},
|
|
3121
|
+
"name": "token-color-vault-secrets-border",
|
|
3122
|
+
"attributes": {
|
|
3123
|
+
"category": "color",
|
|
3124
|
+
"type": "vault-secrets",
|
|
3125
|
+
"item": "border"
|
|
3126
|
+
},
|
|
3127
|
+
"path": [
|
|
3128
|
+
"color",
|
|
3129
|
+
"vault-secrets",
|
|
3130
|
+
"border"
|
|
3131
|
+
]
|
|
3132
|
+
},
|
|
3133
|
+
{
|
|
3134
|
+
"value": "#feec7b",
|
|
3135
|
+
"type": "color",
|
|
3136
|
+
"group": "branding",
|
|
3137
|
+
"original": {
|
|
3138
|
+
"value": "{color.palette.vault-secrets-100.value}",
|
|
3139
|
+
"type": "color",
|
|
3140
|
+
"group": "branding"
|
|
3141
|
+
},
|
|
3142
|
+
"name": "token-color-vault-secrets-gradient-primary-start",
|
|
3143
|
+
"attributes": {
|
|
3144
|
+
"category": "color",
|
|
3145
|
+
"type": "vault-secrets",
|
|
3146
|
+
"item": "gradient",
|
|
3147
|
+
"subitem": "primary",
|
|
3148
|
+
"state": "start"
|
|
3149
|
+
},
|
|
3150
|
+
"path": [
|
|
3151
|
+
"color",
|
|
3152
|
+
"vault-secrets",
|
|
3153
|
+
"gradient",
|
|
3154
|
+
"primary",
|
|
3155
|
+
"start"
|
|
3156
|
+
]
|
|
3157
|
+
},
|
|
3158
|
+
{
|
|
3159
|
+
"value": "#ffe543",
|
|
3160
|
+
"type": "color",
|
|
3161
|
+
"group": "branding",
|
|
3162
|
+
"original": {
|
|
3163
|
+
"value": "{color.palette.vault-secrets-200.value}",
|
|
3164
|
+
"type": "color",
|
|
3165
|
+
"group": "branding"
|
|
3166
|
+
},
|
|
3167
|
+
"name": "token-color-vault-secrets-gradient-primary-stop",
|
|
3168
|
+
"attributes": {
|
|
3169
|
+
"category": "color",
|
|
3170
|
+
"type": "vault-secrets",
|
|
3171
|
+
"item": "gradient",
|
|
3172
|
+
"subitem": "primary",
|
|
3173
|
+
"state": "stop"
|
|
3174
|
+
},
|
|
3175
|
+
"path": [
|
|
3176
|
+
"color",
|
|
3177
|
+
"vault-secrets",
|
|
3178
|
+
"gradient",
|
|
3179
|
+
"primary",
|
|
3180
|
+
"stop"
|
|
3181
|
+
]
|
|
3182
|
+
},
|
|
3183
|
+
{
|
|
3184
|
+
"value": "#fffdf2",
|
|
3185
|
+
"type": "color",
|
|
3186
|
+
"group": "branding",
|
|
3187
|
+
"comment": "this is the 'vault-secrets-50' value at 25% opacity on white",
|
|
3188
|
+
"original": {
|
|
3189
|
+
"value": "#fffdf2",
|
|
3190
|
+
"type": "color",
|
|
3191
|
+
"group": "branding",
|
|
3192
|
+
"comment": "this is the 'vault-secrets-50' value at 25% opacity on white"
|
|
3193
|
+
},
|
|
3194
|
+
"name": "token-color-vault-secrets-gradient-faint-start",
|
|
3195
|
+
"attributes": {
|
|
3196
|
+
"category": "color",
|
|
3197
|
+
"type": "vault-secrets",
|
|
3198
|
+
"item": "gradient",
|
|
3199
|
+
"subitem": "faint",
|
|
3200
|
+
"state": "start"
|
|
3201
|
+
},
|
|
3202
|
+
"path": [
|
|
3203
|
+
"color",
|
|
3204
|
+
"vault-secrets",
|
|
3205
|
+
"gradient",
|
|
3206
|
+
"faint",
|
|
3207
|
+
"start"
|
|
3208
|
+
]
|
|
3209
|
+
},
|
|
3210
|
+
{
|
|
3211
|
+
"value": "#fff9cf",
|
|
3212
|
+
"type": "color",
|
|
3213
|
+
"group": "branding",
|
|
3214
|
+
"original": {
|
|
3215
|
+
"value": "{color.palette.vault-secrets-50.value}",
|
|
3216
|
+
"type": "color",
|
|
3217
|
+
"group": "branding"
|
|
3218
|
+
},
|
|
3219
|
+
"name": "token-color-vault-secrets-gradient-faint-stop",
|
|
3220
|
+
"attributes": {
|
|
3221
|
+
"category": "color",
|
|
3222
|
+
"type": "vault-secrets",
|
|
3223
|
+
"item": "gradient",
|
|
3224
|
+
"subitem": "faint",
|
|
3225
|
+
"state": "stop"
|
|
3226
|
+
},
|
|
3227
|
+
"path": [
|
|
3228
|
+
"color",
|
|
3229
|
+
"vault-secrets",
|
|
3230
|
+
"gradient",
|
|
3231
|
+
"faint",
|
|
3232
|
+
"stop"
|
|
3233
|
+
]
|
|
3234
|
+
},
|
|
3026
3235
|
{
|
|
3027
3236
|
"value": "#ffd814",
|
|
3028
3237
|
"type": "color",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 06:10:51 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -142,6 +142,15 @@
|
|
|
142
142
|
--token-color-vagrant-gradient-primary-stop: #7dadff;
|
|
143
143
|
--token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
|
|
144
144
|
--token-color-vagrant-gradient-faint-stop: #d6ebff;
|
|
145
|
+
--token-color-vault-secrets-brand: #ffd814;
|
|
146
|
+
--token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
|
|
147
|
+
--token-color-vault-secrets-foreground: #9a6f00;
|
|
148
|
+
--token-color-vault-secrets-surface: #fff9cf;
|
|
149
|
+
--token-color-vault-secrets-border: #feec7b;
|
|
150
|
+
--token-color-vault-secrets-gradient-primary-start: #feec7b;
|
|
151
|
+
--token-color-vault-secrets-gradient-primary-stop: #ffe543;
|
|
152
|
+
--token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
|
|
153
|
+
--token-color-vault-secrets-gradient-faint-stop: #fff9cf;
|
|
145
154
|
--token-color-vault-brand: #ffd814;
|
|
146
155
|
--token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
|
|
147
156
|
--token-color-vault-foreground: #9a6f00;
|
|
@@ -3368,6 +3368,241 @@
|
|
|
3368
3368
|
}
|
|
3369
3369
|
}
|
|
3370
3370
|
},
|
|
3371
|
+
"vault-secrets": {
|
|
3372
|
+
"brand": {
|
|
3373
|
+
"value": "#ffd814",
|
|
3374
|
+
"type": "color",
|
|
3375
|
+
"group": "branding",
|
|
3376
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3377
|
+
"isSource": true,
|
|
3378
|
+
"original": {
|
|
3379
|
+
"value": "{color.palette.vault-secrets-brand.value}",
|
|
3380
|
+
"type": "color",
|
|
3381
|
+
"group": "branding"
|
|
3382
|
+
},
|
|
3383
|
+
"name": "token-color-vault-secrets-brand",
|
|
3384
|
+
"attributes": {
|
|
3385
|
+
"category": "color",
|
|
3386
|
+
"type": "vault-secrets",
|
|
3387
|
+
"item": "brand"
|
|
3388
|
+
},
|
|
3389
|
+
"path": [
|
|
3390
|
+
"color",
|
|
3391
|
+
"vault-secrets",
|
|
3392
|
+
"brand"
|
|
3393
|
+
]
|
|
3394
|
+
},
|
|
3395
|
+
"brand-alt": {
|
|
3396
|
+
"value": "#000000",
|
|
3397
|
+
"type": "color",
|
|
3398
|
+
"group": "branding",
|
|
3399
|
+
"comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work",
|
|
3400
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3401
|
+
"isSource": true,
|
|
3402
|
+
"original": {
|
|
3403
|
+
"value": "#000",
|
|
3404
|
+
"type": "color",
|
|
3405
|
+
"group": "branding",
|
|
3406
|
+
"comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work"
|
|
3407
|
+
},
|
|
3408
|
+
"name": "token-color-vault-secrets-brand-alt",
|
|
3409
|
+
"attributes": {
|
|
3410
|
+
"category": "color",
|
|
3411
|
+
"type": "vault-secrets",
|
|
3412
|
+
"item": "brand-alt"
|
|
3413
|
+
},
|
|
3414
|
+
"path": [
|
|
3415
|
+
"color",
|
|
3416
|
+
"vault-secrets",
|
|
3417
|
+
"brand-alt"
|
|
3418
|
+
]
|
|
3419
|
+
},
|
|
3420
|
+
"foreground": {
|
|
3421
|
+
"value": "#9a6f00",
|
|
3422
|
+
"type": "color",
|
|
3423
|
+
"group": "branding",
|
|
3424
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3425
|
+
"isSource": true,
|
|
3426
|
+
"original": {
|
|
3427
|
+
"value": "{color.palette.vault-secrets-500.value}",
|
|
3428
|
+
"type": "color",
|
|
3429
|
+
"group": "branding"
|
|
3430
|
+
},
|
|
3431
|
+
"name": "token-color-vault-secrets-foreground",
|
|
3432
|
+
"attributes": {
|
|
3433
|
+
"category": "color",
|
|
3434
|
+
"type": "vault-secrets",
|
|
3435
|
+
"item": "foreground"
|
|
3436
|
+
},
|
|
3437
|
+
"path": [
|
|
3438
|
+
"color",
|
|
3439
|
+
"vault-secrets",
|
|
3440
|
+
"foreground"
|
|
3441
|
+
]
|
|
3442
|
+
},
|
|
3443
|
+
"surface": {
|
|
3444
|
+
"value": "#fff9cf",
|
|
3445
|
+
"type": "color",
|
|
3446
|
+
"group": "branding",
|
|
3447
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3448
|
+
"isSource": true,
|
|
3449
|
+
"original": {
|
|
3450
|
+
"value": "{color.palette.vault-secrets-50.value}",
|
|
3451
|
+
"type": "color",
|
|
3452
|
+
"group": "branding"
|
|
3453
|
+
},
|
|
3454
|
+
"name": "token-color-vault-secrets-surface",
|
|
3455
|
+
"attributes": {
|
|
3456
|
+
"category": "color",
|
|
3457
|
+
"type": "vault-secrets",
|
|
3458
|
+
"item": "surface"
|
|
3459
|
+
},
|
|
3460
|
+
"path": [
|
|
3461
|
+
"color",
|
|
3462
|
+
"vault-secrets",
|
|
3463
|
+
"surface"
|
|
3464
|
+
]
|
|
3465
|
+
},
|
|
3466
|
+
"border": {
|
|
3467
|
+
"value": "#feec7b",
|
|
3468
|
+
"type": "color",
|
|
3469
|
+
"group": "branding",
|
|
3470
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3471
|
+
"isSource": true,
|
|
3472
|
+
"original": {
|
|
3473
|
+
"value": "{color.palette.vault-secrets-100.value}",
|
|
3474
|
+
"type": "color",
|
|
3475
|
+
"group": "branding"
|
|
3476
|
+
},
|
|
3477
|
+
"name": "token-color-vault-secrets-border",
|
|
3478
|
+
"attributes": {
|
|
3479
|
+
"category": "color",
|
|
3480
|
+
"type": "vault-secrets",
|
|
3481
|
+
"item": "border"
|
|
3482
|
+
},
|
|
3483
|
+
"path": [
|
|
3484
|
+
"color",
|
|
3485
|
+
"vault-secrets",
|
|
3486
|
+
"border"
|
|
3487
|
+
]
|
|
3488
|
+
},
|
|
3489
|
+
"gradient": {
|
|
3490
|
+
"primary": {
|
|
3491
|
+
"start": {
|
|
3492
|
+
"value": "#feec7b",
|
|
3493
|
+
"type": "color",
|
|
3494
|
+
"group": "branding",
|
|
3495
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3496
|
+
"isSource": true,
|
|
3497
|
+
"original": {
|
|
3498
|
+
"value": "{color.palette.vault-secrets-100.value}",
|
|
3499
|
+
"type": "color",
|
|
3500
|
+
"group": "branding"
|
|
3501
|
+
},
|
|
3502
|
+
"name": "token-color-vault-secrets-gradient-primary-start",
|
|
3503
|
+
"attributes": {
|
|
3504
|
+
"category": "color",
|
|
3505
|
+
"type": "vault-secrets",
|
|
3506
|
+
"item": "gradient",
|
|
3507
|
+
"subitem": "primary",
|
|
3508
|
+
"state": "start"
|
|
3509
|
+
},
|
|
3510
|
+
"path": [
|
|
3511
|
+
"color",
|
|
3512
|
+
"vault-secrets",
|
|
3513
|
+
"gradient",
|
|
3514
|
+
"primary",
|
|
3515
|
+
"start"
|
|
3516
|
+
]
|
|
3517
|
+
},
|
|
3518
|
+
"stop": {
|
|
3519
|
+
"value": "#ffe543",
|
|
3520
|
+
"type": "color",
|
|
3521
|
+
"group": "branding",
|
|
3522
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3523
|
+
"isSource": true,
|
|
3524
|
+
"original": {
|
|
3525
|
+
"value": "{color.palette.vault-secrets-200.value}",
|
|
3526
|
+
"type": "color",
|
|
3527
|
+
"group": "branding"
|
|
3528
|
+
},
|
|
3529
|
+
"name": "token-color-vault-secrets-gradient-primary-stop",
|
|
3530
|
+
"attributes": {
|
|
3531
|
+
"category": "color",
|
|
3532
|
+
"type": "vault-secrets",
|
|
3533
|
+
"item": "gradient",
|
|
3534
|
+
"subitem": "primary",
|
|
3535
|
+
"state": "stop"
|
|
3536
|
+
},
|
|
3537
|
+
"path": [
|
|
3538
|
+
"color",
|
|
3539
|
+
"vault-secrets",
|
|
3540
|
+
"gradient",
|
|
3541
|
+
"primary",
|
|
3542
|
+
"stop"
|
|
3543
|
+
]
|
|
3544
|
+
}
|
|
3545
|
+
},
|
|
3546
|
+
"faint": {
|
|
3547
|
+
"start": {
|
|
3548
|
+
"value": "#fffdf2",
|
|
3549
|
+
"type": "color",
|
|
3550
|
+
"group": "branding",
|
|
3551
|
+
"comment": "this is the 'vault-secrets-50' value at 25% opacity on white",
|
|
3552
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3553
|
+
"isSource": true,
|
|
3554
|
+
"original": {
|
|
3555
|
+
"value": "#fffdf2",
|
|
3556
|
+
"type": "color",
|
|
3557
|
+
"group": "branding",
|
|
3558
|
+
"comment": "this is the 'vault-secrets-50' value at 25% opacity on white"
|
|
3559
|
+
},
|
|
3560
|
+
"name": "token-color-vault-secrets-gradient-faint-start",
|
|
3561
|
+
"attributes": {
|
|
3562
|
+
"category": "color",
|
|
3563
|
+
"type": "vault-secrets",
|
|
3564
|
+
"item": "gradient",
|
|
3565
|
+
"subitem": "faint",
|
|
3566
|
+
"state": "start"
|
|
3567
|
+
},
|
|
3568
|
+
"path": [
|
|
3569
|
+
"color",
|
|
3570
|
+
"vault-secrets",
|
|
3571
|
+
"gradient",
|
|
3572
|
+
"faint",
|
|
3573
|
+
"start"
|
|
3574
|
+
]
|
|
3575
|
+
},
|
|
3576
|
+
"stop": {
|
|
3577
|
+
"value": "#fff9cf",
|
|
3578
|
+
"type": "color",
|
|
3579
|
+
"group": "branding",
|
|
3580
|
+
"filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
|
|
3581
|
+
"isSource": true,
|
|
3582
|
+
"original": {
|
|
3583
|
+
"value": "{color.palette.vault-secrets-50.value}",
|
|
3584
|
+
"type": "color",
|
|
3585
|
+
"group": "branding"
|
|
3586
|
+
},
|
|
3587
|
+
"name": "token-color-vault-secrets-gradient-faint-stop",
|
|
3588
|
+
"attributes": {
|
|
3589
|
+
"category": "color",
|
|
3590
|
+
"type": "vault-secrets",
|
|
3591
|
+
"item": "gradient",
|
|
3592
|
+
"subitem": "faint",
|
|
3593
|
+
"state": "stop"
|
|
3594
|
+
},
|
|
3595
|
+
"path": [
|
|
3596
|
+
"color",
|
|
3597
|
+
"vault-secrets",
|
|
3598
|
+
"gradient",
|
|
3599
|
+
"faint",
|
|
3600
|
+
"stop"
|
|
3601
|
+
]
|
|
3602
|
+
}
|
|
3603
|
+
}
|
|
3604
|
+
}
|
|
3605
|
+
},
|
|
3371
3606
|
"vault": {
|
|
3372
3607
|
"brand": {
|
|
3373
3608
|
"value": "#ffd814",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 06:10:51 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -142,6 +142,15 @@
|
|
|
142
142
|
--token-color-vagrant-gradient-primary-stop: #7dadff;
|
|
143
143
|
--token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
|
|
144
144
|
--token-color-vagrant-gradient-faint-stop: #d6ebff;
|
|
145
|
+
--token-color-vault-secrets-brand: #ffd814;
|
|
146
|
+
--token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
|
|
147
|
+
--token-color-vault-secrets-foreground: #9a6f00;
|
|
148
|
+
--token-color-vault-secrets-surface: #fff9cf;
|
|
149
|
+
--token-color-vault-secrets-border: #feec7b;
|
|
150
|
+
--token-color-vault-secrets-gradient-primary-start: #feec7b;
|
|
151
|
+
--token-color-vault-secrets-gradient-primary-stop: #ffe543;
|
|
152
|
+
--token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
|
|
153
|
+
--token-color-vault-secrets-gradient-faint-stop: #fff9cf;
|
|
145
154
|
--token-color-vault-brand: #ffd814;
|
|
146
155
|
--token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
|
|
147
156
|
--token-color-vault-foreground: #9a6f00;
|