@pantheon-systems/pds-design-tokens 1.0.0-dev.135 → 1.0.0-dev.137

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.
Files changed (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +2 -0
  2. package/build/css/pds-design-tokens-light-mode.css +6 -0
  3. package/build/figma/pds-design-tokens-figma.json +236 -0
  4. package/build/json/pds-design-tokens-dark-mode.json +62 -0
  5. package/build/json/pds-design-tokens-light-mode.json +174 -0
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -145,6 +145,8 @@
145
145
  --pds-color-input-border-success: #2abb7f;
146
146
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
147
147
  --pds-color-input-checked-foreground: #ffffff;
148
+ --pds-color-input-file-upload-button-background-default: #504e62;
149
+ --pds-color-input-file-upload-button-background-hover: #3d3c4d;
148
150
  --pds-color-input-foreground-critical: #ef5c48;
149
151
  --pds-color-input-foreground-default: #ffffff;
150
152
  --pds-color-input-foreground-success: #2abb7f;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -167,6 +167,8 @@
167
167
  --pds-color-input-border-success: #218c5f;
168
168
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
169
169
  --pds-color-input-checked-foreground: #ffffff;
170
+ --pds-color-input-file-upload-button-background-default: #f1f1f1;
171
+ --pds-color-input-file-upload-button-background-hover: #e6e6e7;
170
172
  --pds-color-input-foreground-critical: #ca3521;
171
173
  --pds-color-input-foreground-default: #23232d;
172
174
  --pds-color-input-foreground-success: #218c5f;
@@ -220,6 +222,10 @@
220
222
  --pds-color-segmented-button-background-active: #f0edfb;
221
223
  --pds-color-segmented-button-background-default: #ffffff;
222
224
  --pds-color-segmented-button-background-hover: #f8f8f8;
225
+ --pds-color-segmented-button-border-active: #3017a1;
226
+ --pds-color-segmented-button-border-default: #cfcfd3;
227
+ --pds-color-segmented-button-foreground-active: #3017a1;
228
+ --pds-color-segmented-button-foreground-default: #6d6d78;
223
229
  --pds-color-semantic-critical-background: #ffedeb;
224
230
  --pds-color-semantic-critical-foreground: #ca3521;
225
231
  --pds-color-semantic-critical-utility: #f35945;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -7259,6 +7259,68 @@
7259
7259
  ]
7260
7260
  }
7261
7261
  },
7262
+ "file-upload": {
7263
+ "button": {
7264
+ "background": {
7265
+ "default": {
7266
+ "value": "#504e62",
7267
+ "public": true,
7268
+ "isReferenceToInternal": true,
7269
+ "filePath": "tokens/color/alias/input.dark.json",
7270
+ "isSource": true,
7271
+ "original": {
7272
+ "value": "{color.dark-mode.neutral.400.value}",
7273
+ "public": true,
7274
+ "isReferenceToInternal": true
7275
+ },
7276
+ "name": "color-dark-mode-input-file-upload-button-background-default",
7277
+ "attributes": {
7278
+ "category": "color",
7279
+ "type": "dark-mode",
7280
+ "item": "input",
7281
+ "subitem": "file-upload",
7282
+ "state": "button"
7283
+ },
7284
+ "path": [
7285
+ "color",
7286
+ "dark-mode",
7287
+ "input",
7288
+ "file-upload",
7289
+ "button",
7290
+ "background",
7291
+ "default"
7292
+ ]
7293
+ },
7294
+ "hover": {
7295
+ "value": "#3d3c4d",
7296
+ "public": true,
7297
+ "filePath": "tokens/color/alias/input.dark.json",
7298
+ "isSource": true,
7299
+ "original": {
7300
+ "value": "#3d3c4d",
7301
+ "public": true
7302
+ },
7303
+ "name": "color-dark-mode-input-file-upload-button-background-hover",
7304
+ "attributes": {
7305
+ "category": "color",
7306
+ "type": "dark-mode",
7307
+ "item": "input",
7308
+ "subitem": "file-upload",
7309
+ "state": "button"
7310
+ },
7311
+ "path": [
7312
+ "color",
7313
+ "dark-mode",
7314
+ "input",
7315
+ "file-upload",
7316
+ "button",
7317
+ "background",
7318
+ "hover"
7319
+ ]
7320
+ }
7321
+ }
7322
+ }
7323
+ },
7262
7324
  "toggle-switch": {
7263
7325
  "off": {
7264
7326
  "value": "#504e62",
@@ -14136,6 +14198,118 @@
14136
14198
  "active"
14137
14199
  ]
14138
14200
  }
14201
+ },
14202
+ "border": {
14203
+ "default": {
14204
+ "value": "#cfcfd3",
14205
+ "public": true,
14206
+ "isReferenceToInternal": true,
14207
+ "filePath": "tokens/color/alias/button.light.json",
14208
+ "isSource": true,
14209
+ "original": {
14210
+ "value": "{color.light-mode.neutral.300.value}",
14211
+ "public": true,
14212
+ "isReferenceToInternal": true
14213
+ },
14214
+ "name": "color-light-mode-segmented-button-border-default",
14215
+ "attributes": {
14216
+ "category": "color",
14217
+ "type": "light-mode",
14218
+ "item": "segmented-button",
14219
+ "subitem": "border",
14220
+ "state": "default"
14221
+ },
14222
+ "path": [
14223
+ "color",
14224
+ "light-mode",
14225
+ "segmented-button",
14226
+ "border",
14227
+ "default"
14228
+ ]
14229
+ },
14230
+ "active": {
14231
+ "value": "#3017a1",
14232
+ "public": true,
14233
+ "isReferenceToInternal": true,
14234
+ "filePath": "tokens/color/alias/button.light.json",
14235
+ "isSource": true,
14236
+ "original": {
14237
+ "value": "{color.light-mode.brand.secondary.400.value}",
14238
+ "public": true,
14239
+ "isReferenceToInternal": true
14240
+ },
14241
+ "name": "color-light-mode-segmented-button-border-active",
14242
+ "attributes": {
14243
+ "category": "color",
14244
+ "type": "light-mode",
14245
+ "item": "segmented-button",
14246
+ "subitem": "border",
14247
+ "state": "active"
14248
+ },
14249
+ "path": [
14250
+ "color",
14251
+ "light-mode",
14252
+ "segmented-button",
14253
+ "border",
14254
+ "active"
14255
+ ]
14256
+ }
14257
+ },
14258
+ "foreground": {
14259
+ "default": {
14260
+ "value": "#6d6d78",
14261
+ "public": true,
14262
+ "isReferenceToInternal": true,
14263
+ "filePath": "tokens/color/alias/button.light.json",
14264
+ "isSource": true,
14265
+ "original": {
14266
+ "value": "{color.light-mode.neutral.400.value}",
14267
+ "public": true,
14268
+ "isReferenceToInternal": true
14269
+ },
14270
+ "name": "color-light-mode-segmented-button-foreground-default",
14271
+ "attributes": {
14272
+ "category": "color",
14273
+ "type": "light-mode",
14274
+ "item": "segmented-button",
14275
+ "subitem": "foreground",
14276
+ "state": "default"
14277
+ },
14278
+ "path": [
14279
+ "color",
14280
+ "light-mode",
14281
+ "segmented-button",
14282
+ "foreground",
14283
+ "default"
14284
+ ]
14285
+ },
14286
+ "active": {
14287
+ "value": "#3017a1",
14288
+ "public": true,
14289
+ "isReferenceToInternal": true,
14290
+ "filePath": "tokens/color/alias/button.light.json",
14291
+ "isSource": true,
14292
+ "original": {
14293
+ "value": "{color.light-mode.brand.secondary.400.value}",
14294
+ "public": true,
14295
+ "isReferenceToInternal": true
14296
+ },
14297
+ "name": "color-light-mode-segmented-button-foreground-active",
14298
+ "attributes": {
14299
+ "category": "color",
14300
+ "type": "light-mode",
14301
+ "item": "segmented-button",
14302
+ "subitem": "foreground",
14303
+ "state": "active"
14304
+ },
14305
+ "path": [
14306
+ "color",
14307
+ "light-mode",
14308
+ "segmented-button",
14309
+ "foreground",
14310
+ "active"
14311
+ ]
14312
+ }
14139
14313
  }
14140
14314
  },
14141
14315
  "card": {
@@ -15234,6 +15408,68 @@
15234
15408
  ]
15235
15409
  }
15236
15410
  },
15411
+ "file-upload": {
15412
+ "button": {
15413
+ "background": {
15414
+ "default": {
15415
+ "value": "#f1f1f1",
15416
+ "public": true,
15417
+ "isReferenceToInternal": true,
15418
+ "filePath": "tokens/color/alias/input.light.json",
15419
+ "isSource": true,
15420
+ "original": {
15421
+ "value": "{color.light-mode.neutral.200.value}",
15422
+ "public": true,
15423
+ "isReferenceToInternal": true
15424
+ },
15425
+ "name": "color-light-mode-input-file-upload-button-background-default",
15426
+ "attributes": {
15427
+ "category": "color",
15428
+ "type": "light-mode",
15429
+ "item": "input",
15430
+ "subitem": "file-upload",
15431
+ "state": "button"
15432
+ },
15433
+ "path": [
15434
+ "color",
15435
+ "light-mode",
15436
+ "input",
15437
+ "file-upload",
15438
+ "button",
15439
+ "background",
15440
+ "default"
15441
+ ]
15442
+ },
15443
+ "hover": {
15444
+ "value": "#e6e6e7",
15445
+ "public": true,
15446
+ "filePath": "tokens/color/alias/input.light.json",
15447
+ "isSource": true,
15448
+ "original": {
15449
+ "value": "#e6e6e7",
15450
+ "public": true
15451
+ },
15452
+ "name": "color-light-mode-input-file-upload-button-background-hover",
15453
+ "attributes": {
15454
+ "category": "color",
15455
+ "type": "light-mode",
15456
+ "item": "input",
15457
+ "subitem": "file-upload",
15458
+ "state": "button"
15459
+ },
15460
+ "path": [
15461
+ "color",
15462
+ "light-mode",
15463
+ "input",
15464
+ "file-upload",
15465
+ "button",
15466
+ "background",
15467
+ "hover"
15468
+ ]
15469
+ }
15470
+ }
15471
+ }
15472
+ },
15237
15473
  "toggle-switch": {
15238
15474
  "off": {
15239
15475
  "value": "#6d6d78",
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -3871,6 +3871,68 @@
3871
3871
  ]
3872
3872
  }
3873
3873
  },
3874
+ "file-upload": {
3875
+ "button": {
3876
+ "background": {
3877
+ "default": {
3878
+ "value": "#504e62",
3879
+ "public": true,
3880
+ "isReferenceToInternal": true,
3881
+ "filePath": "tokens/color/alias/input.dark.json",
3882
+ "isSource": true,
3883
+ "original": {
3884
+ "value": "{color.dark-mode.neutral.400.value}",
3885
+ "public": true,
3886
+ "isReferenceToInternal": true
3887
+ },
3888
+ "name": "color-dark-mode-input-file-upload-button-background-default",
3889
+ "attributes": {
3890
+ "category": "color",
3891
+ "type": "dark-mode",
3892
+ "item": "input",
3893
+ "subitem": "file-upload",
3894
+ "state": "button"
3895
+ },
3896
+ "path": [
3897
+ "color",
3898
+ "dark-mode",
3899
+ "input",
3900
+ "file-upload",
3901
+ "button",
3902
+ "background",
3903
+ "default"
3904
+ ]
3905
+ },
3906
+ "hover": {
3907
+ "value": "#3d3c4d",
3908
+ "public": true,
3909
+ "filePath": "tokens/color/alias/input.dark.json",
3910
+ "isSource": true,
3911
+ "original": {
3912
+ "value": "#3d3c4d",
3913
+ "public": true
3914
+ },
3915
+ "name": "color-dark-mode-input-file-upload-button-background-hover",
3916
+ "attributes": {
3917
+ "category": "color",
3918
+ "type": "dark-mode",
3919
+ "item": "input",
3920
+ "subitem": "file-upload",
3921
+ "state": "button"
3922
+ },
3923
+ "path": [
3924
+ "color",
3925
+ "dark-mode",
3926
+ "input",
3927
+ "file-upload",
3928
+ "button",
3929
+ "background",
3930
+ "hover"
3931
+ ]
3932
+ }
3933
+ }
3934
+ }
3935
+ },
3874
3936
  "toggle-switch": {
3875
3937
  "off": {
3876
3938
  "value": "#504e62",
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -3109,6 +3109,118 @@
3109
3109
  "active"
3110
3110
  ]
3111
3111
  }
3112
+ },
3113
+ "border": {
3114
+ "default": {
3115
+ "value": "#cfcfd3",
3116
+ "public": true,
3117
+ "isReferenceToInternal": true,
3118
+ "filePath": "tokens/color/alias/button.light.json",
3119
+ "isSource": true,
3120
+ "original": {
3121
+ "value": "{color.light-mode.neutral.300.value}",
3122
+ "public": true,
3123
+ "isReferenceToInternal": true
3124
+ },
3125
+ "name": "color-light-mode-segmented-button-border-default",
3126
+ "attributes": {
3127
+ "category": "color",
3128
+ "type": "light-mode",
3129
+ "item": "segmented-button",
3130
+ "subitem": "border",
3131
+ "state": "default"
3132
+ },
3133
+ "path": [
3134
+ "color",
3135
+ "light-mode",
3136
+ "segmented-button",
3137
+ "border",
3138
+ "default"
3139
+ ]
3140
+ },
3141
+ "active": {
3142
+ "value": "#3017a1",
3143
+ "public": true,
3144
+ "isReferenceToInternal": true,
3145
+ "filePath": "tokens/color/alias/button.light.json",
3146
+ "isSource": true,
3147
+ "original": {
3148
+ "value": "{color.light-mode.brand.secondary.400.value}",
3149
+ "public": true,
3150
+ "isReferenceToInternal": true
3151
+ },
3152
+ "name": "color-light-mode-segmented-button-border-active",
3153
+ "attributes": {
3154
+ "category": "color",
3155
+ "type": "light-mode",
3156
+ "item": "segmented-button",
3157
+ "subitem": "border",
3158
+ "state": "active"
3159
+ },
3160
+ "path": [
3161
+ "color",
3162
+ "light-mode",
3163
+ "segmented-button",
3164
+ "border",
3165
+ "active"
3166
+ ]
3167
+ }
3168
+ },
3169
+ "foreground": {
3170
+ "default": {
3171
+ "value": "#6d6d78",
3172
+ "public": true,
3173
+ "isReferenceToInternal": true,
3174
+ "filePath": "tokens/color/alias/button.light.json",
3175
+ "isSource": true,
3176
+ "original": {
3177
+ "value": "{color.light-mode.neutral.400.value}",
3178
+ "public": true,
3179
+ "isReferenceToInternal": true
3180
+ },
3181
+ "name": "color-light-mode-segmented-button-foreground-default",
3182
+ "attributes": {
3183
+ "category": "color",
3184
+ "type": "light-mode",
3185
+ "item": "segmented-button",
3186
+ "subitem": "foreground",
3187
+ "state": "default"
3188
+ },
3189
+ "path": [
3190
+ "color",
3191
+ "light-mode",
3192
+ "segmented-button",
3193
+ "foreground",
3194
+ "default"
3195
+ ]
3196
+ },
3197
+ "active": {
3198
+ "value": "#3017a1",
3199
+ "public": true,
3200
+ "isReferenceToInternal": true,
3201
+ "filePath": "tokens/color/alias/button.light.json",
3202
+ "isSource": true,
3203
+ "original": {
3204
+ "value": "{color.light-mode.brand.secondary.400.value}",
3205
+ "public": true,
3206
+ "isReferenceToInternal": true
3207
+ },
3208
+ "name": "color-light-mode-segmented-button-foreground-active",
3209
+ "attributes": {
3210
+ "category": "color",
3211
+ "type": "light-mode",
3212
+ "item": "segmented-button",
3213
+ "subitem": "foreground",
3214
+ "state": "active"
3215
+ },
3216
+ "path": [
3217
+ "color",
3218
+ "light-mode",
3219
+ "segmented-button",
3220
+ "foreground",
3221
+ "active"
3222
+ ]
3223
+ }
3112
3224
  }
3113
3225
  },
3114
3226
  "card": {
@@ -4207,6 +4319,68 @@
4207
4319
  ]
4208
4320
  }
4209
4321
  },
4322
+ "file-upload": {
4323
+ "button": {
4324
+ "background": {
4325
+ "default": {
4326
+ "value": "#f1f1f1",
4327
+ "public": true,
4328
+ "isReferenceToInternal": true,
4329
+ "filePath": "tokens/color/alias/input.light.json",
4330
+ "isSource": true,
4331
+ "original": {
4332
+ "value": "{color.light-mode.neutral.200.value}",
4333
+ "public": true,
4334
+ "isReferenceToInternal": true
4335
+ },
4336
+ "name": "color-light-mode-input-file-upload-button-background-default",
4337
+ "attributes": {
4338
+ "category": "color",
4339
+ "type": "light-mode",
4340
+ "item": "input",
4341
+ "subitem": "file-upload",
4342
+ "state": "button"
4343
+ },
4344
+ "path": [
4345
+ "color",
4346
+ "light-mode",
4347
+ "input",
4348
+ "file-upload",
4349
+ "button",
4350
+ "background",
4351
+ "default"
4352
+ ]
4353
+ },
4354
+ "hover": {
4355
+ "value": "#e6e6e7",
4356
+ "public": true,
4357
+ "filePath": "tokens/color/alias/input.light.json",
4358
+ "isSource": true,
4359
+ "original": {
4360
+ "value": "#e6e6e7",
4361
+ "public": true
4362
+ },
4363
+ "name": "color-light-mode-input-file-upload-button-background-hover",
4364
+ "attributes": {
4365
+ "category": "color",
4366
+ "type": "light-mode",
4367
+ "item": "input",
4368
+ "subitem": "file-upload",
4369
+ "state": "button"
4370
+ },
4371
+ "path": [
4372
+ "color",
4373
+ "light-mode",
4374
+ "input",
4375
+ "file-upload",
4376
+ "button",
4377
+ "background",
4378
+ "hover"
4379
+ ]
4380
+ }
4381
+ }
4382
+ }
4383
+ },
4210
4384
  "toggle-switch": {
4211
4385
  "off": {
4212
4386
  "value": "#6d6d78",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.135",
3
+ "version": "1.0.0-dev.137",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [